1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of...

10
1 1. Introduction to Graphics Systems By Asst.Prof. Urachart Kokaew Dept of Computer Science, Khon Kaen University 322 332 Computer Graphics Asst.Prof. Urachart Kokaew 1. Introduction to Graphics Systems History of Computer Graphics Graphics Application Overview of Graphical system

Transcript of 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of...

Page 1: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

1

1. Introduction to Graphics Systems

ByAsst.Prof. Urachart KokaewDept of Computer Science, Khon Kaen University

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

1. Introduction to Graphics Systems

History of Computer Graphics Graphics ApplicationOverview of Graphical system

Page 2: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

2

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

ความหมายของ คอมพิวเตอรกราฟกส

การสรางและการจัดการกับภาพกราฟกสโดยใชคอมพิวเตอรมีพื้นฐานมาจากความตองการที่จะแสดงขอมูลตัวเลขจํานวนมากๆใหอยูในรูปที่ชัดเจนและเขาใจงายกวาขอมูลเดิม อาจแสดงในรูปแบบ

เชนเสนกราฟ แผนภาพ แผนภูมิ เปนตน

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

History of Computer Graphicsค.ศ. 1940

การใชตัวอักษรมาประกอบกนัและแสดงผลออกทางเครื่องพิมพ

รูปที่ 1 การแสดงภาพโดยใชตัวอักษรมาประกอบกัน

111 111

111111111111

11111111

11111

Page 3: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

3

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

History of Computer Graphicsค.ศ. 1950 สถาบันเทคโนโลยีแหงแมสซาชูเซสต (MIT) ไดพฒันาคอมพิวเตอรซ่ึงมีหลอดภาพ CRT(cathode ray tube)

ค.ศ. 1950 ระบบ SAGE ของกองทัพอากาศสหรัฐอเมริกาสามารถแปลงสัญญาณจากเรดาห ใหเปนภาพบนจอคอมพิวเตอรได

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

ค.ศ. 1963 วิทยานิพนธปริญญาเอกของ อีวาน ซูเธอรแลนด(Ivan Sutherland) พัฒนาระบบการวาดเสน ที่สามารถกําหนด จุดบนจอภาพไดโดยตรงโดยใชปากกาแสง จากนั้นระบบกราฟกส จะลากเสนเชื่อมจุดตางๆเหลานี้เขาดวยกันกลายเปนภาพโครงสราง

ค.ศ. 1968 บริษัทเทคโทรนิคส(Tektronix)ผลิตจอภาพที่เก็บภาพไว ไดจนกวาตองการจะลบ(storage-tube CRT)

History of Computer Graphics

Page 4: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

4

History of Computer Graphicsกลางป ค.ศ. 1970 อุปกรณทางคอมพิวเตอรเร่ิมมีราคาลดลงมาก จึงใชงานดานกราฟกสและดานตางๆมากขึ้น และเกิดการคนควาเกี่ยวกับระบบคอมพิวเตอรกราฟกสหลายอยาง เชน

อีวาน ซูเธอรแลนด ไดออกแบบวิธีการหลักๆ

สตีเฟน คูน (Steven Coons) และปแอร เบเซอร(Pierre Bazier)ศึกษาเกี่ยวกับการสรางเสนโคงและภาพพื้นผิวทําใหปจจุบัน

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

1. Computer Animation2. Computer Aided Design (CAD)3. Chart,Graph, Model,Geographical information system(GIS)4. Image Processing5. Graphical User Interfaces (GUI)

Graphics Applications

Page 5: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

5

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

1.ภาพเคลื่อนไหวโดยใชคอมพิวเตอรภาพเคล่ือนไหว (computer animation) ใชมากใน ดานบันเทิง

เชน ภาพยนตรการตูนและภาพยนตร, เกมคอมพิวเตอรหรือวีดีโอเกม หรือทางดานการศึกษา, การอบรม, การวิจัยและการจําลองการทํางาน เชน จําลองการขับรถ การขับเครื่องบิน เปนตน

Graphics Applications

Graphics ApplicationsCinema

Pixar: Geri’s Game

Universal: Jurassic Park

Page 6: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

6

Graphics ApplicationsEntertainment: Games

Cyan: Riven

id: Quake II

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

2.คอมพิวเตอรกราฟกสกับการออกแบบCAD (computer-aided design) เปนโปรแกรมชวยในการออกแบบ

ทางวิศวกรรมโปรแกรมเหลานี้จะชวยใหผูออกแบบสรางงานไดสะดวกขึ้น ผูออกแบบสามารถเขียนเปนแบบลายเสน แลวลงสี แสงเงา กําหนดขนาดของวัตถุลงในระบบ CAD ยอหรือขยายภาพ หมุนภาพไปในมุมตางๆได

Graphics Applications

Page 7: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

7

Graphics ApplicationsComputer Aided Design (CAD)

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

3.กราฟและแผนภาพและ ระบบขอมูลทางภูมิศาสตรโปรแกรมสรางภาพกราฟและแผนภาพ สามารถสรางกราฟไดหลายแบบ

เชน กราฟเสน กราฟแทง และกราฟวงกลม ในรูปแบบ 2 มิติและ 3 มิติ เนื่องจากสามารถทําความเขาใจกับขอมูลไดงายและรวดเร็วกวาเดิม ในงานวิจัยตางๆ

ระบบขอมูลทางภูมิศาสตรหรือ GIS (geographical information system)

Graphics Applications

Page 8: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

8

GIS (Geographical Information System)

322 332 Computer Graphics Asst.Prof. Urachart Kokaew

4.อิเมจโปรเซสซิงก (image processing)หมายถึงการแสดงภาพที่เกิดจากการถายรูปหรือจากการสแกนภาพ ให

ปรากฎบนจอคอมพิวเตอร ใชคอมพิวเตอรสําหรับจัดการรูปแบบของสีและ แสงเงาที่มีอยูแลวในภาพใหเปนขอมูลทางดิจิตอล อาจมีวิธีการปรับภาพนั้นใหมีความชัดเจนมากขึ้น

เชน ภาพถายดาวเทียม ภาพจากทีวีสแกนของหุนยนตอุตสาหกรรม ภาพสําหรับการโฆษณา สามารถประยุกตใชกับการแพทยได

Graphics Applications

Page 9: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

9

Graphics ApplicationsImage Processing

MIT: Image-Guided Surgery Project

The Visible Hum

an Project

Image Processingจําแนกได 5 กลุมดังนี้1. Image Enhancement2. Image Restoration3. Image Analysis4. Image Compression5. Image Synthesis

Page 10: 1. Introduction to Graphics Systems3 322 332 Computer Graphics Asst.Prof. Urachart Kokaew History of Computer Graphics ค.ศ.1950 สถาบ นเทคโนโลย แห

10

Graphics Applications5.ระบบติดตอกับผูใชแบบกราฟกส (GUI)

ผูพัฒนาระบบปฏิบัติการ(Operating System)ในปจจุบันมีจุดประสงคใหการติดตอกับผูใชใหสะดวกและเขาใจงายขึ้นจึงนิยมใชรูปสัญลักษณ ที่เรียกวา ICON