Please enable JavaScript.

Coggle requires JavaScript to display documents.

Computer Graphic - Coggle Diagram

- - - - เป็นโครงสร้างข้อมูลที่เก็บคุณลักษณะ/คุณสมบัติของจุดแต่ละจุด :star:
        
        เป็นองค์ประกอบพื้นฐานที่เล็กที่สุดของภาพในหน่วยความจำ :spiral_note_pad:
        
        เป็นหน่วยในการแสดงความละเอียดของรูปภาพ :spiral_note_pad:
    - - กว้าง(แนวนอน) x สูง(แนวตั้ง) :star:
        
        แสดงเป็นจำนวนพิกเซลทั้งหมด (width x heigth)/1,000,000 = 0.3072 Megapixel :star:
        
        แสดงเป็นอัตราส่วนของพิกเซลต่อพื้นที่ พิกเซลต่อตารางนิ้ว Dot-Per-Inch(dpi) :star:
    - - พื้นที่ต่อเนื่องของหน่วยความจำที่ใช้ในการแสดงข้อมูลภาพที่จะถูกนำมาแสดงออกบนจอภาพ :spiral_note_pad:
        
        การแสดงข้อมูลของภาพในหน่วยความจำ อย่างน้อยต้องใช้ 1 bit ต่อ 1 pixel :star:
        
        หน่วยความจำที่ใช้แสดงข้อมูลเพียงคุณสมบัติเดียว เรียกว่า ระนาบของบิต(bit plane) มีขนาดเท่า window :star:
        
        1 pixel มีมากกว่า 1 character(คุณสมบัติ) | 1 charecter ใช้ 1 bit | 1 charecter = 1 bit plane :star:
        
        Frame buffer เก็บข้อมูลเป็น digital แต่ Screen แสดงผลเป็น analog :star:
        
        N-bit plane
        
        แสดงข้อมูลสีของภาพต้องเพิ่มระนาบบิต :star:
        
        ความเข้มของสีจะถูกควบคุมโดยตำแหน่งพิกเซลที่สอดคล้องกันในแต่ละระนาบบิต :spiral_note_pad:
        
        ค่า binary จากแต่ละระนาบบิตจะถูกโหลดไปยังตำแหน่งที่สอดคล้องกันบนจอภาพ :spiral_note_pad:
- - - - การย้ายตำแหน่ง Translation
        การบวก
        
        ตำแหน่งที่ย้ายไปต้องสัมพันธ์กับขนาดจอภาพ(viewport)
        
        ถ้าวัตถุกินขอบจอภาพเรียกว่า clipping
        
        ย้ายจุด
        
        การย้ายตำแหน่งจุด เป็นระยะทางคงที่ ในทิศทางที่เป็นเส้นเส้นตรง :!:
        
        p ตำแน่งจุดที่จะย้าย, T ระยะทางที่จะย้าย, p' ตำแน่งใหม่
        
        glTranslated(Glfloat tx, Glfloat ty, Glfloat tz)
        
        ย้าย polygon
        
        ย้ายแต่ละจุด/มุม(vertex) ไปตำแหน่งใหม่ด้วยระยะทางที่คงที่
        
        การย้ายวงกลม จะย้ายจุดศูนย์กลาง แล้ววาดวงกลมใหม่
      - การย่อขยาย Scaling
        การคูณ
        
        การมองใกล้ มองไกล
        
        กินขอบจอได้เหมือนกัน
        
        การย่อขยาย เป็นการคูณค่าพิกัดของวัตถุด้วยค่า scaling factor(Sx, Sy) :!:
        
        Uniform scaling Sx \(=\) Sy ได้รูปทรงเดิม :!:
        
        Differential scaling Sx \(\neq\) Sy รูปทรงผิดเพี้ยน :!:
        
        สูตร
        
        \( (X, Y)ใหม่ = (X*Sx, Y*Sy) \)
        
        ถ้า Sx > 1 เป็นการขยายตามแกน X :!:
        
        ถ้า Sy > 1 เป็นการขยายตามแกน Y :!:
        
        glScalef(Glfloat sx, Glfloat sy, Glfloat sz)
        
        การย่อขยายแบบสัมพัทธ์ Relative Scaling :red_cross:
        
        กำหนดจุดอ้างอิง เพื่อย่อขยาย
        
        ขยาย > 1, ย่อ < 1
      - การหมุน Rotation
        การคูณ
        
        การเปลี่ยตำแหน่งวัตถุตามแนวเส้นโค้งบนระนาบ ขนาดวัตถุคงเดิม ระยะห่างวัตถุกับจุดหมุนจะคงที่เสมอ :spiral_note_pad:
        
        พารามิเตอร์ ที่ต้องกำหนด
        
        จุดหมุน จุดที่อยู่ภายใน/นอกวัตถุ
        
        มุมในการหมุม θ
        
        การหมุน เมื่อจุดหมุนอยู่ที่พิกัดกำเนิด(0,0) :!:
        
        Rotation factor
        
        θ เป็น - ทวนเข็มนาฬิกา
        
        θ เป็น + ตามเข็มนาฬิกา
        
        :!:
        
        1 more item...
        
        การหมุน เมื่อจุดหมุนไม่อยู่ที่พิกัดกำเนิด
        
        การหมุนวัตถุใดๆ
        
        การหมุนวัตถุ ทุกจุดของวัตถุจะหมุนไปในมุมเดียวกัน
        
        เส้นโค้งจะหมุนโดยปรับตำแน่งทุกจุดและวาดเส้นโค้งที่ตำแหน่งใหม่
        
        วงกลม ปรับตำแหน่งจุดศูนย์กลาง แล้ววาดใหม่