97
บบบบบ 1 บบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบ (Introduction to Computer Graphics)

การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

Embed Size (px)

Citation preview

Page 1: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

บทท�� 1 ความรู้� �เบ��องต้�นเกี่��ยวกี่�บ

คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่(Introduction to

Computer Graphics)

Page 2: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

1 .พื้��นฐานคอมพื้วเตอร์�กร์าฟิ�ก2. ความหมายคอมพื้วเตอร์�กร์าฟิ�ก3. ปร์ะเภทภาพื้กร์าฟิ�ก4. ซอฟิต�แวร์�ทางกร์าฟิ�ก5. ปร์ะโยชน�ของคอมพื้วเตอร์�กร์าฟิ�ก6. การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก7. อนาคตคอมพื้วเตอร์�กร์าฟิ�ก

ห"วข!อบร์ร์ยายสร์�ป

Page 3: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

พื้��นฐานคอมพื้วเตอร์�กร์าฟิ�กพื้��นฐานคอมพื้วเตอร์�กร์าฟิ�ก คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ (Computer Graphics) ได้�ขยาย

ขอบเขต้มาสู่� กี่ารู้สู่รู้�างสู่รู้รู้ค�งานด้�านศิ�ลปะ และกี่ารู้ออกี่แบบมากี่ข&�นซอฟิต้�แวรู้�คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ได้�รู้วมความพิรู้�อมของ

อ(ปกี่รู้ณ์�กี่รู้าฟิ�กี่ หลาย ด้�านเข�าไว�อย างครู้บครู้�นด้�วยกี่ารู้จั�ด้วางอย างเป,นรู้ะบบความกี่�าวหน�าอย างต้ อเน��องของคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่กี่-ม�ได้�

เกี่�ด้จัากี่ ความสู่.าเรู้-จัของกี่ารู้พิ�ฒนาโปรู้เซสู่เซอรู้�(processor)

ม�กี่ารู้พิ�ฒนาอ(ปกี่รู้ณ์�ต้ อพิ วง (Peripheral) ท��เอ��อต้ อกี่ารู้ท.างานและสู่นองกี่ารู้รู้�บรู้� �ของมน(ษย�มากี่ย��งข&�นม�กี่ารู้น.าคอมพิ�วเต้อรู้�มาใช้�เป,นเครู้��องม�อสู่.าค�ญในกี่ารู้

สู่รู้�างสู่รู้รู้ค�งานของน�กี่ออกี่แบบ และศิ�ลป�น

Page 4: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ความหมายคอมพื้วเตอร์�กร์าฟิ�กความหมายคอมพื้วเตอร์�กร์าฟิ�กเร์ขภาพื้คอมพื้วเตอร์� หรู้�อ คอมพื้วเตอร์�กร์าฟิ�ก(Computer Graphics) หรู้�อ ซ%จี% (CG) ค�อ กี่ารู้ปรู้ะมวลผลข�อม�ลด้�วยคอมพิ�วเต้อรู้�โด้ยข�อม�ลเข�าเป,นข�อม�ล

ต้�วเลข ต้�วอ�กี่ษรู้ หรู้�อสู่�ญญาณ์ต้ าง ๆ แล�วแสู่ด้งผลล�พิธ์�ทาง จัอภาพิเป,นข�อม�ลเช้�งเรู้ขาคณ์�ต้ รู้วมถึ&งข�อม�ลอ��น ๆ ของภาพิ

เช้ น ข�อม�ลกี่ารู้เคล��อนไหว กี่ารู้เปล��ยนแปลง ล�กี่ษณ์ะกี่ารู้เช้��อม ต้ อ และความสู่�มพิ�นธ์�รู้ะหว างออปเจั-กี่ต้�ในภาพิ รู้วมถึ&งกี่ารู้

ศิ&กี่ษารู้ะบบกี่ารู้แสู่ด้งภาพิ ท��งสู่ถึาป:ต้ยกี่รู้รู้มของเครู้��อง คอมพิ�วเต้อรู้� อ(ปกี่รู้ณ์�ต้ อพิ วง หรู้�ออ(ปกี่รู้ณ์�ในกี่ารู้น.าเข�า และ

แสู่ด้งผล ป:จัจั(บ�นม�กี่ารู้ปรู้ะย(กี่ต้�คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ใช้�งานรู้ วม กี่�บเทคโนโลย�อ��น ๆ เช้ น กี่ารู้สู่รู้�างภาพิเคล��อนไหวในงาน

ภาพิยนต้รู้� เกี่ม สู่��อปรู้ะสู่มภาพิและเสู่�ยง หรู้�อรู้ะบบสู่รู้�างภาพิ ความจัรู้�งเสู่ม�อน (Virtual Reality) เป,นต้�น

Page 5: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ความหมายคอมพื้วเตอร์�กร์าฟิ�กความหมายคอมพื้วเตอร์�กร์าฟิ�ก ป; ค.ศิ. 1940 คอมพิ�วเต้อรู้�แสู่ด้งภาพิกี่รู้าฟิ�กี่โด้ยใช้�

เครู้��องพิ�มพิ� โด้ยรู้�ปภาพิท��ได้�จัะเป,นภาพิท��เกี่�ด้จัากี่กี่ารู้ใช้�ต้�วอ�กี่ษรู้มาปรู้ะกี่อบกี่�น ป; ค.ศิ. 1950 สู่ถึาบ�นเทคโนโลย�แห งแมสู่ซาซ�เซสู่ต้�

(MIT) ได้�พิ�ฒนาคอมพิ�วเต้อรู้� Whirlwind ซ&�งม�หลอด้ ภาพิ CRT (Cathode Ray Tube) เป,นสู่ วนแสู่ด้งผล

แทนเครู้��องพิ�มพิ� รู้ะบบ SAGE (Semi - Automatic Ground

Environment) ของกี่องท�พิอากี่าศิสู่หรู้�ฐอเมรู้�กี่า สู่ามารู้ถึแปลงสู่�ญญาณ์จัากี่เรู้ด้ารู้�ให�เป,นภาพิบน จัอ

คอมพิ�วเต้อรู้�ได้� รู้ะบบ SAGE เป,นรู้ะบบกี่รู้าฟิ�กี่เครู้��องแรู้กี่ท��ใช้�ปากี่กี่าแสู่ง

(Light Pen) สู่.าหรู้�บกี่ารู้เล�อกี่สู่�ญล�กี่ษณ์�บนจัอภาพิได้�

Page 6: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

คอมพื้วเตอร์� Whirlwind ของ MIT

ความหมายคอมพื้วเตอร์�กร์าฟิ�กความหมายคอมพื้วเตอร์�กร์าฟิ�กความหมายคอมพื้วเตอร์�กร์าฟิ�กความหมายคอมพื้วเตอร์�กร์าฟิ�ก

Page 7: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก ป; ค.ศิ. 1950 - 1960 ม�กี่ารู้ท.าว�จั�ยเรู้��องเกี่��ยวกี่�บ

รู้ะบบคอมพิ�วเต้อรู้�เป,นจั.านวนมากี่ ซ&�งต้ อมาได้�กี่ลาย เป,นต้�นแบบของรู้ะบบคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่สู่ม�ยใหม

ป; ค.ศิ. 1963 ว�ทยาน�พินธ์�ปรู้�ญญาเอกี่ของ อ�วาน ซ� เธ์อรู้�แลนด้� (Ivan Sutherland) เป,นกี่ารู้พิ�ฒนา

รู้ะบบกี่ารู้วาด้เสู่�น ซ&�งผ��ใช้�สู่ามารู้ถึกี่.าหนด้จั(ด้บนจัอภาพิ ได้�โด้ยต้รู้งโด้ยกี่ารู้ใช้�ปากี่กี่าแสู่ง

รู้ะบบกี่รู้าฟิ�กี่จัะสู่ามารู้ถึลากี่เสู่�นเช้��อมจั(ด้ต้ าง ๆ เหล าน�� เข�าด้�วยกี่�น กี่ลายเป,นภาพิโครู้งสู่รู้�างรู้�ปหลายเหล��ยม

รู้ะบบน��ได้�กี่ลายเป,นหล�กี่กี่ารู้พิ��นฐานของโปรู้แกี่รู้มช้ วย ในกี่ารู้ออกี่แบบรู้ะบบงานต้ าง ๆ เช้ น กี่ารู้ออกี่แบบ

รู้ะบบไฟิฟิ=า และกี่ารู้ออกี่แบบเครู้��องจั�กี่รู้

Page 8: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก รู้ะบบหลอด้ภาพิ CRT ในสู่ม�ยแรู้กี่สู่ามารู้ถึวาด้เสู่�นต้รู้ง

รู้ะหว างจั(ด้สู่องจั(ด้บนจัอภาพิได้� แต้ ภาพิเสู่�นท��วาด้จัะ จัางหายไปจัากี่จัอภาพิอย างรู้วด้เรู้-ว

ต้�องม�กี่ารู้วาด้ซ.�าลงท��เด้�มหลาย ๆ ครู้��งในหน&�งว�นาท� เพิ��อให�เรู้าสู่ามารู้ถึ มองเห-นว าเสู่�นไม จัางหายไป ซ&�ง

รู้ะบบแบบน��ม�รู้าคาแพิงมากี่ ในช้ วงต้�นป; ค.ศิ. 1960 ในป; 1963 อ�วาน ซ�เธ์อรู้�

แลนด้�ได้�ออกี่แบบ Sketchpad ซ&�งเป,นรู้ะบบอ�นเทอรู้� แอ-กี่ท�ฟิกี่รู้าฟิ�กี่เพิ��อสู่รู้�างภาพิทางกี่รู้าฟิ�กี่ได้�

Sketchpad น��ใช้�จัอ CRT, ปากี่กี่าแสู่ง และแผ น ฟิ:งกี่�ช้�นค�ย�ในกี่ารู้สู่รู้�างงานกี่รู้าฟิ�กี่ สู่ามารู้ถึซ�มได้� เกี่-บ

ออปเจั-กี่ต้�ลงในหน วยความจั.าได้�

Page 9: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

Sketchpad ของอ%วาน ซ'เธอร์�แลนด์�

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก

Page 10: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ป; ค.ศิ. 1965 รู้ะบบท��วาด้เสู่�นซ.�าลงท��เด้�มหลาย ๆ ครู้��งน��ม� รู้าคาถึ�กี่ลงเน��องจัากี่บรู้�ษ�ท ไอบ�เอ-ม (IBM) ได้�ผล�ต้ออกี่มา

ขายเป,นจั.านวนมากี่ในรู้าคาเครู้��องละ 100,000 เหรู้�ยญ สู่หรู้�ฐฯ

ป; ค.ศิ. 1968 บรู้�ษ�ท เทคโทรู้น�กี่สู่� (Tektronix) ได้�ผล�ต้ จัอภาพิแบบเกี่-บภาพิไว�ได้�จันกี่ว าต้�องกี่ารู้จัะลบ (Storage -

Tube CRT) ซ&�งรู้ะบบน��ไม ต้�องกี่ารู้หน วยความจั.าและรู้ะบบ กี่ารู้วาด้ซ.�า ท.าให�รู้าคาถึ�กี่ลงมากี่ ( เพิ�ยง 15,000 เหรู้�ยญ

สู่หรู้�ฐฯ) ท.าให� เป,นท��น�ยมกี่�นมากี่ใน 5 ป;ต้ อมา กี่ลางป; ค.ศิ. 1970 เป,นช้ วงเวลาท��อ(ปกี่รู้ณ์�ทางคอมพิ�วเต้อรู้�

เรู้��มม�รู้าคาลด้ลงมากี่ ท.าให�ฮารู้�ด้แวรู้�ของรู้ะบบคอมพิ�วเต้อรู้� กี่รู้าฟิ�กี่ม�รู้าคาถึ�กี่ลง ท.าให�ม�กี่ารู้ใช้�คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่เรู้��มใน

งานด้�านต้ าง ๆ มากี่ข&�น

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก

Page 11: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ซอฟิต้�แวรู้�ทางด้�านกี่รู้าฟิ�กี่ม�กี่ารู้พิ�ฒนาควบค� มากี่�บฮารู้�ด้แวรู้� อ�วาน ซ�เธ์อรู้�แลนด้� ผ��ซ&�งได้�ออกี่แบบว�ธ์�กี่ารู้หล�กี่ ๆ รู้วมท��ง

โครู้งสู่รู้�างข�อม�ลของรู้ะบบคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ สู่ต้�เฟิน ค�น (Steven Coons, 1966) และป�แอรู้� เบเซอรู้�

(Pierre Bazier, 1972) ซ&�งศิ&กี่ษาเกี่��ยวกี่�บกี่ารู้สู่รู้�างเสู่�น โค�งและภาพิพิ��นผ�ว ท.าให�ป:จัจั(บ�นเรู้าสู่ามารู้ถึสู่รู้�างภาพิ 3 ม�ต้�

ได้�สู่มจัรู้�งสู่มจั�งมากี่ข&�น10 ป;ต้ อมาได้�ม�กี่ารู้พิ�ฒนาว�ธ์�กี่ารู้สู่รู้�างภาพิมากี่มายสู่.าหรู้�บ

ใช้�ในรู้ะบบคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ และป:จัจั(บ�นเรู้ากี่-ได้�เห-นผล งานท��สู่วยงามและแปลกี่ต้า ซ&�งเป,นผลจัากี่กี่ารู้ศิ&กี่ษาว�จั�ยต้ าง

ๆ ในอด้�ต้น��นเอง

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก

Page 12: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ได้�ถึ�กี่พิ�ฒนามาอย างต้ อเน��องสู่ามารู้ถึแยกี่ปรู้ะว�ต้�ความเป,นมาได้�ด้�งน��

กี่ารู้ปฎิ�ว�ต้�คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ เป,นกี่ารู้เปล��ยนแปลงทาง เทคโนโลย�ซ&�งเปล��ยนแปลงความเป,นอย� ของมน(ษย�โด้ยสู่��นเช้�ง

ม�กี่ารู้พิ�ฒนา ENIAC เป,นเครู้��องจั�กี่รู้ค.านวณ์หาความ แม นย.าในกี่ารู้หาเป=าหมายห�วกี่รู้ะสู่(นปAนใหญ พิ�ฒนาเป,น

EDVAC และเป,น UNIVAC กี่ารู้ว�จั�ยพิ�ฒนาคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ เรู้��มม�กี่ารู้พิ�ฒนารู้ะบบ

ต้ างๆ ของคอมพิ�วเต้อรู้�ช้ วยในกี่ารู้ต้รู้วจัจั�บและเต้�อนภ�ยทาง อากี่าศิ ท��เด้ นค�อ รู้ะบบ SAGE กี่ลายเป,น GUI ท.าให�น�ยมใช้�

คอมพิ�วเต้อรู้�ช้ วยกี่ารู้ออกี่แบบ (CAD) ม�กี่ารู้พิ�ฒนาสู่ วนต้ อปรู้ะสู่านกี่รู้าฟิ�กี่กี่�บผ��ใช้� เกี่�ด้สู่��งท��เรู้�ยกี่ว า

WYSIWYG น.าไปสู่� กี่ารู้ใช้� เมาสู่� ปากี่กี่าแสู่ง เป,นต้�น

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก

Page 13: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

คอมพื้วเตอร์�อเล+กทร์อนกส�เคร์�,องแร์กม%ช�,อ ENIAC

ปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�กปร์ะว"ตคอมพื้วเตอร์�กร์าฟิ�ก

Page 14: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กร์าฟิ�กแบบบตแมพื้ (Bit mapped) ม�ล�กี่ษณ์ะเป,นช้ อง ๆ เหม�อนต้ารู้าง แต้ ละบ�ต้กี่-ค�อสู่ วนหน&�งของข�อม�ล

คอมพิ�วเต้อรู้� (1 ค�อ เป�ด้ และ 0 ค�อป�ด้) หรู้�อหมายถึ&งสู่�ด้.า และสู่�ขาว ด้�งน��น ถึ�าเรู้าเอาบ�ต้ท��แต้กี่ต้ างกี่�นในแต้ ละต้ารู้างมา รู้วมกี่�นเข�า จัะสู่ามารู้ถึสู่รู้�างภาพิจัากี่จั(ด้ด้.าและขาวเหล าน��ได้�

พื้กเซล มาจัากี่ค.าว า Picture Element (Pixel) เป,นองค� ปรู้ะกี่อบพิ��นฐานของภาพิบ�ต้แมพิ ซ&�งองค�ปรู้ะกี่อบย อย ๆ เหล าน��

ถึ�กี่รู้วมกี่�นเข�าท.าให�เกี่�ด้ภาพิ ท��ม� สู่ วนปรู้ะกี่อบย อย ๆ มารู้วมกี่�น เพิ��อปรู้ะกี่อบเป,นรู้ายกี่ารู้สู่��งของต้ าง ๆ

อ"ตร์าส-วนแอสเป.กของภาพื้ (Image Aspect Ratio) ค�อ อ�ต้รู้าสู่ วนรู้ะหว างจั.านวนพิ�กี่เซลทางแนวนอน และจั.านวนพิ�กี่เซล

ทางแนวต้��ง

ปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�ก

Page 15: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ความละเอ%ยด์ (Resolution) หมายถึ&ง รู้ายละเอ�ยด้ ท��อ(ปกี่รู้ณ์�แสู่ด้งกี่รู้าฟิ�กี่ช้น�ด้หน&�งม�อย� ค าความละเอ�ยด้

ม�กี่รู้ะบ(เป,นจั.านวนพิ�กี่เซลในแนวนอนค�อแนวแกี่น X และจั.านวนพิ�กี่เซลในแนวต้��งค�อแนวแกี่น Y

(ก) กร์าฟิ�กของฟิอนต�แบบบตแมพื้ (ข) กร์าฟิ�กแบบเวกเตอร์�

ปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�ก

Page 16: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กร์าฟิ�กแบบเวกเตอร์� (Vector) ใช้�สู่มกี่ารู้ทางคณ์�ต้ศิาสู่ต้รู้� เป,นต้�วสู่รู้�างภาพิ เช้ น วงกี่ลม หรู้�อเสู่�นต้รู้ง เป,นต้�น

หล�กี่ท��จัะน.าไปสู่� กี่รู้าฟิ�กี่แบบเวกี่เต้อรู้�กี่-ค�อ กี่ารู้รู้วมเอาค.าสู่��งทางคอมพิ�วเต้อรู้�และสู่�ต้รู้ทางคณ์�ต้ศิาสู่ต้รู้�เพิ��ออธ์�บายเกี่��ยวกี่�บ

ออปเจั-กี่ต้� ปล อยให�อ(ปกี่รู้ณ์�คอมพิ�วเต้อรู้� เช้ น จัอภาพิ หรู้�อเครู้��องพิ�มพิ�

เป,นต้�วกี่.าหนด้เองว าจัะวางจั(ด้จัรู้�ง ๆ ไว�ท��ต้.าแหน งใด้ในกี่ารู้สู่รู้�าง ภาพิ

ค(ณ์ล�กี่ษณ์ะเด้ นเหล าน��ท.าให�กี่รู้าฟิ�กี่แบบเวกี่เต้อรู้�ม�ข�อได้�เปรู้�ยบและข�อเสู่�ยเปรู้�ยบมากี่มายเม��อเท�ยบกี่�บกี่รู้าฟิ�กี่แบบบ�ต้แมพิออปเจี+กต� (Object) พิ��นฐานสู่ามารู้ถึน.ามาสู่รู้�างออปเจั-กี่ต้�ท��

ซ�บซ�อนข&�น โด้ยกี่ารู้รู้วมเอาออปเจั-กี่ต้�หลาย ๆ ช้น�ด้มาผสู่มกี่�น

ปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�กปร์ะเภทภาพื้กร์าฟิ�ก

Page 17: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้แสู่ด้งภาพิกี่รู้าฟิ�กี่บนจัอภาพิ กี่รู้าฟิ�กี่แบบบ�ต้แมพิสู่ามารู้ถึแสู่ด้งให�เห-นท��จัอภาพิได้�เรู้-วกี่ว าแบบ

เวกี่เต้อรู้�กี่ารู้เปล��ยนแปลงขนาด้ภาพิให�ใหญ ข&�นหรู้�อเล-กี่ลง

กี่ว าภาพิเด้�ม กี่รู้ณ์�ภาพิแบบบ�ต้แมพิจัะท.าได้�ไม มากี่แต้ ภาพิแบบเวกี่เต้อรู้�จัะสู่ามารู้ถึย อและขยาย

ขนาด้ได้�มากี่กี่ว า โด้ยสู่�ด้สู่ วนและล�กี่ษณ์ะของภาพิ ย�งคล�ายเด้�ม

เปร์%ยบเท%ยบกร์าฟิ�กแบบบตแมพื้และเปร์%ยบเท%ยบกร์าฟิ�กแบบบตแมพื้และเวกเตอร์�เวกเตอร์�

เปร์%ยบเท%ยบกร์าฟิ�กแบบบตแมพื้และเปร์%ยบเท%ยบกร์าฟิ�กแบบบตแมพื้และเวกเตอร์�เวกเตอร์�

Page 18: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

มาตร์ฐานซอฟิต�แวร์�ทางกร์าฟิ�ก ป; ค.ศิ. 1979 คณ์ะกี่รู้รู้มกี่ารู้วางแผนมาต้รู้ฐาน

ซอฟิต้�แวรู้�ทางกี่รู้าฟิ�กี่ (GSPC : Graphic Standard Planning Committee) ได้�พิยายามบรู้�หารู้จั�ด้กี่ารู้ให�เกี่�ด้มาต้รู้ฐานของซอฟิต้�แวรู้�ทางกี่รู้าฟิ�กี่ข&�นในสู่หรู้�ฐอเมรู้�กี่า ใช้�รู้ะบบ CORE (Core Graphic System) ซ&�งเป,นมาต้รู้ฐานสู่.าหรู้�บรู้ะบบกี่ารู้แสู่ด้งภาพิ 3 ม�ต้�

ในเวลาใกี่ล�เค�ยงกี่�นน��นเอง สู่ถึาบ�นกี่.าหนด้มาต้รู้ฐานของปรู้ะเทศิเยอรู้ม�น (DIN : West German National Standard) กี่-ได้�พิ�ฒนามาต้รู้ฐานกี่รู้าฟิ�กี่ของต้�วเองข&�นมา โด้ยม�ช้��อเรู้�ยกี่ว า GKS (Graphic Kernel System)

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 19: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

GKS เป,นมาต้รู้ฐานสู่.าหรู้�บรู้ะบบกี่ารู้แสู่ด้งภาพิ 2 ม�ต้� ท��สู่น�บสู่น(นฮารู้�ด้แวรู้�ท��หลากี่หลาย และม�ภาษาคอมพิ�วเต้อรู้�หลายภาษาท��สู่ามารู้ถึเรู้�ยกี่ใช้� GKS ได้� เช้ น ภาษาปาสู่คาล ภาษาฟิอรู้�แทรู้น และภาษาซ� เป,นต้�น แต้ GKS ย�งขาด้สู่ วนท��เป,น 3 ม�ต้�

ป; ค.ศิ. 1982 รู้ะบบ GKS ซ&�งถึ�กี่ใช้�เป,นมาต้รู้ฐานนานาช้าต้�ของรู้ะบบกี่รู้าฟิ�กี่ ท.าให�สู่มาคมกี่รู้าฟิ�กี่นานาช้าต้� (International Graphics Community) พิยายามรู้วบรู้วมมาต้รู้ฐาน CORE กี่�บ GKS เข�าเป,นมาต้รู้ฐานเด้�ยวกี่�น แต้ ไม สู่.าเรู้-จัเน��องจัากี่ม�กี่ารู้เม�องเข�ามาเกี่��ยวข�อง

ม�กี่ารู้พิ�ฒนาต้ อยอด้ GKS ให�ม�ค(ณ์สู่มบ�ต้�ทางด้�าน 3 ม�ต้� ซ&�งเรู้�ยกี่ว า GKS-3D โด้ยเพิ��มเต้�มความสู่ามารู้ถึด้�านคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ 3 ม�ต้�

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 20: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ม�กี่ารู้พิ�ฒนามาต้รู้ฐานใหม ให�เล�อกี่ใช้�งานอ�กี่ด้�วย มาต้รู้ฐาน PHIGS (Programmer's Hierarchical Interface Graphics Standard) เป,นรู้ะบบ ท��พิ�ฒนาโด้ยย&ด้พิ��นฐานของคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ 3 ม�ต้�

ซอฟิต้�แวรู้�ท��ใช้�มาต้รู้ฐานน��สู่น�บสู่น(นกี่ารู้พิ�ฒนาสู่ภาพิแวด้ล�อมทางกี่รู้าฟิ�กี่แบบม�ปฏิ�สู่�มพิ�นธ์� หรู้�อม�กี่ารู้โต้�ต้อบกี่�บผ��ใช้� (Interactive Graphics Environment) เช้ น CAD/CAM กี่ารู้สู่รู้�างโมเด้ลของแข-ง (Solid Model) หรู้�อกี่ารู้สู่รู้�างภาพิจั.าลอง (Simulation) เป,นต้�น

มาต้รู้ฐาน PHIGS ย�งม�กี่ารู้พิ�ฒนาโด้ยเพิ��มเต้�มความสู่ามารู้ถึด้�านต้ าง ๆ เช้ น เสู่�นโค�ง กี่ารู้ให�แสู่ง (Lighting) กี่ารู้ให�เงา (Shading) หรู้�อกี่ารู้สู่รู้�างพิ��นผ�ว (Surface)

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 21: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

มาต้รู้ฐาน PHIGS ย�งได้�ม�กี่ารู้แต้กี่แขนงมาอ�กี่มาต้รู้ฐานหน&�งท��ช้��อว า PHIGS+ ซ&�งความสู่ามารู้ถึย�งคงแต้กี่ต้ างจัากี่มาต้รู้ฐาน GKS และ GKS-3D อย� พิอสู่มควรู้

สู่ วนพิ�ฒนากี่รู้าฟิ�กี่ของบรู้�ษ�ท Silicon Graphics เรู้��มม�ช้��อเสู่�ยง สู่ วนกี่ารู้พิ�ฒนาน��ได้�ออกี่แบบและน.าเสู่นอช้(ด้ของรู้�ท�นท��ช้��อว า GL (Graphics Library)

ต้ อมาไม นาน GL กี่ลายเป,นท��น�ยมอย างแพิรู้ หลายในสู่�งคมของกี่รู้าฟิ�กี่ ท.าให�กี่ลายเป,นมาต้รู้ฐานทางกี่รู้าฟิ�กี่

รู้�ท�นของ GL ถึ�กี่ออกี่แบบมาให�ท.างานเรู้-ว ม�กี่ารู้ท.างานเป,นแบบเรู้�ยลไทม�

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 22: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ต้ อมาได้�ม�กี่ารู้ขยายกี่ารู้ใช้�งานออกี่ไปย�งรู้ะบบฮารู้�ด้แวรู้�อ��น ม�ผลท.าให� GL ม�สู่ภาพิเป,น OpenGL (Open Graphics Library) เน��องจัากี่ม�กี่ารู้พิ�ฒนาให�เป,นอ�สู่รู้ะในกี่ารู้ท.างานรู้ วมกี่�บฮารู้�ด้แวรู้� (hardware-independent)

ป:จัจั(บ�นกี่รู้าฟิ�กี่แพิ-กี่เกี่จัน��อย� ในความด้�แลและอ�ปเด้ทของ OpenGL Architecture Review Board ซ&�งเป,นของกี่ล( มบรู้�ษ�ทและองค�กี่รู้ท��ม�ช้��อเสู่�ยงทางด้�านกี่รู้าฟิ�กี่หลายบรู้�ษ�ท

ไลบรู้ารู้�ของ OpenGL ถึ�กี่ออกี่แบบพิ�เศิษสู่.าหรู้�บแอปพิล�เคช้�นเพิ��อท.างานด้�านกี่รู้าฟิ�กี่ 3 ม�ต้�อย างม�ปรู้ะสู่�ทธ์�ภาพิ แต้ กี่-สู่ามารู้ถึใช้�กี่�บงาน 2 ม�ต้�ซ&�งเป,นกี่รู้ณ์�พิ�เศิษของ 3 ม�ต้�ท��ค าโคออรู้�ด้�เนต้ z เป,น 0

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 23: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ปร์ะเภทของซอฟิต�แวร์�ทางกร์าฟิ�ก โปร์แกร์มส/าเร์+จีร์'ป (Package) สู่รู้�างข&�นโด้ย

ผ��เช้��ยวช้าญทางด้�านคอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่ เพิ��อให�ผ��ใช้�โปรู้แกี่รู้มสู่ามารู้ถึใช้�คอมพิ�วเต้อรู้�ด้.าเน�นกี่ารู้เกี่��ยวกี่�บภาพิได้�อย างสู่ะด้วกี่รู้วด้เรู้-ว

โปร์แกร์มท%,ผู้'!ใช!เข%ยนข1�นเอง เป,นโปรู้แกี่รู้มท��เข�ยนข&�นด้�วยภาษาคอมพิ�วเต้อรู้� เช้ น เบสู่�กี่ ฟิอรู้�แทรู้น ปาสู่คาล และอ��น ๆ โด้ยเข�ยนด้�วยค.าและหล�กี่กี่ารู้ของภาษาน��น เพิ��อให�คอมพิ�วเต้อรู้�ด้.าเน�นกี่ารู้เกี่��ยวกี่�บกี่รู้าฟิ�กี่ต้ามท��เรู้าต้�องกี่ารู้

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 24: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

โปรู้แกี่รู้มสู่.าเรู้-จัรู้�ปทางกี่รู้าฟิ�กี่ Photoshop CS และ DesignCAD 3 D MAX

Page 25: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ข!อพื้จีาร์ณาการ์เล�อกซอฟิต�แวร์�ทางกร์าฟิ�ก โปรู้แกี่รู้มสู่.าเรู้-จัรู้�ปสู่ามารู้ถึใช้�งานได้�ท�นท� เสู่�ยเวลาศิ&กี่ษาว�ธ์�กี่ารู้

ใช้�โปรู้แกี่รู้มเพิ�ยงเล-กี่น�อยเท าน��น จั&งเหมาะกี่�บงานเรู้ งด้ วน และใช้�ในกี่ารู้ศิ&กี่ษาของผ��เรู้��มต้�น

โปรู้แกี่รู้มสู่.าเรู้-จัรู้�ปแต้ ละโปรู้แกี่รู้ม ม�จั(ด้ม( งหมายของกี่ารู้ใช้�งานแต้กี่ต้ างกี่�น

โปรู้แกี่รู้มสู่.าเรู้-จัรู้�ปเพิ�ยงโปรู้แกี่รู้มเด้�ยว ไม สู่ามารู้ถึท.างานให�ต้รู้งกี่�บความต้�องกี่ารู้ของเรู้าได้�ครู้บถึ�วน

ในรู้ะยะยาว กี่ารู้ใช้�โปรู้แกี่รู้มสู่.าเรู้-จัรู้�ปท.าให�สู่��นเปล�องมากี่กี่ว า เน��องจัากี่จัะต้�องหาซ��อโปรู้แกี่รู้มรู้( นใหม มาใช้�แทนโปรู้แกี่รู้มรู้( นเกี่ าอย� เสู่มอ

กี่ารู้เข�ยนโปรู้แกี่รู้มข&�นใช้�เอง ท.าให�เรู้าเกี่�ด้ความเข�าใจัเกี่��ยวกี่�บฮารู้�ด้แวรู้� และซอฟิต้�แวรู้�ของคอมพิ�วเต้อรู้� ท��ใช้�งานด้�านกี่รู้าฟิ�กี่ได้�ด้�ข&�น

ซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�กซอฟิต�แวร์�ทางกร์าฟิ�ก

Page 26: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

แสู่ด้งผลงานด้�วยภาพิแทนกี่ารู้แสู่ด้งด้�วยข�อความแสู่ด้งแผนท�� แผนผ�ง และภาพิของสู่��งต้ าง ๆ ซ&�งภาพิเหล าน��ไม สู่ามารู้ถึแสู่ด้งในล�กี่ษณ์ะอ��นได้� ใช้�ในกี่ารู้ออกี่แบทางด้�านต้ าง ๆ เช้ น ออกี่แบบบ�าน รู้ถึยนต้� เครู้��องจั�กี่รู้ เครู้��องแต้ งกี่าย กี่ารู้แต้ งหน�า และเครู้��องม�อเครู้��องใช้�อ��น ๆ ช้ วยงานด้�านเรู้�ยนกี่ารู้สู่อน โด้ยเฉพิาะในว�ช้าท��ต้�องใช้�ภาพิ แผนผ�ง หรู้�อแผนท��ปรู้ะกี่อบ ใช้�ในกี่ารู้จั.าลองสู่ถึานกี่ารู้ณ์� (Simulation) เพิ��อหาค.าต้อบว า ถึ�าสู่ถึานกี่ารู้ณ์�เป,นอย างน��แล�วจัะเกี่�ด้อะไรู้ข&�น น.ามาสู่รู้�างภาพิน��ง ภาพิสู่ไลด้� ภาพิยนต้รู้� และรู้ายกี่ารู้ว�ด้�โอ ใช้�คอมพิ�วเต้อรู้�กี่รู้าฟิ�กี่สู่�สู่รู้�างเกี่มสู่�คอมพิ�วเต้อรู้�

ปร์ะโยชน�ของคอมพื้วเตอร์�กร์าฟิ�กปร์ะโยชน�ของคอมพื้วเตอร์�กร์าฟิ�กปร์ะโยชน�ของคอมพื้วเตอร์�กร์าฟิ�กปร์ะโยชน�ของคอมพื้วเตอร์�กร์าฟิ�ก

Page 27: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ออกี่แบบ (CAD : Computer - Aided Design )

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 28: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่รู้าฟิและแผนภาพิ (Graph)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 29: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ภาพิศิ�ลปD (Art)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 30: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

สู่��อกี่ารู้เรู้�ยนกี่ารู้สู่อน (CAI : Computer Assisted Instruction)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 31: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ภาพิเคล��อนไหว (Animation)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 32: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

อ�เมจัโปรู้เซสู่ซ�งกี่� (Image Processing) เป,นกี่ารู้แสู่ด้งภาพิท��เกี่�ด้จัากี่กี่ารู้ถึ ายรู้�ปหรู้�อจัากี่กี่ารู้สู่แกี่นภาพิให�ปรู้ากี่ฏิบนจัอภาพิคอมพิ�วเต้อรู้�

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 33: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้จั.าลองสู่ถึานกี่ารู้ณ์� (Simulation)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 34: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เกี่มสู่�คอมพิ�วเต้อรู้� (Games)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 35: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ภาพิยนต้รู้� (Movie)

การ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�กการ์ปร์ะย�กต�ใช!คอมพื้วเตอร์�กร์าฟิ�ก

Page 36: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

รู้ะบบสู่��อปรู้ะสู่ม (Multimedia)

อนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�ก

Page 37: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

รู้ะบบเสู่ม�อนจัรู้�ง (VR : Virtual Reality)

อนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�กอนาคตคอมพื้วเตอร์�กร์าฟิ�ก

Page 38: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

บทท�� 2อ(ปกี่รู้ณ์�ในรู้ะบบกี่รู้าฟิ�กี่

(Devices in Graphics System)

Page 39: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ห"วข!อบร์ร์ยายสร์�ปห"วข!อบร์ร์ยายสร์�ป

5. จีอภาพื้5. จีอภาพื้

2. การ์แสด์งผู้ลกร์าฟิ�ก2. การ์แสด์งผู้ลกร์าฟิ�ก3. สถาป5ตยกร์ร์มของแร์สเตอร์�สแกน3. สถาป5ตยกร์ร์มของแร์สเตอร์�สแกน

6. กล!องมองภาพื้สามมตและร์ะบบเสม�อนจีร์ง6. กล!องมองภาพื้สามมตและร์ะบบเสม�อนจีร์ง

4. อ�ปกร์ณ�แสด์งภาพื้ 3 มต4. อ�ปกร์ณ�แสด์งภาพื้ 3 มต

1. อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก1. อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก

Page 40: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

อ�ปกร์ณ�ร์"บข!อม'ล (((((( (((((((( เป,นอ(ปกี่รู้ณ์�ท��น.าข�อม�ลเข�ารู้ะบบคอมพิ�วเต้อรู้�เพิ��อน.าข�อม�ลไปให�โปรู้เซสู่เซอรู้�ปรู้ะมวลผล แต้ เด้�มม�เพิ�ยงค�ย�บอรู้�ด้เท าน��น แต้ ในป:จัจั(บ�นม�ท��งเมาสู่� ,แทรู้-กี่บอลลฒ ปากี่กี่า , จัอสู่�มผ�สู่ หรู้�อจัอยสู่ต้�Fกี่ เป,นต้�นอ�ปกร์ณ�แสด์งผู้ล (Output devices) เป,นอ(ปกี่รู้ณ์�ท��น.าภาพิกี่รู้าฟิ�กี่แสู่ด้งให�เห-น ป:จัจั(บ�นม�ท��งจัอภาพิ (ท��งจัอ CRT และจัอแบน( , อ(ปกี่รู้ณ์�แสู่ด้งผล 3 ม�ต้� และเครู้��องพิ�มพิ�ปรู้ะเภทต้ าง ๆ

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�กอ�ปกร์ณ�ในร์ะบบกร์าฟิ�กอ�ปกร์ณ�ในร์ะบบกร์าฟิ�กอ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก

Page 41: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ค%ย�บอร์�ด์ (Keyboard) : อ(ปกี่รู้ณ์�อ�นพิ(ต้พิ��นฐานท��ต้�องม�ในคอมพิ�วเต้อรู้�ท(กี่เครู้��องจัะรู้�บข�อม�ลจัากี่กี่ารู้กี่ด้ค�ย� แล�วท.ากี่ารู้เปล��ยนเป,นรู้ห�สู่เพิ��อสู่ งต้ อไปให�กี่�บคอมพิ�วเต้อรู้�

เลย�เอาต้�ของค�ย�บอรู้�ด้ต้ามมาต้รู้ฐาน ECMA-23

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: ค%ย�บอร์�ด์ค%ย�บอร์�ด์อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: ค%ย�บอร์�ด์ค%ย�บอร์�ด์

Page 42: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ค�ย�บอรู้�ด้ Dvorak ค�ย�บอรู้�ด้ Elite ของไมโคซอฟิต้�

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: ค%ย�บอร์�ด์ค%ย�บอร์�ด์อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: ค%ย�บอร์�ด์ค%ย�บอร์�ด์

Page 43: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เมาส�และแทร์+กบอลล� (Mouse & Trackball) : อ(ปกี่รู้ณ์�อ�นพิ(ต้เล�อกี่รู้ายกี่ารู้หรู้�อค.าสู่��งด้�วยภาพิ หรู้�อไอคอน

(icon) แบ งได้�เป,นสู่องแบบค�อ แบบทางกี่ล (Mechanical) แบบใช้�แสู่ง (Optical)

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: เมาส�และแทร์+เมาส�และแทร์+กบอลล�กบอลล�

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: เมาส�และแทร์+เมาส�และแทร์+กบอลล�กบอลล�

Page 44: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ปากกาและจีอส"มผู้"ส (LightPens & Touchscreens) อ(ปกี่รู้ณ์�อ�นพิ(ต้ท��ม�แสู่งอ�เล-กี่ต้รู้อนจัะกี่รู้ะต้(�นสู่ารู้เรู้�องแสู่ง (phosphor) ท��เคล�อบอย� ด้�านหล�งผ�วจัอภาพิ สู่ารู้เรู้�องแสู่งน��จัะสู่ว างและด้�บกี่ล�บไปสู่ภาวะปกี่ต้�

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: LightPens & LightPens & TouchscreensTouchscreens

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: LightPens & LightPens & TouchscreensTouchscreens

Page 45: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอสู่�มผ�สู่ม� 2 รู้�ปแบบค�อ แสู่ง (Photonic) และไฟิฟิ=า (Electrical)

จัอสู่�มผ�สู่แบบแสู่ง

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: LightPens & LightPens & TouchscreensTouchscreens

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: LightPens & LightPens & TouchscreensTouchscreens

Page 46: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

Bit Pad หร์�อ Digitizing Tablet : เป,นอ�นพิ(ต้ด้�ไวซ�ท��ปรู้ะกี่อบด้�วยพิ��นผ�วเรู้�ยบ และ stylus หรู้�อ puck แผ นเรู้�ยบจัะม�สู่ายท��เป,นต้าข าย 2ม�ต้�ท��สู่ามารู้ถึต้รู้วจัจั�บสู่�ญญาณ์ท��สู่รู้�างจัากี่ puck ท��เคล��อนท��บนแผ นเรู้�ยบน��น แผ นเรู้�ยบจัะสู่ งต้.าแหน ง X-Y และสู่ถึานะของป(Gมบน puck

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�กอ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก:: Bit Pad / Digitizing Bit Pad / Digitizing TabletTablet

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�กอ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก:: Bit Pad / Digitizing Bit Pad / Digitizing TabletTablet

Page 47: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จีอยสต6ก (Joystick) : บอกี่ต้.าแหน งแนวต้��งและแนวนอนด้�วยรู้ะยะกี่�านท��ย��นออกี่มาจัากี่ฐานของจัอยสู่ต้�Fกี่ สู่ วนมากี่น�ยมน.ามาใช้�งานกี่�บว�ด้�โอเกี่มสู่� และเพิ��อกี่.าหนด้ต้.าแหน งในรู้ะบบกี่รู้าฟิ�กี่

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: จีอยสต6ก จีอยสต6ก (Joystick)(Joystick)

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: จีอยสต6ก จีอยสต6ก (Joystick)(Joystick)

Page 48: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

สแกนเนอร์� (Scanner) : อ(ปกี่รู้ณ์�ซ&�งจั�บภาพิและเปล��ยนแปลงภาพิจัากี่รู้�ปแบบของแอนาลอกี่เป,นด้�จั�ต้อล

สู่แกี่นเนอรู้�แบบเล��อนกี่รู้ะด้าษ , แบบแท นนอน และแบบม�อถึ�อ

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: แสกนเนอร์� แสกนเนอร์� (Scanner)(Scanner)

อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก อ�ปกร์ณ�ในร์ะบบกร์าฟิ�ก :: แสกนเนอร์� แสกนเนอร์� (Scanner)(Scanner)

Page 49: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

API (Application Programming Interface)ท.าหน�าท��เช้��อมต้ อรู้ะหว างแอปพิล�เคช้�นกี่�บฮารู้�ด้แวรู้� โด้ยโปรู้แกี่รู้มเมอรู้�ไม จั.าเป,นต้�องทรู้าบกี่ารู้ท.างานของฮารู้�ด้แวรู้�และไม จั.าเป,นต้�องสู่ งค.าสู่��งไปให�ฮารู้�ด้แวรู้�ท.างานโด้ยต้รู้ง เช้ นเด้�ยวกี่�บโปรู้แกี่รู้มกี่รู้าฟิ�กี่ ท��สู่ามารู้ถึต้�ด้ต้ อและสู่ งค.าสู่��งให�ฮารู้�ด้แวรู้�น��นท.างานได้�ท�นท�และม�ปรู้ะสู่�ทธ์�ภาพิโด้ยปกี่ต้�แล�วรู้ะบบปฏิ�บ�ต้�กี่ารู้ (Operating

Systems) จัะจั�ด้ API ท��เหมาะสู่มให�สู่.าหรู้�บกี่ารู้ท.างานท��เป,นพิ��นฐานอย� แล�ว

การ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�ก

Page 50: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

การ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�ก

Page 51: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ความสู่�มพิ�นธ์�รู้ะหว างแอปพิล�เคช้�นกี่�บอ(ปกี่รู้ณ์�ต้ าง ๆ ม� 2 รู้�ปแบบ

ข1�นอย'-ก"บอ�ปกร์ณ� (Device Dependent)เป,นแอปพิล�เคช้�นท��ม�ค.าสู่��งเฉพิาะในกี่ารู้เข�าถึ&งอ(ปกี่รู้ณ์�แสู่ด้งผลโด้ยต้รู้ง ไม-ข1�นก"บอ�ปกร์ณ� (Device Independent)หรู้�ออาจักี่ล าวได้�ว าเป,นอ�สู่รู้ะต้ ออ(ปกี่รู้ณ์�แอปพิล�เคช้�น พิวกี่น��จัะเล�อกี่เฉพิาะค.าสู่��งท��จั.าเป,นเพิ��อต้�ด้ต้ ออ(ปกี่รู้ณ์�แสู่ด้งผลให�น�อยท��สู่(ด้ และกี่.าหนด้ค.าสู่��งอ��น ๆ อ�างถึ&งค.าสู่��งน��

การ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�กการ์แสด์งผู้ลกร์าฟิ�ก

Page 52: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอภาพิเป,นอ(ปกี่รู้ณ์�หล�กี่ท��ใช้�ในกี่ารู้แสู่ด้งผล (Output Device) ซ&�งจัอภาพิท��ใช้�กี่�นสู่ วนมากี่จัะเป,นจัอภาพิช้น�ด้

เด้�ยวกี่�นกี่�บจัอภาพิของโทรู้ท�ศิน�ซ&�งเรู้�ยกี่กี่�นว า CRT (Cathode Ray Tube)

จีอภาพื้จีอภาพื้จีอภาพื้จีอภาพื้

Page 53: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

สู่ถึาป:ต้ยกี่รู้รู้มของแรู้สู่เต้อรู้�สู่แกี่น (Ra - ster Scan Architecture)ม�โปรู้เช้สู่เซอรู้�ท��ม�ความพิ�เศิษในกี่ารู้แสู่ด้งผลท��เรู้�ยกี่ว า ว�ด้�โอคอนโทรู้ลเลอรู้� “ ” (Video

Controller) เป,นต้�วควบค(มในกี่ารู้แสู่ด้งผล (Display Controller)เฟิรู้มบ�พิเฟิอรู้�จัะอย� สู่ วนใด้กี่-ได้�ในหน วยความจั.า และว�ด้�โอคอนโทรู้ลเลอรู้�จัะใช้�เฟิรู้มบ�พิเฟิอรู้�ในกี่ารู้รู้�เฟิรู้ช้จัอภาพิ

สถาป5ตยกร์ร์มของแร์สเตอร์�สแกนสถาป5ตยกร์ร์มของแร์สเตอร์�สแกนสถาป5ตยกร์ร์มของแร์สเตอร์�สแกนสถาป5ตยกร์ร์มของแร์สเตอร์�สแกน

Page 54: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ม�กี่ารู้สู่งวนพิ��นท��หน วยความจั.าไว�สู่ วนหน&�งสู่.าหรู้�บใช้�เป,นเฟิรู้มบ�พิเฟิอรู้�เพิ��อให�ว�ด้�โอคอนโทรู้ลเลอรู้�สู่ามารู้ถึเรู้�ยกี่ใช้�หน วยความจั.าท��เป,นเฟิรู้มบ�พิเฟิอรู้�ได้�โด้ยต้รู้ง

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

Page 55: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ต้.าแหน งของเฟิรู้มบ�พิเฟิอรู้�และต้.าแหน งของจัอภาพิท��สู่�มพิ�นธ์�กี่�นจัะอ�างอ�งไปย�งคารู้�ท�เซ�ยนโคออรู้�ด้�เนต้ในแอปพิล�เคช้�นท��วไปบ อยครู้��งท��จั(ด้กี่.าเน�ด้โคออรู้�ด้�เนต้ถึ�กี่อ�างอ�งอย� ท��ม(มล างซ�ายของจัอภาพิโด้ยใช้�ค.าสู่� �งของซอฟิต้�แวรู้� (เช้ นเด้�ยวกี่�บ OpenGL)ค า x เพิ��มข&�นจัากี่ซ�ายไปขวาของจัอภาพิค า y เพิ��มข&�นจัากี่ล างข&�นบนของจัอภาพิต้.าแหน งพิ�กี่เซลเป,นเลขจั.านวนเต้-มรู้ะหว าง 0 ถึ&ง xmax ต้ามแนวขวางจัากี่ซ�ายไปขวาและจัากี่ 0 ถึ&ง y max จัากี่ล างข&�นบน

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

Page 56: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานพิ��นฐานในกี่ารู้รู้�เฟิรู้ช้ของว�ด้�โอคอนโทรู้ลเลอรู้�ซ&�งจัะใช้�รู้�จั�สู่เต้อรู้� 2 ต้�วในกี่ารู้เกี่-บค าโคออรู้�ด้�เนต้พิ�กี่เซลของจัอภาพิ เม��อเรู้��มท.างานรู้�จั�สู่เต้อรู้� x จัะกี่.าหนด้เป,น 0 สู่ วนรู้�จั�สู่เต้อรู้� y จัะกี่.าหนด้เป,นค าสู่�งสู่(ด้ของเสู่�นสู่แกี่นข�อม�ลของเฟิรู้มบ�พิเฟิอรู้�ของต้.าแหน งพิ�กี่เซลน��ถึ�กี่ด้&งออกี่ไปใช้�ในกี่ารู้กี่.าหนด้ความเข�มของล.าแสู่ง CRT หล�งจัากี่น��นจัะม�กี่ารู้เพิ��มค าอ�กี่ 1 ให�รู้�จั�สู่เต้อรู้� x กี่รู้ะท.าเช้ นน��เรู้��อยไปกี่�บแต้ ละพิ�กี่เซลบนเสู่�นสู่�งสู่(ด้ หล�งจัากี่กี่รู้ะท.ากี่�บพิ�กี่เซลสู่(ด้ท�ายของเสู่�นสู่�งสู่(ด้เรู้�ยบรู้�อยแล�ว รู้�จั�สู่เต้อรู้� x จัะกี่.าหนด้เป,น 0 สู่ วนค ารู้�จั�สู่เต้อรู้� y จัะกี่.าหนด้เป,นค าเสู่�นสู่แกี่นลด้ลงมาจัากี่บนสู่(ด้ของจัอภาพิ พิ�กี่เซลบนเสู่�นสู่แกี่นน��จัะถึ�กี่ด้.าเน�นกี่ารู้เรู้��อยไป และท.าเช้ นน��เรู้��อยไปท(กี่เสู่�นสู่แกี่นจันถึ&งเสู่�นล างสู่(ด้

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

Page 57: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานพิ��นฐานในกี่ารู้รู้�เฟิรู้ช้ของว�ด้�โอคอนโทรู้ลเลอรู้�

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

ว%ด์%โอคอนโทร์ลเลอร์� ว%ด์%โอคอนโทร์ลเลอร์� (Video (Video Controller)Controller)

Page 58: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

องค�ปรู้ะกี่อบของรู้ะบบแรู้สู่เต้อรู้�ท��ปรู้ะกี่อบด้�วยโปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผล (Display Processor)แยกี่ต้ างหากี่ โปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผลบางครู้��งหมายถึ&งกี่รู้าฟิ�กี่คอนโทรู้ลเลอรู้� (Graphic Controller) หรู้�อโคโปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผล (Display Coprocess

or)เป=าหมายของโปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผลกี่-ค�อให�ซ�พิ�ย�เป,นอ�สู่รู้ะจัากี่งานกี่รู้าฟิ�กี่ ในหน วยความจั.ากี่-ย�งม�พิ��นท��สู่.าหรู้�บโปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผลอย� แล�ว

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

Page 59: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

สู่ถึาป:ต้ยกี่รู้รู้มรู้ะบบแรู้สู่เต้อรู้�ท��ม�โปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผล

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

Page 60: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

งานหล�กี่ของโปรู้เซสู่เซอรู้�ในกี่ารู้แสู่ด้งผลกี่-ค�อกี่ารู้แปลงรู้�ปภาพิในแอปพิล�เคช้�นให�เป,นช้(ด้ของค าพิ�กี่เซล เพิ��อกี่ารู้จั�ด้เกี่-บลงในเฟิรู้มบ�พิเฟิอรู้� ข��นต้อนกี่ารู้แปลงน��เรู้�ยกี่ว า scan conversionค.าสู่��งกี่รู้าฟิ�กี่จัะแปลงเสู่�นต้รู้ง และรู้�ปทรู้งทางเรู้ขาคณ์�ต้อ��น ๆ ให�เป,นช้(ด้ของจั(ด้ต้ าง ๆ อ�างอ�งกี่�บต้.าแหน งพิ�กี่เซลบนจัอภาพิ สู่.าหรู้�บต้�วอ�กี่ษรู้สู่ามารู้ถึกี่.าหนด้ได้�ด้�วยต้ารู้างกี่รู้�ด้ของพิ�กี่เซลรู้�ปสู่��เหล��ยมผ�นผ�าหรู้�อกี่.าหนด้เป,นรู้�ปทรู้งแบบเอาต้�ไลน�สู่ามารู้ถึสู่รู้�างสู่ไต้ล�ของเสู่�น เช้ น เสู่�นปรู้ะ เสู่�นข�ด้ หรู้�อเสู่�นท&บ ม�กี่ารู้แสู่ด้งพิ��นท��ของสู่� และกี่ารู้แปลงทางเรู้ขาคณ์�ต้ของออปเจั-กี่ต้�บนจัอภาพิกี่ารู้แสู่ด้งผลแบบอ�นเทอรู้�เฟิซกี่�บอ(ปกี่รู้ณ์�อ�นเทอรู้�แอ-กี่ท�ฟิเช้ นเมาสู่� ได้�ด้�วย

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

Page 61: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ต้�วอ�กี่ษรู้ท��ออกี่แบบด้�วยต้ารู้างกี่รู้�ด้ของพิ�กี่เซลรู้�ปสู่��เหล��ยมผ�นผ�าและต้�วอ�กี่ษรู้ท��ออกี่แบบเป,นรู้�ปทรู้งเอาต้�ไลน�

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�โปร์เซสเซอร์�แสด์งผู้ลของแร์สเตอร์�สแกนสแกน

Page 62: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอภาพิแบบ CRT ท��น�ยมใช้�กี่�นมากี่กี่-ค�อจัอภาพิท��แสู่ด้งผลแบบแรู้สู่เต้อรู้�สู่แกี่นซ&�งใช้�เทคโนโลย�พิ��นฐานเช้ นเด้�ยวกี่�บโทรู้ท�ศิน� ล.าแสู่งอ�เล-กี่ต้รู้อนจัะกี่วาด้ไปบนจัอภาพิท��เคล�อบด้�วยสู่ารู้ฟิอสู่เฟิอรู้�ครู้��งละ 1 แถึวจัากี่บนลงล าง แต้ ละแถึวจัะเรู้�ยกี่ว า เสู่�นสู่แกี่น “ ” (scan line)ในขณ์ะท��ล.าแสู่งอ�เล-กี่ต้รู้อนกี่วาด้ไปต้ามเสู่�นสู่แกี่นน��นจัะม�กี่ารู้ป�ด้-เป�ด้ความเข�มของแสู่ง เพิ��อสู่รู้�างแพิทเท�รู้�นความเข�มของจั(ด้ ค าท��กี่.าหนด้เป,นรู้�ปภาพิจัะเกี่-บไว�ในพิ��นท��ของหน วยความจั.าสู่ วนท��เรู้�ยกี่ว า รู้�เฟิรู้ช้บ�พิเฟิอรู้� “ ” (refresh

buffer) หรู้�อ เฟิรู้มบ�พิเฟิอรู้� “ ” (frame buffer)

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

Page 63: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ค าท��เกี่-บไว�น��จัะถึ�กี่น.าออกี่จัากี่รู้�เฟิรู้ช้บ�พิเฟิอรู้�เพิ��อใช้�ในกี่ารู้ควบค(มความเข�มของล.าแสู่งอ�เล-กี่ต้รู้อนเม��อเคล��อนจัากี่จั(ด้หน&�งไปจั(ด้หน&�งบนจัอภาพิ ท.าให�ม�เกี่�ด้สู่�บนจัอภาพิครู้��งละหน&�งเสู่�นสู่แกี่นด้�วยเหต้(ท��รู้ �เฟิรู้ช้บ�พิเฟิอรู้�ใช้�ในกี่ารู้เกี่-บค าของช้(ด้สู่� บางครู้��งจั&งเรู้�ยกี่ว า ค�ลเลอรู้�บ�พิเฟิอรู้� “ ” (color buffer)นอกี่จัากี่ข�อม�ลของพิ�กี่เซลท��เกี่-บค าสู่�แล�วย�งเกี่-บต้.าแหน งของบ�พิเฟิอรู้� ท.าให�ท(กี่พิ��นท��ของบ�พิเฟิอรู้�ท��ต้ างกี่�นน��อ�างอ�งถึ&งเฟิรู้มบ�พิเฟิอรู้�ด้�วยกี่ารู้เกี่-บข�อม�ลของสู่�ในแต้ ละจั(ด้บนจัอภาพิของรู้ะบบแรู้สู่เต้อรู้�สู่แกี่นน��เอง ท.าให�เหมาะสู่.าหรู้�บกี่ารู้แสู่ด้งความจัรู้�งของภาพิท��ปรู้ะกี่อบด้�วยเงาและ แพิทเท�รู้�นของสู่�

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

Page 64: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานของจัอภาพิรู้ะบบแรู้สู่เต้อรู้�สู่แกี่น

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

การ์แสด์งผู้ลของแร์สเตอร์�สแกน การ์แสด์งผู้ลของแร์สเตอร์�สแกน (Raster Scan)(Raster Scan)

Page 65: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้แสู่ด้งผลแบบแรู้นด้อมสู่แกี่น (Random Scan)หรู้�อแบบสู่( มจัอภาพิ CRT จัะย�งล.าแสู่งอ�เล-กี่ต้รู้อนต้รู้งไปย�งจั(ด้บนจัอภาพิเพิ��อแสู่ด้งรู้�ปภาพิท��ต้�องกี่ารู้ รู้�ปภาพิถึ�กี่สู่รู้�างเป,นเสู่�นด้�วยล.าแสู่งอ�เล-กี่ต้รู้อนท�ละเสู่�น จัอภาพิท��เป,นแบบแรู้นด้อมสู่แกี่นอาจัจัะหมายถึ&งจัอภาพิแบบเวกี่เต้อรู้� (vector) หรู้�อ -stroke writin

g หรู้�อ calligraphicเสู่�นท��ปรู้ะกี่อบเป,นรู้�ปภาพิถึ�กี่วาด้และรู้�เฟิรู้ช้ด้�วยรู้ะบบแรู้นด้อมสู่แกี่น

การ์แสด์งผู้ลแบบแร์นด์อมสแกน การ์แสด์งผู้ลแบบแร์นด์อมสแกน (Random Scan)(Random Scan)

การ์แสด์งผู้ลแบบแร์นด์อมสแกน การ์แสด์งผู้ลแบบแร์นด์อมสแกน (Random Scan)(Random Scan)

Page 66: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานของจัอภาพิรู้ะบบแรู้นด้อมสู่แกี่น

การ์แสด์งผู้ลของแร์นด์อมสแกน การ์แสด์งผู้ลของแร์นด์อมสแกน (Random Scan)(Random Scan)

การ์แสด์งผู้ลของแร์นด์อมสแกน การ์แสด์งผู้ลของแร์นด์อมสแกน (Random Scan)(Random Scan)

Page 67: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ใช้�สู่ วนผสู่มของสู่ารู้ฟิอสู่เฟิอรู้�ท��เปล งแสู่งสู่�ท��ต้ างกี่�น แสู่งท��เปล งออกี่มาจัากี่ฟิอสู่เฟิอรู้�ท��ต้ างกี่�นจัะรู้วมกี่�นเป,นช้(ด้ของสู่�ท��ข&�นอย� กี่�บช้(ด้ของฟิอสู่เฟิอรู้�เฉพิาะท��ถึ�กี่กี่รู้ะต้(�นกี่ารู้แสู่ด้งภาพิสู่�เกี่�ด้จัากี่สู่ารู้เคล�อบจัอภาพิท��ม�เลย�เอาต้�ของฟิอสู่เฟิอรู้�สู่�ท��แต้กี่ต้ างกี่�น กี่ารู้เปล งของสู่�ข&�นอย� กี่�บรู้ะยะย�งของล.าแสู่งอ�เล-กี่ต้รู้อนกี่�บช้��นเลเยอรู้�ของฟิอสู่เฟิอรู้� เรู้าเรู้�ยกี่ว�ธ์�น��ว า กี่ารู้ทะล(ของล.าแสู่ง “ ” (beam- penetration) โด้ยปกี่ต้�จัะใช้�เลเยอรู้�ของฟิอสู่เฟิอรู้�เพิ�ยง 2 ช้��นค�อสู่�แด้ง (R : Red) และสู่�เข�ยว (G : Green)

จีอภาพื้ส% จีอภาพื้ส% CRTCRTจีอภาพื้ส% จีอภาพื้ส% CRTCRT

Page 68: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ล.าแสู่งท��ม�ความเรู้-วของอ�เล-กี่ต้รู้อนต้.�าจัะกี่รู้ะต้(�นเฉพิาะขอบเขต้ของ เลเยอรู้�สู่�แด้ง สู่ วนล.าแสู่งท��ม�ความเรู้-วของอ�เล-กี่ต้รู้อนสู่�งจัะย�งต้รู้งไปย�งเลเยอรู้�สู่�แด้งและกี่รู้ะต้(�นด้�านในของเลเยอรู้�สู่�เข�ยว ในขณ์ะท��ล.าแสู่งท��ม�ความเรู้-วปานกี่ลางจัะกี่รู้ะต้(�นให�สู่�แด้งและสู่�เข�ยวเปล งแสู่งรู้วมกี่�นออกี่มาเป,นสู่�ผสู่มท��เป,นสู่�สู่�มและสู่�เหล�องความเรู้-วของอ�เล-กี่ต้รู้อนและสู่�ของจัอภาพิท��ต้.าแหน งต้ าง ๆ ถึ�กี่ควบค(มโด้ยค าความต้ างศิ�กี่ย�ของอ�ต้รู้าแรู้ งล.าแสู่ง

(beam acceleration voltage)กี่ารู้ทะล(ของล.าแสู่งเป,นว�ธ์�สู่รู้�างสู่�ท��ค าใช้�จั ายไม แพิง แต้ จัะถึ�กี่จั.ากี่�ด้ด้�วยจั.านวนสู่�และค(ณ์ภาพิของรู้�ปภาพิกี่-ด้�อยกี่ว ากี่ารู้ใช้�ว�ธ์�อ��น

จีอภาพื้ส% จีอภาพื้ส% CRTCRTจีอภาพื้ส% จีอภาพื้ส% CRTCRT

Page 69: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ว�ธ์� - Shadow mask เป,นว�ธ์�ท��ใช้�ท� �วไปในรู้ะบบแรู้สู่เต้อรู้�สู่แกี่น ว�ธ์� - Shadow mask น��จัะสู่รู้�างสู่�ได้�ขอบเขต้ท��กี่ว�างกี่ว าแบบกี่ารู้ทะล(ของล.าแสู่ง ว�ธ์�น��อย� บนพิ��นฐานของสู่�ท��เห-นเกี่�ด้จัากี่กี่ารู้ผสู่มของสู่�ท��งสู่ามค�อสู่�แด้ง (R ) สู่�เข�ยว (G) และสู่�น.�าเง�น (B) ซ&�งเรู้าเรู้�ยกี่โมเด้ลสู่�น��ว า “RGB”ใช้�จั(ด้ของฟิอสู่เฟิอรู้�สู่ามสู่�ในแต้ ละต้.าแหน งของพิ�กี่เซล โด้ยจั(ด้ของฟิอสู่เฟิอรู้�หน&�งเปล งสู่�แด้ง อ�กี่จั(ด้เปล งสู่�เข�ยว และอ�กี่จั(ด้เปล งสู่�น.�าเง�น จัอภาพิแบบน��จัะใช้�ปAนย�งอ�เล-กี่ต้รู้อน 3 กี่รู้ะบอกี่ แต้ ละกี่รู้ะบอกี่แทนแต้ ละจั(ด้สู่� และม�กี่รู้�ด้ของ - Shadow mask วางอย� ด้�านหล�งของจัอภาพิท��เคล�อบสู่ารู้ฟิอสู่เฟิอรู้� แสู่งท��เปล งออกี่มาจัากี่ฟิอสู่เฟิอรู้�ท��งสู่ามสู่�ท.าให�เกี่�ด้สู่�เป,นจั(ด้เล-กี่ ๆ ในแต้ ละต้.าแหน งของพิ�กี่เซล

จีอภาพื้ส% จีอภาพื้ส% CRTCRTจีอภาพื้ส% จีอภาพื้ส% CRTCRT

Page 70: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

- Shadow mask แบบเด้ลต้�า-เด้ลต้�าน�ยมใช้�ท� �วไปในจัอภาพิสู่� CRT

- Shadow mask ปรู้ะกี่อบด้�วยช้(ด้ของรู้�ท��วางต้ามแพิทเท�รู้�นของจั(ด้ฟิอสู่เฟิอรู้� เม��อล.าแสู่งท��งสู่ามทะล(ผ านรู้�ใน - Shadow mask น��จัะกี่รู้ะต้(�นจั(ด้เป,นสู่ามเหล��ยมท��ปรู้ากี่ฏิเป,นจั(ด้เล-กี่ ๆ บนจัอภาพิ จั(ด้ฟิอสู่เฟิอรู้�ในสู่ามเหล��ยมน��จัะจั�ด้เรู้�ยงเพิ��อให�แต้ ละล.าแสู่งอ�เล-กี่ต้รู้อนกี่รู้ะต้(�นเฉพิาะจั(ด้สู่�ท��สู่�มพิ�นธ์�กี่�นเม��ผ าน -Shadow m

ask น��ไป รู้�ปแบบหน&�งของกี่ารู้เรู้�ยงปAนย�งอ�เล-กี่ต้รู้อนท��งสู่ามค�อกี่ารู้เรู้�ยงเป,นเสู่�นต้รู้ง - (in line) ต้ามความสู่�มพิ�นธ์�จั(ด้สู่� แด้ง-เข�ยว-น.�าเง�นบนจัอภาพิ ซ&�งเป,นกี่ารู้เรู้�ยงต้ามเสู่�นสู่แกี่นแทนท��จัะเรู้�ยงรู้�ปสู่ามเหล��ยม กี่ารู้เรู้�ยงแบบเสู่�นต้รู้งน��ท.าให�ง ายในกี่ารู้วางแนวให�ต้รู้งและใช้�ท� �วไปในจัอภาพิสู่� CRT ท��ม�ความละเอ�ยด้สู่�ง

จีอภาพื้ส% จีอภาพื้ส% CRTCRTจีอภาพื้ส% จีอภาพื้ส% CRTCRT

Page 71: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานของ - Shadow mask แบบเด้ลต้�า-เด้ลต้�าในจัอภาพิสู่� CRT

จีอภาพื้ส% จีอภาพื้ส% CRTCRTจีอภาพื้ส% จีอภาพื้ส% CRTCRT

Page 72: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จีอแบน - (Flat PanelDisplay)

จีอแบน - (Flat PanelDisplay)

จัอแบน (Flat-panel Display) เป,นกี่ล( มอ(ปกี่รู้ณ์�แสู่ด้งผลท��ลด้ปรู้�มาต้รู้, น.�าหน�กี่ และกี่ารู้ใช้�พิล�งงานเม��อเปรู้�ยบเท�ยบกี่�บจัอ CRT ฟิ;เจัอรู้�สู่.าค�ญของจัอแบนกี่-ค�อบางกี่ว าจัอ CRT และเรู้าสู่ามารู้ถึแขวนต้�ด้กี่�บฝาผน�งหรู้�อสู่วมต้�ด้ข�อม�อเรู้าอาจัจัะใช้�จัอแบนเป,นเหม�อนโทรู้ท�ศิน�ขนาด้เล-กี่ เครู้��องค�ด้เลข, ว�ด้�โอเกี่มขนาด้กี่รู้ะเปJา, คอมพิ�วเต้อรู้�โนKต้บ(Kค, จัอภาพิยนต้รู้�บนข�อม�อ และแผ นป=ายโฆษณ์าในล�ฟิต้�

จีอแบน จีอแบน (Flat-Panel Display)(Flat-Panel Display)จีอแบน จีอแบน (Flat-Panel Display)(Flat-Panel Display)

Page 73: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เรู้าสู่ามารู้ถึแบ งกี่ล( มจัอแบนออกี่เป,น 2 กี่ล( มค�อจัอภาพิแบบ emissive และจัอภาพิแบบ nonemissive จัอภาพิแบบ emissive (หรู้�อ emitter) เป,นอ(ปกี่รู้ณ์�ท��เปล��ยนพิล�งงานไฟิฟิ=าให�เป,นแสู่ง ได้�แกี่ จัอพิลาสู่มา (plasma), จัอ thin-film electroluminescent และ light-emitting diodes จัอภาพิแบบ nonemissive (หรู้�อ nonemitter) จัะใช้�แสู่งท��ได้�จัากี่กี่ารู้เปล��ยนแสู่งอาท�ต้ย�หรู้�อแสู่งจัากี่แหล งอ��นให�ออกี่มาในแพิทเท�รู้�นของกี่รู้าฟิ�กี่ ต้�วอย างท��สู่.าค�ญของจัอภาพิแบบ nonemissive ค�อจัอ LCD (Liquid Crystal Display)

จีอแบน จีอแบน (Flat-Panel Display)(Flat-Panel Display)จีอแบน จีอแบน (Flat-Panel Display)(Flat-Panel Display)

Page 74: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอพิลาสู่มา (Plasma Panel) หรู้�อบางครู้��งเรู้�ยกี่จัอแบบน��ว า จัอ gas-discharge เป,นจัอท��สู่รู้�างโด้ยกี่ารู้ใสู่ สู่ วนผสู่มของแกี่-สู่กี่�บน�ออนเข�าไปในสู่ วนท��เป,นช้ องว างรู้ะหว างแผ นแกี่�ว 2 แผ น จัะม�กี่ารู้วางช้(ด้ของรู้�บบอนท��เป,นต้�วน.าในแนวต้��งลงบนแผ นแกี่�วแผ นหน&�ง และวางช้(ด้ของรู้�บบอนท��เป,นต้�วน.าแนวต้��งและแนวนอนลงบนแผ นแกี่�วอ�กี่แผ นหน&�ง ม�กี่ารู้ใช้�ความต้ างศิ�กี่ย�สู่�งในจั(ด้ท��เช้��อมต้ อรู้ะหว างแผ นต้�วน.าแนวต้��งและแนวนอนเพิ��อให�แกี่Kสู่ต้รู้งจั(ด้เช้��อมต้ อรู้ะหว างแผ นต้�วน.าท��งสู่องน��นเกี่�ด้เป,นพิลาสู่มาเรู้�องแสู่งท��เป,นอ�เล-กี่ต้รู้อนและอ�ออนค าท��กี่.าหนด้รู้�ปภาพิถึ�กี่เกี่-บอย� ในรู้�เฟิรู้ช้บ�พิเฟิอรู้� และม�กี่ารู้ใช้�ความต้ างศิ�กี่ย�สู่�งเพิ��อรู้�เฟิรู้ช้ต้.าแหน งของพิ�กี่เซล (ท��จั(ด้เช้��อมต้ อของแผ นต้�วน.า) 60 ครู้��งต้ อว�นาท�

จีอพื้ลาสมา จีอพื้ลาสมา (Plasma Panel)(Plasma Panel)จีอพื้ลาสมา จีอพื้ลาสมา (Plasma Panel)(Plasma Panel)

Page 75: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

โครู้งสู่รู้�างของจัอพิลาสู่มาต้�วอย างจัอพิลาสู่มาท��น.ามาใช้�งาน

จีอพื้ลาสมา จีอพื้ลาสมา (Plasma Panel)(Plasma Panel)จีอพื้ลาสมา จีอพื้ลาสมา (Plasma Panel)(Plasma Panel)

Page 76: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอแบบ Thin-film electroluminescent จัะม�รู้�ปแบบกี่ารู้สู่รู้�างเหม�อนกี่�บจัอพิลาสู่มา ต้ างจัากี่จัอพิลาสู่มาท��ช้ วงรู้ะหว างแผ นแกี่�วจัะเป,นฟิอสู่เฟิอรู้� เช้ น สู่ วนผสู่มของซ�งค�ซ�ลไฟิด้�กี่�บแมงกี่าน�สู่ แทนท��จัะเป,นแกี่Kสู่ด้�งท��ใช้�ในจัอพิลาสู่มาเม��อให�ค าความต้ างศิ�กี่ย�กี่�บค� ของอ�เล-กี่โทรู้ด้ (electrode) ท��อย� ต้รู้งข�ามกี่�นอย างเพิ�ยงพิอ จัะท.าให�ฟิอสู่เฟิอรู้�กี่ลายเป,นต้�วน.าในรู้อยต้ อของอ�เล-กี่โทรู้ด้พิล�งงานไฟิฟิ=าจัะถึ�กี่ด้�ด้ซ�บโด้ยอะต้อมของแมงกี่าน�สู่จัะม�กี่ารู้ปลด้ปล อยพิล�งงานออกี่มาเป,นจั(ด้ของแสู่งเหม�อนกี่�บความสู่ว างของพิลาสู่มา จัอแบบ Thin-film electroluminescent จัะใช้�พิล�งงานมากี่กี่ว าจัอพิลาสู่มา แต้ จัะให�ค(ณ์ภาพิของกี่ารู้แสู่ด้งผลท��ด้�กี่ว าจัอพิลาสู่มาอ�กี่ด้�วย

จีอแบบ จีอแบบ Thin-film Thin-film electroluminescentelectroluminescent

จีอแบบ จีอแบบ Thin-film Thin-film electroluminescentelectroluminescent

Page 77: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

โครู้งสู่รู้�างกี่ารู้ออกี่แบบของจัอ Thin-film electroluminescent

จีอแบบ จีอแบบ Thin-film Thin-film electroluminescentelectroluminescent

จีอแบบ จีอแบบ Thin-film Thin-film electroluminescentelectroluminescent

Page 78: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

จัอ LED (Light-Emitting Diodes) เป,นจัอแบบ emissive จัอแบบน��จัะใช้�ได้โอด้วางต้ามต้.าแหน งของพิ�กี่เซลในจัอแสู่ด้งผล ข�อม�ลรู้�ปภาพิจัะเป,นอย� ในรู้�เฟิรู้ช้บ�พิเฟิอรู้� เช้ นเด้�ยวกี่�บเสู่�นสู่แกี่นท��ใช้�ในกี่ารู้รู้�เฟิรู้ช้ในจัอ CRT ข�อม�ลจัะอ านจัากี่รู้�เฟิรู้ช้บ�พิเฟิอรู้�มาแปลงเป,นรู้ะด้�บของความต้ างศิ�กี่ย�เพิ��อสู่ งค าเข�าได้โอด้แล�วสู่รู้�างเป,นแพิทเท�รู้�นของแสู่งเพิ��อใช้�ในกี่ารู้แสู่ด้งผล

จีอ จีอ LEDLED (Light-Emitting (Light-Emitting Diodes)Diodes)

จีอ จีอ LEDLED (Light-Emitting (Light-Emitting Diodes)Diodes)

Page 79: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

โครู้งสู่รู้�างกี่ารู้ท.างานของ LED และอ(ปกี่รู้ณ์�ท��เป,น LED

จีอภาพื้ จีอภาพื้ LEDLED (Light-Emitting (Light-Emitting Diodes)Diodes)

จีอภาพื้ จีอภาพื้ LEDLED (Light-Emitting (Light-Emitting Diodes)Diodes)

Page 80: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

LCD (Liquid Crystal Display) เป,นจัอภาพิท��สู่รู้�างด้�วยผล&กี่เหลว ซ&�งเป,นสู่สู่ารู้ท��แทบจัะเรู้�ยกี่ได้�ว าโปรู้ งใสู่ ม�ค(ณ์สู่มบ�ต้�กี่.�ากี่&�งรู้ะหว างของแข-ง และของเหลว ท��อ(ณ์หภ�ม�ห�องผล&กี่เหลวจัะอย� ในสู่ถึานะของเหลว แต้ เม��อม�แสู่งผ านมา จัะเกี่�ด้กี่ารู้จั�ด้เรู้�ยงโมเลกี่(ลใหม ท��ม�ค(ณ์สู่มบ�ต้�เป,นของแข-งแทน เม��อแสู่งผ านไปเรู้�ยบรู้�อยแล�ว จัะกี่ล�บมา ม�ค(ณ์สู่มบ�ต้�เป,นของเหลวเหม�อนเด้�มป:จัจั(บ�น LCD ใช้�กี่�นอย างแพิรู้ หลายในฐานะท��เป,นมอน�เต้อรู้�ของเครู้��องคอมพิ�วเต้อรู้�แบบพิกี่พิาแบบต้ าง ๆ และเป,นมอน�เต้อรู้�แบบ CRT ของเครู้��องพิ�ซ�แล�ว

จีอภาพื้จีอภาพื้ LCDLCDจีอภาพื้จีอภาพื้ LCDLCD

Page 81: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ป:จัจั(บ�น LCD แบ งออกี่เป,นสู่องแบบใหญ ๆ ค�อ แบบ active-matrix LCD (AMLCD) หรู้�ออาจัจัะเรู้�ยกี่

ว า TFT (Thin Film Transistor) แบบ passive-matrix LCD หรู้�อเรู้�ยกี่ว า STN (Super

Twisted Nematic) หรู้�อ DSTN (Dual-Scan Twisted Nematic)

จัอภาพิท��งสู่องแบบม�หล�กี่กี่ารู้ท.างานเหม�อนกี่�น แต้ ม�โครู้งสู่รู้�างต้ างกี่�นเล-กี่น�อย ภาพิท��ได้�จัากี่ LCD แบบ TFT ท��เรู้�ยกี่สู่��น ๆ ว าจัอ active น��นจัะม�สู่�สู่�นสู่ด้ใสู่ ม�ความคมข�ด้และม�ความเรู้-วในกี่ารู้แสู่ด้งผลสู่�งกี่ว า แต้ รู้าคากี่-สู่�งมากี่เช้ นกี่�น

จีอภาพื้ จีอภาพื้ LCDLCDจีอภาพื้ จีอภาพื้ LCDLCD

Page 82: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

โครู้งสู่รู้�างของจัอ LCD และกี่ารู้น.าไปใช้�งาน

จีอภาพื้ จีอภาพื้ LCDLCDจีอภาพื้ จีอภาพื้ LCDLCD

Page 83: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

มอน�เต้อรู้�ท��ใช้�ในกี่ารู้แสู่ด้งภาพิ 3 ม�ต้�ใช้�เทคน�คท��เบ��ยงเบนภาพิ CRT จัากี่กี่รู้ะจักี่ท��สู่� �นและม�ความย�ด้หย( น กี่ารู้สู่��นของกี่รู้ะจักี่จัะท.าให�เกี่�ด้กี่ารู้เปล��ยนแปลงรู้ะยะรู้วมแสู่ง กี่ารู้สู่��นเหล าน��ท.าให�เกี่�ด้ในจั�งหวะเด้�ยวกี่�บกี่ารู้แสู่ด้งออปเจั-กี่ต้�บนจัอ CRT ท.าให�แต้ ละจั(ด้บนออปเจั-กี่ต้�เกี่�ด้กี่ารู้เบ��ยงเบนจัากี่กี่รู้ะจักี่ไปย�งรู้ะยะของต้.าแหน งท��สู่�มพิ�นธ์�กี่�บรู้ะยะทางของจั(ด้จัากี่ต้.าแหน งท��กี่.าหนด้กี่ารู้มองเห-น ท.าให�เรู้าสู่ามารู้ถึเด้�นไปรู้อบ ๆ ออปเจั-กี่ต้�หรู้�อจัอภาพิแล�วมองจัากี่ม(มมองท��ต้ างกี่�นได้�

อ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมตอ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมต

Page 84: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้ท.างานของรู้ะบบกี่ารู้แสู่ด้งภาพิ 3 ม�ต้�

อ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมตอ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมต

Page 85: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

Genisco SpaceGraph ท��ใช้�กี่รู้ะจักี่ท��สู่� �นในกี่ารู้แสู่ด้งออปเจั-กี่ต้�ขนาด้ 25x25x25 ซ.ม. รู้ะบบน��ย�งม�ความสู่ามารู้ถึในกี่ารู้แสู่ด้งภาคต้�ด้ขวางของภาพิ 2 ม�ต้�ออกี่เป,นช้��นเล-กี่ ๆ ของออปเจั-กี่ต้�เม��อเล�อกี่ท��ม�ความล&กี่ต้ างกี่�น รู้ะบบท.านองน��ใช้�ในแอปพิล�เคช้�นทางวงกี่ารู้แพิทย� เพิ��อว�เครู้าะห�ข�อม�ลจัากี่เครู้��องอ�ลต้รู้าโซโนกี่รู้าฟิ; (ultrasonography) เครู้��องสู่แกี่น CRT สู่.าหรู้�บในแอปพิล�เคช้�นด้�านธ์รู้ณ์�ว�ทยาจัะใช้�ในกี่ารู้ว�เครู้าะห�ข�อม�ลกี่ารู้เกี่�ด้แผ นด้�นไหว

อ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมตอ�ปกร์ณ�แสด์งภาพื้ อ�ปกร์ณ�แสด์งภาพื้ 3 3 มตมต

Page 86: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

กี่ารู้มองออปเจั-กี่ต้�ด้�วยกี่ล�องมองภาพิ 3 ม�ต้� (Stereoscopic) ถึ&งแม�ว าว�ธ์�กี่ารู้น��จัะไม สู่ามารู้ถึสู่รู้�างภาพิ 3 ม�ต้�ได้�จัรู้�งกี่-ต้าม แต้ กี่ารู้แสู่ด้งเอ-ฟิเฟิ,กี่ต้�ของภาพิ 3 ม�ต้�ด้�วยว�ธ์�น��ท.าให�สู่ามารู้ถึแสู่ด้งม(มมองว�ต้ถึ(ท��ต้ างออกี่ไปในล�กี่ษณ์ะท��เห-นความล&กี่ของภาพิน��นได้�

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 87: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เรู้าจัะต้�องใช้�ท��งสู่องม(มมองของภาพิท��สู่รู้�างข&�นด้�วยกี่ารู้มองไปต้ามท�ศิทางจัากี่ต้.าแหน งของแต้ ละต้า (ซ�ายและขวา) ไปย�งภาพิ เรู้าสู่ามารู้ถึสู่รู้�างท��งสู่องม(มมองให�เป,นภาพิท��สู่รู้�างจัากี่คอมพิ�วเต้อรู้�ด้�วยต้.าแหน งม(มมองท��ต้ างกี่�น เรู้าสู่ามารู้ถึใช้�กี่ล�องถึ ายภาพิ 3 ม�ต้�เพิ��อถึ ายภาพิออปเจั-กี่ต้� หรู้�อรู้�ปภาพิได้� เม��อเรู้ามองอย างต้ อเน��องด้�วยกี่ารู้มองม(มซ�ายด้�วยต้าซ�ายและมองม(มขวาด้�วยต้าขวา ท��งสู่องม(มมองจัะรู้วมกี่�นเป,นภาพิเด้�ยวกี่�นและภาพิน��นจัะม�ความล&กี่อ�กี่ด้�วย

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 88: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ว�ธ์�กี่ารู้เด้�ยวท��สู่รู้�างเอ-ฟิเฟิ,กี่ต้�จัากี่กี่ล�องมองภาพิ 3 ม�ต้�ในรู้ะบบแรู้สู่เต้อรู้�กี่-ค�อกี่ารู้แสู่ด้งแต้ ละม(มมองของท��งสู่องม(มมองด้�วยวงรู้อบรู้�เพิรู้ช้ท��สู่ล�บกี่�น ภาพิท��เกี่�ด้จัากี่กี่ารู้มองผ านแว นท��แต้ ละเลนสู่�ถึ�กี่ออกี่แบบให�น��นเป,นเหม�อนกี่ารู้กี่ด้ช้�ต้เต้อรู้�อย างรู้วด้เรู้-วท��ม�กี่ารู้เข�าจั�งหวะกี่�บม(มมองจัะถึ�กี่แสู่ด้งออกี่ทางจัอภาพิ

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 89: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

แว นสู่.าหรู้�บมองภาพิ 3 ม�ต้� และเครู้��องแผ รู้�งสู่�อ�นฟิรู้าเรู้ด้

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 90: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ในรู้ะบบเสู่ม�อนจัรู้�ง ผ��ใช้�สู่ามารู้ถึกี่�าวเข�าสู่� จัอภาพิและโต้�ต้อบกี่�บสู่ภาพิแวด้ล�อม ช้(ด้ครู้อบศิ�รู้ษะ หรู้�อเฮด้เซ-ต้ (Headset) ปรู้ะกี่อบด้�วยรู้ะบบแสู่ง (optical system) สู่.าหรู้�บสู่รู้�างม(มมอง 3 ม�ต้�ท��เช้��อมต้ อกี่�บอ(ปกี่รู้ณ์�อ�นพิ(ต้เพิ��อกี่.าหนด้ต้.าแหน งและจั�ด้กี่ารู้ออปเจั-กี่ต้�บนจัอภาพิ รู้ะบบต้รู้วจัจั�บแสู่ง (sensing system) ในเฮด้เซ-ต้จัะต้�ด้ต้ามต้.าแหน งออปเจั-กี่ต้� ท��งสู่ วนหน�าและหล�งออปเจั-กี่ต้�สู่ามารู้ถึมองเหม�อนกี่�บเด้�นทะล(เข�าไปในออปเจั-กี่ต้�น��น ย�งม�กี่ารู้โต้�ต้อบกี่�บสู่ วนแสู่ด้งผลด้�วย ว�ธ์�อ��นกี่-ค�อกี่ารู้ใช้�โปรู้เจั-กี่ต้�เต้อรู้�เพิ��อสู่รู้�างจัอบนผน�ง ซ&�งผ��ท��มองเห-นสู่ามารู้ถึโต้�ต้อบสู่��งท��แสู่ด้งบนจัอภาพิได้�โด้ยใช้�แว นมองภาพิ 3 ม�ต้� และถึ(งม�อข�อม�ล (data glove)

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 91: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เฮด้เซ-ต้ในรู้ะบบเสู่ม�อนจัรู้�ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 92: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

ถึ(งม�อข�อม�ล (Data grove)

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 93: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

รู้ะบบท��ใช้�โต้�ต้อบกี่�บสู่ภาพิแวด้ล�อมเสู่ม�อนจัรู้�งอ�กี่แบบหน&�งค�อกี่ารู้ใช้�จัอมอน�เต้อรู้�กี่รู้าฟิ�กี่ แว นมองภาพิ 3 ม�ต้� และอ(ปกี่รู้ณ์�จั�บกี่ารู้เคล��อนท��ของศิ�รู้ษะ (head-tracking device) ในรู้�ป แสู่ด้งถึ&งอ(ปกี่รู้ณ์�จั�บกี่ารู้เคล��อนไหวแบบอ�ลต้รู้าซาวนด้� (ultrasound tracking device) ท��ม�ความเป,นอ�สู่รู้ะถึ&ง 6 รู้ะด้�บ อ(ปกี่รู้ณ์�จั�บกี่ารู้เคล��อนไหวน��วางอย� บนจัอมอน�เต้อรู้� และใช้�สู่.าหรู้�บกี่ารู้บ�นท&กี่กี่ารู้เคล��อนไหวของศิ�รู้ษะ ด้�งน��นต้.าแหน งท��มองเห-นบนจัอภาพิสู่ามารู้ถึเปล��ยนได้�ต้ามกี่ารู้เคล��อนไหวของศิ�รู้ษะ

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 94: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

อ(ปกี่รู้ณ์�จั�บกี่ารู้เคล��อนไหวแบบอ�ลต้รู้าซาวนด้� 3 ม�ต้�เพิ��อบ�นท&กี่กี่ารู้เคล��อนไหวของศิ�รู้ษะ

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

กล!องมองภาพื้ กล!องมองภาพื้ 3 3 มต และ ร์ะบบมต และ ร์ะบบเสม�อนจีร์งเสม�อนจีร์ง

Page 95: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

เคร์�,องพื้มพื้� (Printer) : อ(ปกี่รู้ณ์�ท��เช้��อมต้ อเข�ากี่�บคอมพิ�วเต้อรู้�เพิ��อท.าหน�าท��ในกี่ารู้แปลผลล�พิธ์�ท��ได้�จัากี่กี่ารู้ปรู้ะมวลผลของเครู้��องคอมพิ�วเต้อรู้�ให�อย� ในรู้�ปของ

อ�กี่ขรู้ะหรู้�อรู้�ปภาพิท��จัะไปปรู้ากี่ฏิอย� บนกี่รู้ะด้าษ

เครู้��องพิ�มพิ�ด้อต้แมทรู้�กี่ซ� , เลเซอรู้� และอ�งค�เจั-ต้

เคร์�,องพื้มพื้� เคร์�,องพื้มพื้� (Printer)(Printer)เคร์�,องพื้มพื้� เคร์�,องพื้มพื้� (Printer)(Printer)

Page 96: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก

พื้ล+อตเตอร์� (Plotter) : เครู้��องพิ�มพิ�ช้น�ด้ท��ใช้�ปากี่กี่าในกี่ารู้เข�ยนข�อม�ลต้ างๆ ลงบนกี่รู้ะด้าษขนาด้ใหญ 0(Aหรู้�อ 1A ) เหมาะสู่.าหรู้�บงานเกี่��ยวกี่�บกี่ารู้เข�ยนแบบทางว�ศิวกี่รู้รู้ม และงานต้กี่แต้ งภายในของสู่ถึาปน�กี่

พื้ล9อตเตอร์� พื้ล9อตเตอร์� (Plotter)(Plotter)พื้ล9อตเตอร์� พื้ล9อตเตอร์� (Plotter)(Plotter)

Page 97: การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก