3d projection mapping

22
3D Projection Mapping

Upload: jump-kmutt

Post on 24-Jun-2015

999 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: 3D Projection Mapping

3D Projection Mapping

Page 2: 3D Projection Mapping

ตั�วอย่�าง 3 D projection Mapping

คื�อ เทคืโนโลยี�การน�าเสนอในร�ปแบบของส��อมั�ลติ�มั�เดี�ยีท��ไดี�ร�บคืวามัสนใจในขณะน�$ ไปดี�ก�น

ว%า มั�นเป&นยี�งไง . . . . .

Page 3: 3D Projection Mapping

ในวงการโฆษณา , อ�เวนท)ไทยี ก�าล�งให้�คืวามัสนใจ 3D projection Mapping (ห้ร�อ 3d video mapping)

ซึ่,�งก-คื�อการฉายีภาพจากโปรเจคืเติอร)(อาจจะใช้�ติ�วเดี�ยีวห้ร�อห้ลายีติ�ว ) ลงบนว�ติถุ3 ซึ่,�งอาจจะเป&นติ�วส�นคื�าเอง , เสาห้ร�อผน�ง ท�าให้�ว�ติถุ3ดี�เห้มั�อนมั�ช้�ว�ติ มั�การเคืล��อนไห้ว เป&นการเพ��มัส�ส�นให้�ก�บติ�วส�นคื�า คืวามัจร�ง 3D Projection Mapping ในติ%างประเทศน�$นมั�มัาคื%อนข�างนานแล�วคืร�บ(ประมัาณ -45ป7 ) ในบ�านเราก-เพ��งจะเร��มัๆ

Page 4: 3D Projection Mapping

ห้ล�กการคืร%าวๆ ส�าห้ร�บ 3D Projection Mapping ก-คื�อ การสร�างว�ติถุ3ในโปรแกรมั 3 มั�ติ�ให้�มั�ขนาดี มั�ติ� กว�างยีาวเท%าก�บว�ติถุ3จร�ง จากน�$นก-ใส%ส�ส�น ภาพเคืล��อนไห้วติ%างๆ ลงบนว�ติถุ3 3 มั�ติ� แล�วจ,ง rrrrrr ภาพ จากมั3มัมัองของ rrrrrrrrr เมั��อไดี�ภาพมัาแล�ว ก- rrrrrrr ก�บไปบนว�ติถุ3จร�ง ส��งท��ยีากท��ส3ดีก-คื�อ การท�าให้�ภาพจากโปรแกรมั

3 มั�ติ� พอดี�ก�บว�ติถุ3จร�งคืร�บ ติ�องมั�การคื�ดี rrrr rrrrrrrrrr รวมัถุ,ง rrrrrrrrrrr ติ%างๆดี�วยี

ห้ล�กการของเทคืโนโลยี� 3D Projection Mapping

Page 5: 3D Projection Mapping

การท�า Projection Mapping ประกอบไปดี�วยีCreative Producer คื�อ ผ��ก�าก�บการแสดีง ติ�องมั�ไอเดี�ยี สร�างสรรคื) ท��จะเอา content ของงาน มัารวมัก�บ ฉาก ห้ร�อท��จะ mapping ไดี�น%าสนใจทางท�มั Computer Graphics Artist ท�มัน�$ จะมั�ห้น�าท��สร�างภาพ Graphics สร�างภาพอยี%างเดี�ยีว ท�างานร%วมัก�บทาง Creative เพ��อวางแผน การสร�างภาพ และ ภาพ effect ติ%างๆ ท��จะเก�ดีข,$นก�บติ�วอาคืาร

Page 6: 3D Projection Mapping

ทางท�มั Visual Engineering ห้าขนาดีของเคืร��องฉายีภาพ Projector คืวามัสว%าง ท��จะใช้� และห้าติ�าแห้น%งท��ติ�ดีติ�$ง และ แก�ไขจ�ดีการป:ญห้าทางเทคืน�คืของภาพ การบ�ดีเบ�$ยีว

ของภาพจากการติ�ดีติ�$ง Projector ห้ร�อท��เร�ยีกว%า keystone ห้ร�อ การฉายีภาพไปยี�ง ว�ติถุ3ผ�วโคื�ง แล�วเก�ดี

Distortion ซึ่,�งบางท�� ป:ญห้าเก��ยีวก�บภาพ ก-อาจจะไปแก�ไขทาง CG- Artist ไดี� ให้�เขา render ภาพท��แก�ไข

distortion มัาเลยีท�มัทาง Hardware Technique จะดี�แล ระบบ

จ�ดีการ media คื�อ ทางท�มัน�$จะเป&นคืนดี�แล ล�าดี�บภาพว�ดี�โอ ในอาคืารท��มั�ขนาดีให้ญ% ระบบมั�นจะให้ญ%ติามัไป จะติ�องใช้�

projector และ computer ตั�วอย่�าง 3D projection Mapping

Page 7: 3D Projection Mapping

3D Projection mapping คื�อช้��อของเทคืโนโลยี�ให้มั%ท��มั�ประส�ทธิ�ภาพส�งในการดี,งดี�ดีและสร�างคืวามัสนใจของกล3%มัเป=าห้มัายี ซึ่,�งก�าล�งเป&นกระแสน�ยีมัในติ%างประเทศเป&นอยี%างมัาก แก%นห้ล�กของเทคืโนโลยี�น�$ก-คื�อการฉายีภาพว�ดี�โออน�เมัช้��นแบบ 3 มั�ติ� ลงบนพ�$นผ�วขนาดีให้ญ%ท��เป&นแลนดี)มัารคื)ของสถุานท��น� $นๆ (แน%นอนว%าคืนติ�องพล3กพล%านอยี�%ติลอดีเวลา ) เสร�มัเพ��มัดี�วยีซึ่าวนดี)เอฟเฟคืและดีนติร�ประกอบท��น%าติ��นติาติ��นใจ

3D Projection mapping ก�บการโฆษณา

ตั�วอย่�าง 3D projection Mapping

Page 8: 3D Projection Mapping

 “Projection mapping คื�อเทคืโนโลยี�การประช้าส�มัพ�นธิ)และโฆษณาท��ห้ากท�าไดี�อยี%างดี�เยี��ยีมัแล�ว มั�นจะส%งผลดี�ให้�ก�บแบรนดี)น�$นๆ ถุ,งสองเท%าติ�ว เพราะนอกจากคื3ณจะไดี�อ�เว�นท)ท��น%าติ��นติาติ��นใจส�าห้ร�บกล3%มัเป=าห้มัายีในสถุานท��น� $นๆ แล�ว ว�ดี�โอท��บ�นท,กการแสดีงน�$นเอาไว�ยี�งสามัารถุน�าไปโฆษณาติ%อเน��องไดี�อ�กติ%างห้าก เพ�ยีงแติ%การสร�างอ�เว�นท)แบบน�$จะติ�องออกแบบให้�มั�นง%ายีติ%อการบ�นท,กว�ดี�โอ ติ�องไมั%มั�รายีละเอ�ยีดียี�บยี%อยีท��ดี�ยีาก และคืวามัยีาวของมั�นจะติ�องพอเห้มัาะส�าห้ร�บการอ�พโห้ลดีข,$นบนอ�นเติอร)เน-ติดี�วยี”

Page 9: 3D Projection Mapping

โปรเจคืเติอร) ไดี�คืวามัละเอ�ยีดี HD 1920×1080 ละเอ�ยีดี และ แสงสว%างถุ,ง 20000 ANSI

ร�ปห้น�าติาของเจ�า Media server โดีนจอ LCD ก�บ Macbook ท�บอยี�%

Page 10: 3D Projection Mapping

ภาพท��ผ%านการประมัวลผลเสร-จเร�ยีบร�อยีอยี�%บนฉากพาโนรามั%า

Page 11: 3D Projection Mapping

ข้�อดี ข้�อเสี ย่เป&นส��งแปลกให้มั% มั�ติ�นท3นส�งเคืร��องมั�อและอ3ปกรณ)สามัารถุจ�ดีห้าไดี�ง%ายี

ห้ลอดีฉายีอายี3การใช้�งานติ��า

มั�การใช้�เอฟเฟคืติ%างๆท�าให้�ช้�$นการน�าเสนอน%าสนใจข,$น

การเติร�ยีมัฉากให้�พอดี�ในการMAPของโปรเจคืเติอร)

เป&นการน�าเสนอท��น%าติ��นเติ�นและสมัจร�งยี��งข,$น

Page 12: 3D Projection Mapping
Page 13: 3D Projection Mapping

UV Mappingห้มัายีถุ,งการสร�าง map เพ��อโยีงแกน 2 มั�ติ� (แกน U และ V ) เข�าห้าข�อมั�ล 3 มั�ติ� (แกน X Y และ Z) ติามัระบบพ�ก�ดีคืาร)ท�เซึ่�ยีน UV อาจถุ�กสร�างจากการใช้�อ�ลกอร�ธิ,มัคื�านวณโดียีซึ่อฟติ)แวร)คือมัพ�วเติอร) ห้ร�ออาจท�าข,$นโดียีคืนก-ไดี� แบบจ�าลอง 3 มั�ติ�ห้น,�งๆอาจมั� UV ไดี�ห้ลายีร�ปแบบข,$นก�บคืวามัติ�องการ โดียีท��วไปมั�กใช้�ในการจ�ดีวางภาพ 2 มั�ติ�ลงบนพ�$นผ�ว 3 มั�ติ� เช้%นการท�า texture ห้ร�อในบางกรณ�บาง UV ก-มั�ห้น�าท��ใช้�ถุ%ายีโอนข�อมั�ลจากแบบจ�าลองสามัมั�ติ�ไปยี�งร�ป 2 มั�ติ�ก-ไดี� เช้%นการใช้�ว�ธิ�ระบายีส�โดียีติรงลงบนแบบจ�าลอง 3 มั�ติ�

ตั�วอย่�างข้��นตัอนข้องการทำ�า Mapping ในเบื้��องตั�น

Page 14: 3D Projection Mapping

UV Mapping

Page 15: 3D Projection Mapping

Texture Mappingห้มัายีถุ,งการใช้� UV map ห้ร�อการห้าคืวามัส�มัพ�นธิ)อ��น ๆ เพ��อคื�านวณว%าติ�าแห้น%งบน face (3 มั�ติ� ) ใดี ๆ คืวรจะไปอ�างอ�งคื%าส�จากจ3ดีไห้นบนแผ%น Texture ซึ่,�งเป&นภาพ 2 มั�ติ� ท�$งน�$คื%าส�บน Texture อาจจะเป&นคื%าส�จร�งท��จะน�าไปเรนเดีอร) ห้ร�ออาจเป&นคื%าเพ��อประโยีช้น)อ��นท��ไมั%ใช้%คื%าส� เช้%นอาจเป&นคื%าท��ใช้�ในการเฉล��ยีน�$าห้น�กส�ระห้ว%าง Texture ส� 2 Texture คื%า Normal ห้ร�อคื%าคืวามัส�งของพ�$นผ�วเช้%นในการท�า Displacement Map ก-ไดี�

Page 16: 3D Projection Mapping

Displacement mappingDisplacement mapping เป&นการใช้� heightmap ปร�บคืวามัส�งของพ�$นผ�วแบบจ�าลองสามัมั�ติ� เช้%นใช้�คื%าคืวามัสว%างบน heightmap เคืล��อนติ�าแห้น%ง vertex ของแบบจ�าลองไปติามัแกน normal ของ vertex ถุ�าสว%างมัากก-เคืล��อนมัาก สว%างน�อยีก-เคืล��อนน�อยี เป&นติ�น โดียี heightmap ท��ใช้�อาจอยี�%ในร�ปแบบของเทกซึ่)เจอร) และอาจอ�างอ�งติ�าแห้น%งโดียีใช้�กระบวนการ UV mapping ประโยีช้น)ประการห้น,�งของ displace mapping คื�อใช้�สร�างรายีละเอ�ยีดีพ�$นผ�ว ในล�กษณะใกล�เคื�ยีงก�บ normal mapping ห้ร�อ bump mapping ห้ร�ออาจใช้�ในการเปล��ยีนร�ปทรงของแบบจ�าลองเพ��อให้�ไดี�ร�ปร%างท��ติ�องการก-ไดี�

Page 17: 3D Projection Mapping

การใช้�งาน displacement mapping มั�กจ�าก�ดีอยี�%ในการเรนเดีอร)ภาพน��งและว�ดี�ท�ศน) มัากกว%าการใช้�งานในแบบ real-time เช้%นในเกมัคือมัพ�วเติอร)สามัมั�ติ�เมั��อเท�ยีบก�บเทคืน�คือ��น ๆ เช้%น bump ห้ร�อ normal mapping เพราะ displacement mapping จ�าเป&นติ�องมั�โพล�กอนอยี�% จร�ง ติ%างจากว�ธิ�ข�างติ�นท��ใช้�การเปล��ยีนแปลงการสะท�อนแสงของรายีละเอ�ยีดีพ�$นผ�ว (texture) ดี�งน�$นห้ากติ�องการใช้�ในการเพ��มัรายีละเอ�ยีดีพ�$นผ�วก-จ�าเป&นติ�องสร�างโพล�กอ นเพ��มั เช้%นการใช้� micropolygon ห้ร�อการ subdivide ท�าให้�ใช้�เวลาในการประมัวลผลมัากข,$นแติ%มั�ข�อดี�คื�อให้�คืวามัสมัจร�ง เพราะโพล�กอนท��ถุ�กสร�างข,$นให้มั%สามัารถุท�าให้�เก�ดีเงาจร�งข,$น (self-shadow)

Page 18: 3D Projection Mapping

Displacement mapping

Page 19: 3D Projection Mapping

Normal MappingNormal Mapping เป&นการใช้� texture ก�าห้นดีคื%านอร)มัอลบนแติ%ละจ3ดีบนโพล�กอนช้�$นห้น,�งๆ โดียีจะท�าให้�การสะท�อนแสงติรงจ3ดีน�$นเปล��ยีนไป ซึ่,�งจากห้ล�กการน�$ท�าให้�เราสามัารถุสร�างภาพลวงติา เพ��อช้%วยีให้�โมัเดีลสามัมั�ติ�ท��มั�คืวามัละเอ�ยีดีติ��าดี�เห้มั�อนมั�รายีละเอ�ยีดีมัากข,$นท�$งท��มั�จ�านวนโพล�กอนเท%าเดี�มัการสร�าง normal map อาจท�าไดี�โดียีการใช้�แบบจ�าลองสองช้3ดี ช้3ดีแรกเป&นโมัเดีลละเอ�ยีดีส�งท��อาจสร�างข,$นโดียีซึ่อฟติ)แวร)ส�าห้ร�บท�า digital sculpt เพ��อให้�รายีละเอ�ยีดีท��สมัจร�ง ช้3ดีท��สองเป&นโมัเดีลท��ถุ�กลดีคืวามัละเอ�ยีดีจากโมัเดีลแรก จนมั�คืวามัละเอ�ยีดีติ��าเห้มัาะสมัก�บงานโดียีเฉพาะงานท��ติ�องการคืวามัเร-วในการประมัวลผลส�ง เช้%นในเกมัคือมัพ�วเติอร) โมัเดีลช้3ดีน�$อาจเป&นโคืรงโมัเดีลก%อนจะน�าไปเพ��มัรายีละเอ�ยีดีให้�กลายีเป&นโมัเดีลแรกก-ไดี� ข,$นก�บข�$นติอนการสร�างโมัเดีล เมั��อไดี�โมัเดีลท�$งสองช้3ดีแล�ว จ,งคืล�� UV map จากโมัเดีลช้3ดีท��สองห้ร�อติ�วท��มั�คืวามัละเอ�ยีดีติ��า จากน�$นจ,งคื�านวนคื%า normal จากพ�$นผ�วของโมัเดีลท��มั�คืวามัละเอ�ยีดีส�ง แล�วน�าไปบ�นท,กลงใน normal map โดียีอ�งติ�าแห้น%งผ%าน UV map ท��คืล��เอาไว�

Page 20: 3D Projection Mapping

Normal Mapping

Page 21: 3D Projection Mapping

งาน ANIMATIC คืร�บ

เอกสารอ�างอ�งhttp://th.blender.wikia.com/wiki/Main_Article/3D_computer_graphics/Rendering/UV_Mappinghttp://aibig.wordpress.com/2011/01/18/3d-projection-mapping-2/http://blog.butthun.com/design-and-creative/snow-art-3d-projection-mapping/

Page 22: 3D Projection Mapping

3D Projection Mappingเสีนอ

ดีร.สี�รพล บื้�ญล�อจั�ดีทำ�าโดีย่

นาย่ ชวาล ตัระก!ลเช"ดีช!ช�ย่ รหั�สีน�กศึ%กษา 51214581นาย่ ณั�ฐว�ฒิ" ทำว สี�ข้สี"ร"อน�นตั* รหั�สีน�กศึ%กษา 54218114

นาย่ พ�นชน�ตัถ์* บื้�วเร�อง รหั�สีน�กศึ%กษา 54218128

นาย่ พ"ชชา เจัตันเสีน รหั�สีน�กศึ%กษา 54218129

นาย่ ภาณั�เดีช ตั!�มุ�กดีากร รหั�สีน�กศึ%กษา 54218132

นาย่ มุนตัร คำ�าศึ"ร" รหั�สีน�กศึ%กษา 54218134

นาย่ เสีร ภาพ ซั�วตั�งไล� รหั�สีน�กศึ%กษา 54218150

นาย่ แทำนไทำ แก�วพ"ช�ย่ รหั�สีน�กศึ%กษา 54218151

ราย่ว"ชา ETM 201 นว�ตักรรมุทำางเทำคำโนโลย่ การศึ%กษาและสี�2อสีารมุวลชน

คำณัะคำร�ศึาสีตัร*อ�ตัสีาหักรรมุและเทำคำโนโลย่ มุหัาว"ทำย่าล�ย่เทำคำโนโลย่ พระจัอมุเกล�าธนบื้�ร