1. 3D Projection
Mapping

2. คือ เทคโนโลยีการนำาเสนอในรูปแบบของ
สื่อมัลติมีเดียที่ได้รบความสนใจในขณะนี้
ั
ไปดูกันว่า มันเป็นยังไง. . . . .
ตัวอย่าง 3D projection Mapping

3. ในวงการโฆษณา, อีเวนท์ไทย กำาลังให้ความสนใจ
3D projection Mapping (หรือ 3d video mapping) ซึ่งก็
คือการฉายภาพจากโปรเจคเตอร์(อาจจะใช้ตวเดียวหรือหลาย
ั
ตัว) ลงบนวัตถุ ซึ่งอาจจะเป็นตัวสินค้าเอง, เสาหรือผนัง ทำาให้
วัตถุดเหมือนมีชีวิต มีการเคลื่อนไหว เป็นการเพิ่มสีสันให้กบตัว
ู ั
สินค้า ความจริง 3D Projection Mapping ในต่างประเทศนั้นมี
มาค่อนข้างนานแล้วครับ(ประมาณ 4-5ปี) ในบ้านเราก็เพิ่งจะ
เริ่มๆ

4. กการของเทคโนโลยี 3D Projection Mapping
หลักการคร่าวๆ สำาหรับ 3D Projection Mapping ก็คอ ื
การสร้างวัตถุในโปรแกรม 3 มิตให้มีขนาด มิติ กว้างยาว
ิ
เท่ากับวัตถุจริง จากนั้นก็ใส่สีสัน ภาพเคลื่อนไหวต่างๆ
ลงบนวัตถุ 3 มิติ แล้วจึง render ภาพ จากมุมมองของ
Projector เมื่อได้ภาพมาแล้ว ก็ Project กับไปบนวัตถุ
จริง สิ่งที่ยากที่สุดก็คือ การทำาให้ภาพจากโปรแกรม 3
มิติ พอดีกับวัตถุจริงครับ ต้องมีการคิด Lens distortion
รวมถึง Perspective ต่างๆด้วย

5. การทำา Projection Mapping ประกอบไปด้วย
Creative Producer คือ ผูกำากับการแสดง ต้องมีไอ
้
เดีย สร้างสรรค์ ที่จะเอา content ของงาน มารวมกับ
ฉาก หรือที่จะ mapping ได้น่าสนใจทางทีม
Computer Graphics Artist ทีมนี้ จะมีหน้าที่สร้าง
ภาพ Graphics สร้างภาพอย่างเดียว ทำางานร่วมกับ
ทาง Creative เพื่อวางแผน การสร้างภาพ และ ภาพ
effect ต่างๆ ที่จะเกิดขึ้นกับตัวอาคาร

6. ทางทีม Visual Engineering หาขนาดของเครื่อง
ฉายภาพ Projector ความสว่าง ที่จะใช้ และหาตำาแหน่งที่
ติดตัง และ แก้ไขจัดการปัญหาทางเทคนิคของภาพ การ
้
บิดเบี้ยวของภาพจากการติดตั้ง Projector หรือที่เรียกว่า
keystone หรือ การฉายภาพไปยัง วัตถุผวโค้ง แล้วเกิด
ิ
Distortion ซึงบางที่ ปัญหาเกี่ยวกับภาพ ก็อาจจะไปแก้ไข
่
ทาง CG- Artist ได้ ให้เขา render ภาพที่แก้ไข
distortion มาเลย
ทีมทาง Hardware Technique จะดูแล ระบบ
จัดการ media คือ ทางทีมนี้จะเป็นคนดูแล ลำาดับภาพ
วีดีโอ ในอาคารที่มีขนาดใหญ่ ระบบมันจะใหญ่ตามไป จะ
ต้องใช้ projector และ computer
ตัวอย่าง 3D projection Mappin

7. Projection mapping กับการโฆษณา
3D Projection mapping คือชือของเทคโนโลยีใหม่ที่
่
มีประสิทธิภาพสูงในการดึงดูดและสร้างความสนใจของ
กลุ่มเป้าหมาย ซึงกำาลังเป็นกระแสนิยมในต่างประเทศ
่
เป็นอย่างมาก แก่นหลักของเทคโนโลยีนี้ก็คือการฉาย
ภาพวิดีโออนิเมชั่นแบบ 3 มิติ ลงบนพื้นผิวขนาดใหญ่ที่
เป็นแลนด์มารค์ของสถานที่นั้นๆ (แน่นอนว่าคนต้อง
พลุกพล่านอยู่ตลอดเวลา) เสริมเพิ่มด้วยซาวนด์
เอฟเฟคและดนตรีประกอบที่น่าตื่นตาตืนใจ
่
ตัวอย่าง 3D projection Mappin

8. “Projection mapping คือเทคโนโลยีการ
ประชาสัมพันธ์และโฆษณาที่หากทำาได้อย่างดีเยี่ยม
แล้ว มันจะส่งผลดีให้กับแบรนด์นั้นๆ ถึงสองเท่าตัว
เพราะนอกจากคุณจะได้อีเว้นท์ที่น่าตืนตาตื่นใจ
่
สำาหรับกลุมเป้าหมายในสถานที่นั้นๆ แล้ว วิดีโอที่
่
บันทึกการแสดงนั้นเอาไว้ยังสามารถนำาไปโฆษณาต่อ
เนื่องได้อีกต่างหาก เพียงแต่การสร้างอีเว้นท์แบบนี้จะ
ต้องออกแบบให้มันง่ายต่อการบันทึกวิดีโอ ต้องไม่มี
รายละเอียดยิบย่อยที่ดยาก และความยาวของมันจะ
ู
ต้องพอเหมาะสำาหรับการอัพโหลดขึนบนอินเตอร์เน็ต
้
ด้วย”

9. โปรเจคเตอร์ ได้ความละเอียด
HD 1920×1080 ละเอียด
และ แสงสว่างถึง 20000
ANSI
รูปหน้าตาของเจ้า Media server โดนจอ
LCD กับ Macbook ทับอยู่

10. ภาพที่ผานการประมวลผลเสร็จเรียบร้อย
่
อยู่บนฉากพาโนราม่า

11. ข้อดี ข้อเสีย
เป็นสิ่งแปลกใหม่ มีต้นทุนสูง
เครื่องมือและอุปกรณ์ หลอดฉายอายุการใช้
สามารถจัดหาได้ง่าย งานตำ่า
มีการใช้เอฟเฟคต่างๆ การเตรียมฉากให้พอดี
ทำาให้ชนการนำาเสนอ
ิ้ ในการMAPของ
น่านการนำาเสนอที่น่า
เป็ สนใจขึ้น โปรเจคเตอร์
ตื่นเต้นและสมจริงยิง
่
ขึ้น

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

14. UV Mapping

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

16. Displacement mapping
Displacement mapping เป็นการใช้ heightmap ปรับ
ความสูงของพื้นผิวแบบจำาลองสามมิติ เช่นใช้ค่าความ
สว่างบน heightmap เคลื่อนตำาแหน่ง vertex ของ
แบบจำาลองไปตามแกน normal ของ vertex ถ้าสว่าง
มากก็เคลื่อนมาก สว่างน้อยก็เคลื่อนน้อย เป็นต้น โดย
heightmap ที่ใช้อาจอยู่ในรูปแบบของเทกซ์เจอร์ และ
อาจอ้างอิงตำาแหน่งโดยใช้กระบวนการ UV mapping
ประโยชน์ประการหนึ่งของ displace mapping คือใช้
สร้างรายละเอียดพื้นผิว ในลักษณะใกล้เคียงกับ
normal mapping หรือ bump mapping หรืออาจใช้
ในการเปลียนรูปทรงของแบบจำาลองเพื่อให้ได้รูปร่างที่
่
ต้องการก็ได้

17. การใช้งาน displacement mapping มักจำากัดอยู่
ในการเรนเดอร์ภาพนิ่งและวีดทัศน์ มากกว่าการ
ิ
ใช้งานในแบบ real-time เช่นในเกมคอมพิวเตอร์
สามมิติเมื่อเทียบกับเทคนิคอื่น ๆ เช่น bump
หรือ normal mapping เพราะ displacement
mapping จำาเป็นต้องมีโพลีกอนอยู่ จริง ต่างจาก
วิธีขางต้นที่ใช้การเปลียนแปลงการสะท้อนแสง
้ ่
ของรายละเอียดพืนผิว (texture) ดังนั้นหาก
้
ต้องการใช้ในการเพิ่มรายละเอียดพื้นผิวก็จำาเป็น
ต้องสร้างโพลีกอ นเพิ่ม เช่นการใช้
micropolygon หรือการ subdivide ทำาให้ใช้
เวลาในการประมวลผลมากขึ้นแต่มีขอดีคอให้
้ ื
ความสมจริง เพราะโพลีกอนที่ถกสร้างขึ้นใหม่
ู

18. Displacement mapping

19. Normal Mapping
Normal Mapping เป็นการใช้ texture กำาหนดค่านอร์มอลบน
แต่ละจุดบนโพลีกอนชิ้นหนึงๆ โดยจะทำาให้การสะท้อนแสงตรงจุด
่
นันเปลี่ยนไป ซึ่งจากหลักการนีทำาให้เราสามารถสร้างภาพลวงตา
้ ้
เพื่อช่วยให้โมเดลสามมิติทมีความละเอียดตำ่าดูเหมือนมีราย
ี่
ละเอียดมากขึ้นทั้งทีมีจำานวนโพลีกอนเท่าเดิม
่
การสร้าง normal map อาจทำาได้โดยการใช้แบบจำาลองสองชุด
ชุดแรกเป็นโมเดลละเอียดสูงที่อาจสร้างขึ้นโดยซอฟต์แวร์สำาหรับ
ทำา digital sculpt เพื่อให้รายละเอียดทีสมจริง ชุดทีสองเป็น
่ ่
โมเดลที่ถูกลดความละเอียดจากโมเดลแรก จนมีความละเอียดตำ่า
เหมาะสมกับงานโดยเฉพาะงานทีต้องการความเร็วในการประมวล
่
ผลสูง เช่นในเกมคอมพิวเตอร์ โมเดลชุดนีอาจเป็นโครงโมเดล
้
ก่อนจะนำาไปเพิ่มรายละเอียดให้กลายเป็นโมเดลแรกก็ได้ ขึ้นกับ
ขั้นตอนการสร้างโมเดล เมื่อได้โมเดลทั้งสองชุดแล้ว จึงคลี่ UV
map จากโมเดลชุดที่สองหรือตัวทีมีความละเอียดตำ่า จากนันจึงคำา
่ ้
นวนค่า normal จากพื้นผิวของโมเดลทีมีความละเอียดสูง แล้วนำา
่
ไปบันทึกลงใน normal map โดยอิงตำาแหน่งผ่าน UV map ที่คลี่
เอาไว้

20. Normal Mapping

21. เอกสารอ้างอิง
http://th.blender.wikia.com/wiki/Main_Arti
cle/3D_computer_graphics/
Rendering/UV_Mapping
http://aibig.wordpress.com/2011/01/18/3
d-projection-mapping-2/
http://blog.butthun.com/design-and-
creative/snow-art-3d-projection-mapping/
งาน ANIMATIC
ครับ

22. 3D Projection Mapping
เสนอ
ดร.สุรพล บุญลือ
จัดทำาโดย
นาย ชวาล ตระกูลเชิดชูชัย รหัสนักศึกษา 51214581
นาย ณัฐวุฒิ ทวีสุขสิริอนันต์ รหัสนักศึกษา 54218114
นาย พันชนัตถ์ บัวเรือง รหัสนักศึกษา 54218128
นาย พิชชา เจตนเสน รหัสนักศึกษา 54218129
นาย ภาณุเดช ตู้มุกดากร รหัสนักศึกษา 54218132
นาย มนตรี คำาศิริ รหัสนักศึกษา 54218134
นาย เสรีภาพ ซัวตังไล้ รหัสนักศึกษา 54218150
นาย แทนไท แก้วพิชัย รหัสนักศึกษา 54218151
รายวิชา ETM 201 นวัตกรรมทางเทคโนโลยีการศึกษาและสื่อสาร
มวลชน
คณะครุศาสตร์อุตสาหกรรมและเทคโนโลยี
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี