ดร.กฤษณพงศ์ เลิศบำรุงชัย ฝากติดตามกด Like  กด Love ❤️ กด Share ⤴️ ที่ https://www.facebook.com/TouchPoint.in.th/ ------------------------------------------------------------------ ฝากกด Subscribe ช่อง YouTube TouchPoint ที่ https://www.youtube.com/c/TouchpointTH ------------------------------------------------------------------ เว็บไซต์ https://touchpoint.in.th/ ------------------------------------------------------------------ รู้จักกับโปรแกรม 3D Vista Virtual Tour รู้จักกับภาพพาโนรามา รูปแบบของภาพพาโนรามา การดาวน์โหลดและติดตั้ง 3D Vista Virtual Tour การเปิดโปรแกรม 3D Vista Virtual Tour หน้าต่างโปรแกรม 3D Vista Virtual Tour การสร้างโปรเจ็คต์ใหม่ การบันทึกโปรเจ็คต์ การเปิดโปรเจ็คต์ การจัดการภาพพาโนรามา 360 องศา การจัดการอัลบั้มรูปภาพ การจัดการวิดีโอ การจัดการวิดีโอ 360 องศา การจัดการแผนที่ การจัดการหน้าตาโปรเจ็คต์ การกำหนดแอคชั่น การทดสอบการแสดงผล การจัดการส่งออกโปรเจ็คต์ ตัวอย่างการแสดงผลจริง

1. TouchPoint.in.th facebook.com/TouchPoint.in.th YouTube.com/c/TouchpointTH
ว�ทยากร : ดร.กฤษณพงศ เลิศบำรุงชัย

3. สารบัญ
เรื่อง หน้า
รู้จักกับโปรแกรม 3D Vista Virtual Tour 1
รู้จักกับภาพพาโนรามา 2
รูปแบบของภาพพาโนรามา 2
การดาวน์โหลดและติดตั้ง 3D Vista Virtual Tour 4
การเปิดโปรแกรม 3D Vista Virtual Tour 7
หน้าต่างโปรแกรม 3D Vista Virtual Tour 8
การสร้างโปรเจ็คต์ใหม่ 13
การบันทึกโปรเจ็คต์ 14
การเปิดโปรเจ็คต์ 15
การจัดการภาพพาโนรามา 360 องศา 16
การจัดการอัลบั้มรูปภาพ 30
การจัดการวิดีโอ 35
การจัดการวิดีโอ 360 องศา 37
การจัดการแผนที่ 45
การจัดการหน้าตาโปรเจ็คต์ 51
การกำหนดแอคชั่น 69
การทดสอบการแสดงผล 71
การจัดการส่งออกโปรเจ็คต์ 72
ตัวอย่างการแสดงผลจริง 78

5. 1
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
รู้จักกับโปรแกรม 3D Vista Virtual Tour
โปรแกรม 3D Vista Virtual Tour เป็นโปรแกรมที่ใช้สำหรับสร้างระบบนำชมเสมือนจริง 360o
รองรับทั้งภาพนิ่งและภาพเคลื่อนไหวแบบ 360 องศา สามารถสร้างการปฏิสัมพันธ์ด้วยข้อมูลภาพนิ่งและ
ภาพเคลื่อนไหว สามารถส่งออกในรูปแบบ HTML5 เพื่อรับชมได้ทุกแพล็ตฟอร์ม ทั้งคอมพิวเตอร์ แท็บเล็ต
และสมาร์ทโฟน

6. 2 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
รู้จักกับภาพพาโนรามา
ภาพพาโนรามา (Panorama) เป็น การถ่ายภาพให้ได้รายละเอียดภาพที่มีความกว้าง ความสูง
มุมมอง และความละเอียดมากกว่าการถ่ายภาพแบบปกติ โดยถ่ายภาพหลายๆ ภาพ แล้วนำมาต่อกันใน
คอมพิวเตอร์
รูปแบบของภาพพาโนรามา
ภาพพาโนรามา มี 4 รูปแบบ ได้แก่ พาโนรามาแบบระนาบ ทรงกระบอก ทรงกลม และลูกบาศก์ โดย
แต่ละรูปแบบมีรายละเอียดดังนี้
พาโนรามาแบบระนาบ (Planar)
พาโนรามาแบบระนาบ (Planar) เป็นพาโนรามาที่มีภาพใกล้เคียงกับภาพปกติ มีการบิดเบี้ยวของ
ภาพเล็กน้อยหรือไม่บิดเบี้ยวเลย การถ่ายภาพจะถ่ายด้วยมุมมองไม่เกิน 180 องศา

7. 3
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
พาโนรามาแบบทรงกระบอก (Cylindrical)
พาโนรามาแบบทรงกระบอก (Cylindrical) เป็นพาโนรามาที่มีมุมมองด้านยาว 360 องศา ลักษณะ
ของภาพเหมือนอยู่ในถังทรงกระบอก เมื่อคลี่ภาพออก บริเวณขอบภาพด้านซ้ายและด้านขวาคือบริเวณ
เดียวกัน
พาโนรามาแบบทรงกลม (Spherical)
เป็นพาโนรามาที่มีด้านยาว (แนวนอน) 360 องศา และด้านกว้าง (แนวตั้ง) 180 องศา ลักษณะการ
มองเหมือนอยู่ในทรงกลม เมื่อคลี่ออกจะเรียกว่า Equirectangular และมีอัตราส่วนด้านยาว : ด้านกว้าง เป็น
2 : 1 เสมอ ซึ่งการสร้างระบบนำชมเสมือนจริงจะใช้พาโนรามาแบบทรงกลมเป็นหลัก

8. 4 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
พาโนรามาแบบลูกบาศก์ (Cubic)
เป็นพาโนรามาที่มีด้านยาว (แนวนอน) 360 องศา และด้านกว้าง (แนวตั้ง) 180 องศาเหมือนพาโนรา
มาแบบทรงกลม (Spherical Panorama) แต่มุมมองภาพเหมือนกับมองจากด้านในกล่องลูกบาศก์ ซึ่งมีทั้ง 6
ด้าน เหมาะสำหรับการใช้งานที่เกี่ยวกับการซ่อมแซมรูปภาพเฉพาะจุด
การดาวน์โหลดและติดตั้ง 3D Vista Virtual Tour
การดาวน์โหลดโปรแกรม 3D Vista Virtual Tour
1. ไปที่เว็บไซต์ 3dvista.com
2. ไปที่เมนู Products > Virual Tour Pro

9. 5
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
3. คลิก Download trial ตามระบบปฏิบัติการที่ใช้
4. กรอก Full name และ Email
5. คลิกเลือก I hereby give my voluntary consent to the processing….
6. คลิก Download

10. 6 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
7. จะได้ไฟล์สำหรับติดตั้ง 3D Vista Virtual Tour
การติดตั้ง 3D Vista Virtual Tour
1. ดับเบิ้ลคลิกที่ไฟล์ติดตั้ง
2. คลิกเลือกภาษา
3. คลิก OK
4. คลิก Next
5. คลิก I Agree

11. 7
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
6. คลิก Install
7. คลิก Close
การเปิดโปรแกรม 3D Vista Virtual Tour
โปรแกรม 3D Vista Virtual Tour เป็นโปรแกรมมีลิขสิทธิ์ สามารถลงชื่อเข้าใช้งานได้อีเมลและ
รหัสผ่าน โดยจะลงชื่อเข้าใช้ในคอมพิวเตอร์พร้อมกันได้ 2 เครื่อง หากต้องการใช้ในคอมพิวเตอร์เครื่องอื่น
จะต้องยกเลิกการลงชื่อเข้าใช้จากเครื่องใดเครื่องหนึ่งก่อน การเปิดโปรแกรม 3D Vista Virtual Tour สามารถ
ทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Start > 3D Vista Virtual Tour
2. กรอกอีเมลและรหัสผ่าน (เฉพาะครั้งแรก)

12. 8 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
3. คลิก Register (เฉพาะครั้งแรก)
หน้าต่างโปรแกรม 3D Vista Virtual Tour

13. 9
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
แถบเมนู (Menu Bar) เก็บทุกคำสั่งของโปรแกรม 3D Vista Virtual Tour
โหมดการทำงาน (Working Mode) เป็นส่วนการทำงานต่างๆ ของโปรแกรม
พื้นที่การทำงาน (Workspace) เป็นส่วนการแสดงผลงาน
พาเนลคุณสมบัติ (Panel Properties) เป็นส่วนกำหนดคุณสมบัติให้กับวัตถุและโปรเจ็คต์
ส่วนแสดงผล (Preview) และเผยแพร่ (Publish) เป็นส่วนทดสอบการแสดงผลและส่งออก
My Tours
My Tours เป็นโหมดการทำงานที่เก็บรวบรวมโปรเจ็คต์ทั้งหมดที่ผู้ใช้เคยสร้างไว้ สามารถเลือกโปร
เจ็คต์ที่เคยสร้างไว้มาทำงานตต่อได้ทันที
Skin
Skin เป็นโหมดการทำงานเกี่ยวกับหน้าตาส่วนประสานงานกับผู้ใช้ (User Interface) ใช้สำหรับ
แสดงโลโก้ ปุ่ม เมนูต่างๆ ของโปรเจ็คต์

14. 10 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
Panoramas
Panoramas เป็นโหมดการทำงานเกี่ยวกับภาพพาโนรามา 360 องศา (Spherical Panorama) ใน
ลักษณะของภาพนิ่ง ส่วนใหญ่จะใช้โหมดการทำงานนี้กับการสร้างระบบนำชมเสมือนจริง
Photo Albums
Photo Albums เป็นโหมดการทำงานเกี่ยวกับภาพถ่ายหรือภาพกราฟิก โดยแสดงผลอยู่ในลักษณะ
ของอัลบั้มรูปภาพ

15. 11
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
Videos
Videos เป็นโหมดการทำงานเกี่ยวกับภาพเคลื่อนไหวเป็นไฟล์วิดีโอททั่วไป โดยจะแสดงผลอยู่ใน
รูปแบบการแสดงข้อมูลที่เกิดจากการปฏิสัมพันธ์กับปุ่ม แล้วปรากฏเป็นวิดีโอชึ้นมา
360 Videos
360 Videos เป็นโหมดการทำงานเกี่ยวกับภาพพาโนรามาเคลื่อนไหว 360 องศา ซึ่งได้มาจากกล้อง
ถ่ายภาพ 360 ส่วนใหญ่จะใช้โหมดการทำงานนี้กับการสร้างระบบนำชมเสมือนจริงที่เป็นภาพเคลื่อนไหว

16. 12 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
Floor Plans
Floor Plans เป็นโหมดการทำงานเกี่ยวกับการแสดงแผนที่ เพื่อให้ผู้ใช้งานสามารถรับชมบริเวณ
ต่างๆ ของระบบนำชมเสมือนจริงได้ง่าย
Publish
Publish เป็นโหมดการทำงานเกี่ยวกับการจัดเรียงภาพพาโนรามา 360 องศา และวิดีโอพาโนรามา
360 องศา และกำหนดค่าเกี่ยวกับการเผยแพร่โปรเจ็คต์

17. 13
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างโปรเจ็คต์ใหม่
1. คลิก Create New Project
2. เลือกแม่แบบที่ต้องการ
3. คลิก Select
4. คลิก Import Panorama เพื่อนำเข้ารูปภาพ 360 องศา

18. 14 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การบันทึกโปรเจ็คต์
1. ไปที่ File > Save As
2. กำหนดที่จัดเก็บไฟล์
3. กำหนดชื่อไฟล์
4. คลิก Save

19. 15
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การเปิดโปรเจ็คต์
1. เมื่อเปิดโปรแกรมขึ้นมาแล้วให้คลิก Open
2. คลิกเลือกไฟล์ที่ต้องการเปิด
3. คลิก Open
4. โปรแกรมจะเปิดโปรเจ็คต์
หมายเหตุ
หากผู้ใช้กำลังทำงานกับโปรเจ็คต์ใดโปรเจ็คต์หนึ่งอยู่ แล้วต้องการเปิดไฟล์งานอื่น สามารถทำได้โดยไปที่โหมดการทำงาน My
Tours หรือไปที่ File > Load

20. 16 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การจัดการภาพพาโนรามา 360 องศา
การนำเข้าภาพพาโนรามา
การนำเข้าภาพพาโนรามาหลังจากสร้างโปรเจ็คต์ใหม่
1. สร้างโปรเจ็คต์ใหม่ (หน้า 13)
2. คลิก Import Panorama
3. คลิก Standard Panorama
4. เลือกภาพพาโนรามา 360 องศาที่ต้องการ
5. คลิก Open
6. ภาพที่เลือกจะปรากฏในโปรแกรม

21. 17
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การเพิ่มภาพพาโนรามา
1. คลิก Add Media
2. คลิก Import Panorama
3. คลิก Standard Panorama
4. เลือกภาพพาโนรามา 360 องศาที่ต้องการ
5. คลิก Open
6. ภาพที่เลือกจะปรากฏในโปรแกรม

22. 18 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การตั้งค่าภาพพาโนารมา
1. ไปที่โหมดการทำงาน Panoramas
2. ไปที่คำสั่ง List
3. คลิกที่ภาพพาโนรามา
4. ไปที่คำสั่ง Settings
5. กำหนดค่าที่พาเนล Properties

23. 19
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
▪ Panorama Settings เป็นการกำหนดค่าเกี่ยวกับภาพพาโนรามา
▪ Export Settings เป็นการกำหนดค่าคุณภาพการส่งออก
▪ Panorama Actions เป็นการกำหนดแอคชั่นให้กับภาพพาโนรามา
▪ Zoom Settings เป็นการกำหนดการย่อ-ขยายมุมมองภาพพาโนรามา
▪ AutoPlay Settings เป็นการกำหนดค่าการเล่นภาพพาโนรามา
การสร้างจุดเชื่อมโยง
การเชื่อมโยงภาพพาโนรามา
การสร้างจุดเชื่อมโยง เป็นสิ่งสำคัญของการสร้างระบบนำชมเสมือนจริง เนื่องจากเป็นส่วนที่ใช้สร้าง
การปฏิสัมพันธ์กับผู้ใช้ โดยการทำงานทั้งหมดจะต้องอยู่ในโหมด Panoramas สามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Hotspots
2. คลิกที่ภาพพาโนรามา
3. คลิก Images
4. คลิกเลือกรูปภาพจุดเชื่อมโยงที่ต้องการ
5. คลิก Select

24. 20 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
6. คลิกในบริเวณที่ต้องการวางจุดเชื่อมโยง
7. กำหนดแอคชั่นโดยคลิก Add Action
8. เลือกแอคชั่น Open Panorama

25. 21
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
9. คลิกเลือกภาพพาโนรามาที่ต้องการ
10. คลิก Select
11. คลิก Done

26. 22 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
12. ทำขั้นตอนที่ 1-11 ซ้ำกับภาพพาโนรามาภาพอื่นๆ
หมายเหตุ
การกำหนดจุดเชื่อมโยงไปยังภาพพาโนรามาภาพอื่น สามารถเพิ่ม Hotspot ได้มากกว่า 1 จุด ผู้ใช้สามารถกำหนดแอคชั่นอื่นๆ
ได้ตามต้องการ เช่น แสดงข้อมูลภาพนิ่ง ข้อมูลวิดีโอ สิ่งสำคัญคือหากกำหนดแอคชั่นให้ไปยังจุดต่างๆ แล้ว ไปได้ต้องกลับได้
การเพิ่มข้อมูลภาพ
1. เพิ่ม Hotspot ลงในภาพพาโนรามาที่ต้องการ
2. คลิก Add Action

27. 23
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
3. เลือก Popup Image
4. เลือกรูปภาพที่ต้องการ
5. คลิก Open
6. คลิก Done
การเพิ่มข้อมูลวิดีโอ
1. เพิ่ม Hotspot ลงในภาพพาโนรามาที่ต้องการ
2. คลิก Add Action

28. 24 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
3. เลือก Popup Video
4. เลือกวิดีโอที่ต้องการ
5. คลิก Open
6. หากวิดีโอยังไม่เคยถูกนำเข้า ให้คลิก Yes

29. 25
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การลบภาพพาโนรามา
1. คลิกเลือกภาพที่ต้องการลบ
2. คลิก Delete
3. คลิกก Yes
การกำหนดออโต้ไพล็อต
ปกติโปรแกรมจะกำหนดให้ภาพพาโนรามาหมุนเล่นอัตโนมัติ หากผู้ใช้ต้องการกำหนดจุดมองของ
ภาพให้เป็นไปตามลำดับ สามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Auto Pilot
2. คลิกเลือกภาพพาโนรามา
3. คลิกบริเวณที่ต้องการให้ภาพหมุนไป

30. 26 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
4. สามารถกำหนดจุดที่ต้องการให้ภาพหมุนไปได้มากกว่า 1 จุด
5. สามารถกำหนดแอคชั่นให้กับแต่ละจุดได้ โดยการคลิก Add Action
6. กำหนดว่าหลังจากที่หมุนไปยังจุดดังกล่าวแล้วจะเกิดอะไรขึ้นต่อไป

31. 27
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การใส่เสียงใหกับภาพพาโนรามา
1. ไปที่ Audio
2. คลิกเลือกภาพพาโนรามา
3. คลิก Add Audio File
4. เลือกไฟล์เสียงที่ต้องการ
5. คลิก Open
การปรับแต่งภาพ
1. ไปที่ Enhance
2. คลิกเลือกภาพพาโนรามา
3. ปรับแต่งรูปภาพที่ Filter Settings

32. 28 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การใส่เอฟเฟกต์
การใส่เอฟเฟกต์ทำให้การแสดงผลภาพพาโนรามามีความน่าสนใจมากขึ้น ในโปรแกรมมีเอฟเฟกต์ 2
แบบ ได้แก่ แสงแฟลร์และหิมะตก สามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ FX
2. คลิกเลือกภาพพาโนรามา
3. ไปที่ Lens Flare Settings คลิก Add
4. คลิกบริเวณที่ต้องการแสดงแสงแฟลร์
5. กำหนดค่าการแสดงแสงแฟลร์

33. 29
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การเพิ่มโลโก้ในภาพพาโนรามา
1. ไปที่ Caps
2. คลิกเลือกภาพพาโนรามา
3. ไปที่ Add Cap (Tripod Cap Settings บนพื้นด้านล่าง / Ceiling Cap Settings ใต้เพดานด้านบน)
4. คลิกเลือกรูปภาพที่ต้องการ
5. คลิก Open
6. จะปรากฏรูปภาพโลโก้ในส่วนที่เลือก

34. 30 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
7. เมื่อทดสอบการแสดงผล จะปรากฏรูปภาพโลโก้
การจัดการอัลบั้มรูปภาพ
การสร้างอัลบัมรูปภาพ
อัลบัมรูปภาพ เป็นโหมดที่ใช้สำหรับรวบรวมภาพถ่ายหรือภาพกราฟิกเพื่อแสดงผลแบบSlide Show
สามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Photo Albums
2. ไปที่ List
3. คลิก Add Album

35. 31
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
4. เลือกรูปภาพที่ต้องการ
5. คลิก Open
6. จะปรากฎอัลบั้มรูปภาพและรูปภาพที่เลือกไว้
การเพิ่มอัลบัมรูปภาพ
หากในโปรเจ็คต์มีอัลบั้มรูปภาพอยู่แล้ว แต่ผู้ใช้ต้องการเพิ่มอัลบั้มภาพเข้าไปอีก สามารถทำได้โดยมี
ขั้นตอนดังนี้
1. คลิก Add Media
2. คลิก Create Photo Album

36. 32 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
3. เลือกรูปภาพที่ต้องการ
4. คลิก Open
5. จะปรากฎอัลบั้มรูปภาพและรูปภาพที่เลือกไว้
การตั้งค่าอัลบั้มรูปภาพ
1. คลิกที่อัลบั้มรูปภาพ
2. กำหนดคุณสมบัติของอัลบั้มรูปภาพที่พาเนล Properties

37. 33
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
▪ Photo Album Settings กำหนดค่าเกี่ยวกับอัลบั้มภาพ
▪ Photo Settings กำหนดค่าเกี่ยวกับการแสดงผลรูปภาพ
▪ Album Actions กำหนดแอคชั่นให้กับอัลบั้ม
▪ Add Audio กำหนดเสียงให้กับอัลบั้ม
หมายเหตุ
เมื่อสร้างอัลบัมภาพแล้ว อย่าลืมไปสร้าง Viewer ในโหมดการทำงาน Skin แล้วกำหนด See in Viewer ใน Photo Album
Settings เพื่อกำหนดการแสดงผลใน Viewer ที่เลือก
การตั้งค่ารูปภาพ
1. คลิกเลือกรูปภาพที่ต้องการ
2. ไปที่ Photo
3. กำหนดคุณสมบัติของรูปภาพที่พาเนล Properties

38. 34 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
▪ Photo Settings กำหนดค่าเกี่ยวกับการแสดงผลรูปภาพ
▪ Export Settings กำหนดค่าเกี่ยวกับการส่งออก
▪ Background Music กำหนดเสียงพื้นหลังให้กับรูปภาพ
การลบอัลบั้มภาพ
1. คลิกที่อัลบั้มรูปภาพที่ต้องการลบ
2. คลิก Delete
3. คลิก Yes
การลบรูปภาพ
1. คลิกที่รูปภาพที่ต้องการลบ
2. คลิก Delete
3. คลิก Yes

39. 35
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การจัดการวิดีโอ
การแทรกวิดีโอ
1. ไปที่ Videos
2. ไปที่ List
3. คลิก Add Video
4. เลือกวิดีโอที่ต้องการ
5. คลิก Open
6. วิดีโอจะปรากฏในโปรแกรม

40. 36 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การตั้งค่าวิดีโอ
1. คลิกที่วิดีโอที่ต้องการ
2. ไปที่ Settings
3. กำหนดคุณสมบัติของวิดีโอที่พาเนล Properties
▪ Video Settings กำหนดค่าเกี่ยวกับการแสดงผลวิดีโอ
▪ Export Settings กำหนดค่าเกี่ยวกับการส่งออก
▪ Video Actions กำหนดแอคชั่นให้วิดีโอ

41. 37
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การลบวิดีโอ
1. คลิกที่วิดีโอที่ต้องการลบ
2. คลิก Delete
3. คลิก Yes
การจัดการวิดีโอ 360 องศา
การเพิ่มวิดีโอ 360 องศา
1. ไปที่ 360 Videos
2. ไปที่ List
3. คลิก Add 360 Video

42. 38 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
4. เลือกวิดีโอ 360 องศาที่ต้องการ
5. คลิก Open
6. วิดีโอ 360 องศาจะปรากฏในโปรแกรม
การตั้งค่าวิดีโอ 360 องศา
1. คลิกที่วิดีโอ 360 องศาที่ต้องการ
2. ไปที่ Settings

43. 39
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
3. กำหนดคุณสมบัติของวิดีโอ 360 องศาที่พาเนล Properties
▪ Video Settings กำหนดค่าเกี่ยวกับการแสดงผลวิดีโอ
▪ Export Settings กำหนดค่าเกี่ยวกับการส่งออก
▪ 360 Video Action กำหนดแอคชั่นให้กับวิดีโอ 360 องศา
▪ Zoom Settings เป็นการกำหนดการย่อ-ขยายมุมมองวิดีโอ 360 องศา
การใส่จุดเชื่อมโยงในวิดีโอ 360 องศา
1. ไปที่ Hotspots
2. คลิกที่วิดีโอ 360 องศา
3. คลิก Images

44. 40 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
4. คลิกเลือกรูปภาพจุดเชื่อมโยงที่ต้องการ
5. คลิก Select
6. คลิกในบริเวณที่ต้องการวางจุดเชื่อมโยง
7. กำหนดแอคชั่นโดยคลิก Add Action

45. 41
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
8. เลือกแอคชั่น Open Panorama
9. คลิกเลือกภาพพาโนรามาที่ต้องการเชื่อมโยง
10. คลิก Select

46. 42 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
11. คลิก Done
12. ทำขั้นตอนที่ 1-11 ซ้ำกับวิดีโอ 360 องศาอื่นๆ

47. 43
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การเพิ่มโลโก้ในวิดีโอ 360 องศา
1. ไปที่ Caps
2. คลิกเลือกวิดีโอ 360 องศา
3. ไปที่ Add Cap (Tripod Cap Settings บนพื้นด้านล่าง / Ceiling Cap Settings ใต้เพดานด้านบน)
4. คลิกเลือกรูปภาพที่ต้องการ
5. คลิก Open
6. จะปรากฏรูปภาพโลโก้ในส่วนที่เลือก

48. 44 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
7. เมื่อทดสอบการแสดงผล จะปรากฏรูปภาพโลโก้
การลบวิดีโอ 360 องศา
1. คลิกที่รูปภาพที่ต้องการลบ
2. คลิก Delete
3. คลิก Yes

49. 45
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การจัดการแผนที่
การเพิ่มแผนที่
1. ไปที่ Floor Plans
2. ไปที่ List
3. คลิก Add Floor Plan
4. เลือกรูปภาพที่ต้องการ
5. คลิก Open
6. รูปภาพจะปรากฏในโปรแกรม

50. 46 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การตั้งค่าแผนที่
1. คลิกที่รูปภาพแผนที่
2. กำหนดคุณสมบัติของแผนที่ ที่พาเนล Properties
▪ Floor Plan Settings กำหนดค่าเกี่ยวกับแผนที่
▪ Export Settings เป็นการกำหนดค่าคุณภาพการส่งออก
▪ Floor Plan Actions กำหนดแอคชั่นให้กับแผนที่
▪ Zoom Settings เป็นการกำหนดการย่อ-ขยายมุมมองรูปภาพแผนที่
▪ Global Radar Settings กำหนดคุณสมบัติของเรดาร์
หมายเหตุ
เมื่อสร้างแผนที่แล้ว อย่าลืมไปสร้าง Viewer ในโหมดการทำงาน Skin แล้วกำหนด See in Viewer ใน Photo Album Settings
เพื่อกำหนดการแสดงผลใน Viewer ที่เลือก
การเพิ่มจุดเชื่อมโยงบนแผนที่
1. คลิกรูปภาพแผนที่
2. ไปที่ Hotspots

51. 47
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
3. คลิก Image
4. เลือกรูปภาพฮอตสปอตที่ต้องการ
5. คลิก Select
6. คลิกบริเวณที่ต้องการวางฮอตสปอต
7. คลิก Add Action

52. 48 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
8. เลือกแอคชั่น Open Panorama
9. คลิกเลือกภาพพาโนรามาที่ต้องการ
10. คลิก Select

53. 49
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
11. คลิก Done
12. ทำขั้นตอนที่ 1-11 ซ้ำกับบริเวณอื่นๆ ในแผนที่

54. 50 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การเพิ่มเรดาร์
เรดาร์ เป็นสิ่งที่บ่งบอกทิศทางที่สอดคล้องกันระหว่างแผนที่กับสถานที่ในภาพพาโนรามา ททำให้ผู้ใช้
รู้ว่าขณะนั้นมองไปทิศทางใด สามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Radar
2. คลิกเลือกรูปภาพแผนที่
3. คลิกภาพพาโนรามา
4. คลิก Add
5. กำหนดทิศทางของเรดาร์ให้สอดคล้องกับภาพพาโนรามา

55. 51
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การลบเรดาร์
1. คลิกที่ภาพพาโนรามา
2. คลิก Remove
การจัดการหน้าตาโปรเจ็คต์
การสร้างหน้าตาโปรเจ็คต์์จากไลบรารี่
1. ไปที่ Skin
2. คลิก Open Skin Library
3. คลิก Yes

56. 52 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
4. เลือกแม่แบบที่ต้องการ
5. คลิก Select
6. จะปรากฏแม่แบบที่เลือก

57. 53
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างหน้าต่างแสดงผล
หน้าต่างแสดงผล (Viewer) เป็นสิ่งที่ใช้แสดงผลภาพพาโนรามา 360 องศา วิดีโอ 360 องศา อัลบั้ม
ภาพ และวิดีโอ ซึ่งปกติโปรแกรมจะสร้าง Main Viewer เอาไว้แล้ว หากผู้ใช้ต้องการหน้าต่างแสดงผลสิ่งต่างๆ
จะต้องสร้าง Viewer เพิ่ม สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Viewer
2. คลิกบริเวณที่ต้องการวาง Viewer
3. กำหนดค่าในสิ่งที่ต้องการให้แสดงใน Viewer เช่น ถ้าต้องการให้เป็นพื้นที่แสดงอัลบั้มรูปภาพ จะต้องไป
ตั้งค่า See in Viewer ใน Photo Album

58. 54 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การสร้างส่วนแสดงแผนที่
ส่วนแสดงแผนที่ (Floor Plan) เป็นสิ่งที่ใช้แสดงผลรูปภาพแผนที่จากโหมดการทำงาน Floor Plan
สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Floor Plan
2. คลิกบริเวณที่ต้องการวาง Floor Plan
3. ไปตั้งค่า See in Viewer ใน Floor Plans

59. 55
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างกล่องเก็บวัตถุ
กล่องเก็บวัตถุ (Container)เป็นสิ่งที่ใช้จัดระเบียบส่วนต่างๆ ในส่วนประสานงานของผู้ใช้ (User
Interface) ทำให้วัตถุที่อยู่ใน Container แสดงผลได้ในตำแหน่งที่ถูกต้องมากขึ้น สามารถทำได้โดยมีขั้นตอน
ดังนี้
1. คลิก Container
2. คลิกบริเวณที่ต้องการวาง Container
3. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties
4. นำวัตถุที่ต้องการใส่ไว้ใน Container
การสร้างเว็บเฟรม
เว็บเฟรม (Web Frame) เป็นสิ่งที่ใช้แสดงผลหน้าต่างเว็บไซต์ ผู้ใช้สามารถนำเว็บไซต์มาฝังไว้ในโปร
เจ็คต์ได้โดยมีขั้นตอนดังนี้

60. 56 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
1. คลิก Web Frame
2. คลิกบริเวณที่ต้องการวาง Web Frame
3. กำหนด URL ที่พาเนล Properties
การเพิ่มข้อความ
ข้อความ (Label) เป็นสิ่งที่ใช้แสดงข้อมูลในรูปแบบตัวอักษรสั้นๆ เพื่อแสดงรายละเอียดบางอย่างใน
โปรเจ็คต์ สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Label
2. คลิกบริเวณที่ต้องการวางข้อความ
3. กำหนดข้อความที่ต้องการแสดงและคุณสมบัติต่างๆ ที่พาเนล Properties

61. 57
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การเพิ่มข้อความหลายบรรทัด
ข้อความหลายบรรทัด (Stylable and Multiline Text) เป็นสิ่งที่ใช้แสดงข้อมูลในรูปแบบข้อความ
ยาวหลายบรรทัด และสามารถปรับแต่งการจัดวางข้อความได้อย่างอิสระ สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Stylable and Multiline Text
2. เลือกรูปแบบที่ต้องการ
3. คลิก Select
4. คลิกบริเวณที่ต้องการและแก้ไขข้อความ
5. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties

62. 58 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การเพิ่มรูปภาพ
1. คลิก Image
2. เลือกรูปภาพที่ต้องการ
3. คลิก Open
4. คลิกบริเวณที่ต้องการวางรูปภาพ แล้วกำหนดขนาดและตำแหน่ง
การสร้างปุ่มแบบข้อความ
ปุ่มแบบข้อความ (Text Button) เป็นปุ่มชนิดหนึ่งที่เหมาะสำหรับการสร้างแถบเมนู สามารถทำได้
โดยมีขั้นตอนดังนี้
1. คลิก Text Button
2. คลิก Insert a New Element
3. คลิกบริเวณที่ต้องการวาง Text Button

63. 59
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
4. คลิก Edit Styles ในพาเนล Properties
5. พิมพ์ข้อความปุ่มและกำหนดรูปแบบตามต้องการ
6. คลิก Add Action
7. กำหนดแอคชั่นที่ต้องการ

64. 60 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การสร้างปุ่มแบบไอคอน
ปุ่มแบบไอคอน (Icon Button) เป็นปุ่มชนิดหนึ่งที่ใช้รูปภาพสื่อความหมายแทนข้อความ เหมาะ
สำหรับการสร้างการควบคุมการแสดงผลภาพพาโนรามา 360 องศา วอดีโอ 360 องศา หรืออื่นๆ ปกติ
โปรแกรมจะกำหนดแอคชั่นให้กับปุ่มมาอัตโนมัติ สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Icon Button
2. คลิกเลือกไอคอนปุ่มที่ต้องการ
3. คลิก Select
4. คลิกบริเวณที่ต้องการวาง Icon Button

65. 61
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างปุ่มปิด
ปุ่มปิด (Close Button) เป็นปุ่มชนิดหนึ่งที่ใช้สำหรับปิดการแสดงผลของวัตถุต่างๆ เช่น ปิด Viwer
หรือปิดกลุ่ม Container เป็นต้น สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Close Button
2. คลิกบริเวณที่ต้องการวาง Close Button
3. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties
4. คลิก Add Action
5. คลิกเลือกแอคชั่น Show/Hide Components

66. 62 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
6. คลิกเลือก Hide
7. เลือกวัตถุที่ต้องการซ่อน
8. คลิก Done
การสร้างแถบความคืบหน้า
แถบความคืบหน้า (Progress Bar) เป็นสิ่งที่ใช้แสดงสถานะความคืบหน้าของการโหลดหน้าต่างๆ
สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Progress Bar
2. คลิกบริเวณที่ต้องการวาง Progress Bar
3. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties

67. 63
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างแท็บเนื้อหา
แท็บเนื้อหา (Tab) เป็นสิ่งที่ใช้แสดงข้อมูลที่แบ่งออกเป็นแท็บ เพื่อให้การนำเสนอข้อมูลดูง่ายเป็น
สัดส่วน สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Tab
2. เลือกรูปแบบแท็บที่ต้องการ
3. คลิก Select
4. คลิกบริเวณที่ต้องการวาง Tab

68. 64 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
5. กำหนดุณสมบัติเพิ่มเติมที่พาเนล Properties
6. เพิ่มวัตถุอื่นลงไปในแท็บ
การสร้างแถบแสดงรายการ
แถบแสดงรายการ (Dropdown) เป็นสิ่งที่ใช้แสดงสื่อต่างๆ ได้แก่ พาโนรามา 360 องศา วิดีโอ 360
องศา รูปภาพ วิดีโอ และแผนที่ เป็นต้น โดยแสดงเป็นรายการเป็นบรรทัด สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Dropdown
2. เลือืกรูปแบบ Dropdown ที่ต้องการ
3. คลิก Select

69. 65
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
4. คลิกบริเวณที่ต้องการวาง Dropdown
5. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties
การเพิ่มภาพขนาดย่อ
ภาพขนาดย่อ (Thumb List) เป็นสิ่งที่ใช้แสดงภาพขนาดย่อของสื่อต่างๆ ที่ใส่ไว้ในโปรเจ็คต์ ไม่ว่าจะ
เป็น พาโนรามา 360 องศา วิดีโอ 360 องศา รูปภาพ วิดีโอ และแผนที่ เป็นต้น สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Thumb List
2. คลิกเลือกรูปแบบ Thumb List ที่ต้องการ
3. คลิก Select

70. 66 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
4. คลิกบริเวณที่ต้องการวาง Thumb List
5. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties
การเพิ่มปุ่มควบคุม
ปุ่มควบคุม (Misc) เป็นสิ่งที่ใช้ควบคุมการแสดงผลของภาพพาโนรามา ซึ่งจะประกอบด้วยปุ่มต่างๆ ที่
ใช้ควบคุมการแสดงผล โดยโปรแกรมจะกำหนดแอคชั่นให้กับปุ่มอัตโนมัติ สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Misc
2. คลิกเลือกรูปแบบ Misc ที่ต้องการ
3. คลิก Select

71. 67
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
4. คลิกบริเวณที่ต้องการวาง Misc
5. กำหนดคุณสมบัติเพิ่มเติมที่พาเนล Properties
การกำหนดชื่อวัตถุ
ในการทำงาน วัตถุต่างๆ จำนวนมากจะถูกนำมาจัดองค์ประกอบ เมื่อมีการเพิ่มวัตถุ ที่พาเนล
Elements จะปรากฏรายการวัตถุด้วย ผู้ใช้ควรกำหนดชื่อวัตถุเพื่อให้การทำงานกับแอคชั่นเป็นเรื่องง่าย
สามารถทำได้โดยการดับเบิ้ลคลิกที่รายการวัตถุที่พาเนล Elements แล้วกำหนดชื่อวัตถุตามต้องการ

72. 68 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การแสดงหรือซ่อนวัตถุ
ในการทำงาน วัตถุต่างๆ จำนวนมากจะถูกนำมาจัดองค์ประกอบ อาจประกอบกันเป็นหน้าต่างย่อย
ทำให้การจัดการวัตถุเริ่มมีความซับซ้อน ดังนั้นผู้ใช้จำเป็นต้องเลือกแสดงหรือซ่อนวัตถุ เพื่อให้จัดการกับวัตถุได้
สะดวก วัตถุที่แสดงผลจะมีสถานะ Visible On Start ส่วนวัตถุที่ไม่แสดงผลจะมีสถานะ Invisible ผู้ใช้
สามารถคลิกที่สถานะดังกล่าวเพื่อสลับการแสดงหรือซ่อนวัตถุได้
การลบวัตถุ
หากผู้ใช้ต้องการลบวัตถุที่นำมาจัดองค์ประกอบ สามารถทำได้โดยการคลิก Delete ที่รายการ
วัตถุนั้นในพาเนล Elements เมื่อคลิกแล้ววัตถุจะหายไปทันที

73. 69
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การสร้างหน้าจอสำหรับสมาร์ทโฟน
ปัจจุบันการแสดงผลในหน้าจอ ไม่ได้ถูกจำกัดอยู่ในคอมพิวเตอร์ แต่ยังต้องคำนึงถึงการแสดงผลบน
สมาร์ทโฟนด้วย สามารถทำได้โดยไปคลิกแท็บ Mobile ที่พาเนล Skin Propertiesแล้วจัดองค์ประกอบโดยใช้
วิธีทั่วไปในหน้าจอสำหรับการแสดงผลบนคอมพิวเตอร์
การกำหนดแอคชั่น
แอคชั่น (Action) เป็นสิ่งที่ใช้กำหนดการปฏิสัมพันธ์ส่วนต่างๆ ในโปรเจ็คต์ โดยในโหมดการทำงาน
ต่างๆ ผู้ใช้จะพบกับคำสั่ง Add Action เมื่อคลิกที่ปุ่มนี้ โปรแกรมจะแสดงแอคชั่นให้เลือกมากมาย แอคชั่นที่
รองรับการแสดงผลแบบ VR จะแสดงไอคอน ผู้ใช้สามารถกำหนดแอคชั่นได้ตามต้องการ โดยแต่ละแอคชั่น
มีรายละเอียดังนี้
▪ Open Panorama เปิดภาพพาโนรามา 360 องศา
▪ Open Album เปิดอัลบั้มภาพ
▪ Video เปิดไฟล์วิดีโอ
▪ 360 Video เปิดวิดีโอ 360 องศา
▪ Audio เล่นไฟล์เสียง
▪ Open Floorplan เปิดแปลนแผนทที่

74. 70 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
▪ Popup Image แสดงป็อปอัพข้อมูลที่เป็นรูปภาพ
▪ Popup Video แสดงป็อปอัพข้อมูลที่เป็นวิดีโอ
▪ Popup Media แสดงป็อปอัพข้อมูลพาโนรามา อัลบั้ม วิดีโอ และวิดีโอ 360 องศา
▪ Open Info Window แสดงข้อมูลเป็นหน้าต่างที่แสดงข้อความตัวอักษร
▪ Popup Web Frame แสดงป็อปอัพหน้าเว็บไซต์ที่กำหนด
▪ Open URL เชื่อมโยงไปยังเว็บไซต์ที่กำหนด
▪ Download File ดาวน์โหลดไฟล์ที่กำหนด (แนะนำเป็นไฟล์เอกสาร PDF)
▪ Show/Hide Components แสดงหรือซ่อนองค์ประกอบในโหมดการทำงาน Skin
▪ Show/Hide Hotspots แสดงหรือซ่อนจุดเชื่อมโยงในภาพพาโนรามาหรือวิดีโอ 360 องศา
▪ Hotspots กำหนดแอคชั่นเหมือนจุดเชื่อมโยงอื่น
▪ Execute Javascript เขียนโปรแกรมจาวาเพื่อเพิ่มความสามารถให้กับระบบนำชมเสมือนจริง
▪ History กำหนดให้กลับไปยังส่วนที่ผ่านมา
▪ Social Sharing กำหนดแอคชั่นการแบ่งปันไปยังสื่อสังคมออนไลน์
▪ Media Control ควบคุมการแสดงผลภาพพาโนรามาและวิดีโอ 360 องศา
▪ List Control ควบคุมการเล่นแสดงผลของสื่อในรายการ
▪ Change Language กำหนดภาษาที่ใช้ในการแสดงผล
▪ Text to Speech กำหนดให้ระบบอ่านข้อความที่ปรากฏ
▪ E-Learning กำหนดการถามคำถามและการให้คะแนน

75. 71
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การทดสอบการแสดงผล
ระหว่างการทำงาน ผู้ใช้มีความจำเป็นต้องทดสอบการแสดงผล เพื่อดูผลลัพธ์ต่างๆ ไม่ว่าจะเป็นการ
แสดงผลภาพหรือแอคชั่นที่กำหนดไว้ สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Preview
2. ระบบนำชมเสมือนจริงจะแสดงผล

76. 72 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การจัดการส่งออกโปรเจ็คต์
การจัดเรียงลำดับภาพ
ก่อนส่งออกโปรเจ็คต์ ผู้ใช้จะต้องเรียงลำดับภาพให้เรียบร้อย สื่อทุกอย่างไม่ว่าจะเป็นภาพพาโนรามา
วิดีโอ 360 องศา อัลบั้มรูปภาพ และวิดีโอ จะถูกรวบรวมไว้ที่โหมดการทำงาน Publish โปรแกรมจะแสดงผล
โดยเริ่มจากภาพแรก การจัดเรียงลำดับภาพสามารถทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Publish
2. ไปที่ PlayList
3. คลิกเมาส์ค้างไว้ที่รูปภาพที่ต้องการ แล้วลากจัดเรียงลำดับภาพ
การใส่เสียงดนตรีพื้นหลัง
เสียงดนตรีพื้นหลัง เป็นเสียงที่จะเล่นทันทีเมื่อแสดงผลโปรเจ็คต์ และจะเล่นอยู่ตลอดเวลา สามารถ
ทำได้โดยมีขั้นตอนดังนี้
1. ไปที่ Publish
2. ไปที่ PlayList

77. 73
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
3. คลิก Add Audio ที่พาเนล Background Music
4. คลิกเลือกไฟล์เสียงที่ต้องการ
5. คลิก Open
6. กลับไปที่ภาพพาโนรามาที่ใส่เสียงไว้
7. ไปที่พาเนล Panorama Settings แล้วเลือกคำสั่ง Stop Global Music when it plays เพื่อให้เสียงพื้นหลัง
หยุดเล่น เมื่อปรากฎภาพพาโนรามา
หมายเหตุ
คำสั่ง Stop Global Music when it plays เป็นคำสั่งที่ใช้เพื่อไม่ให้เสียงในภาพพาโนรามาเล่นซ้อนทับกับเสียงพื้นหลัง และ
นอกจากโหมดการทำงาน Panoramas แล้ว หากผู้ใช้มีการใส่เสียงให้กับ Photo Albums, Videos และ 360 Videos จะมีคำสั่ง
Stop Global Music when it plays ให้เลือกเช่นเดียวกัน

78. 74 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
การจัดการหน้ารอโปรแกรมโหลด
เมื่อทดสอบการแสดงผลจะพบว่า จะมีหน้ารอโปรแกรมโหลดภาพและสื่อทั้งหมดมาแสดงผล ผู้ใช้
สามารถออกแบบหน้ารอโปรแกรมโหลดได้โดยมีขั้นตอนดังนี้
1. ไปที่ Loading
2. คลิกสิ่งที่ต้องการเพิ่ม
▪ Stylable and Multiline Text เพิ่มข้อความ
▪ Image เพิ่มรูปภาพ
▪ Video เพิ่มวิดีโอ
3. จัดรูปแบบและองค์ประกอบตามต้องการ
การส่งออกโปรเจ็คต์
เมื่อทดสอบโปรเจ็คต์จนเป็นไปตามที่ต้องการแล้ว ขั้นตอนสุดท้ายก็คือการส่งออกโปรเจ็คต์ สามารถ
ส่งออกได้หลากหลายรูปแบบตามลักษณะการใช้งาน สามารถทำได้โดยมีขั้นตอนดังนี้
1. คลิก Publish

79. 75
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
2. เลือกรูปแบบการส่งออกที่ต้องการ (ตัวอย่างเลือก For Web / Mobile)
3. กำหนดแพล็ตฟอร์ม
4. กำหนดไอคอนของระบบนำชมเสมือนจริง
5. กำหนดที่จัดเก็บไฟล์ระบบนำชมเสมือนจริง
6. คลิก Publish
7. คลิก OK

80. 76 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
8. จะได้ไฟล์ HTML5 ที่พร้ออัพโหลดขึ้นเว็บไซต์ไปเปิดได้ในทุกแพล็ตฟอร์ม
การเปิดโปรเจ็คต์ที่ส่งออกแล้ว
ระบบนำชมเสมือนจริงที่ส่งออกมาแล้วจะใช้ไฟล์ index.htm ในการเปิดเพื่อรับชมบนเบราว์เซอร์ แต่
ผู้ใช้จะต้องจำลองโฮสต์หรือใช้โฮสต์จริงจึงสามารถเปิดได้ หากต้องการเปิดโดยไม่มีโฮสต์สามารถทำได้โดยมี
ขั้นตอนดังนี้
1. เปิดโปรแกรม 3D Vista Tour Viewer

81. 77
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
2. ลากโฟลเดอร์ที่เก็บไฟล์ระบบนำชมเสมือนจริงมาวางไว้ที่หน้าต่าง 3D Vista Tour Viewer
3. ระบบนำชมเสมือนจริงจะถูกแสดงผล

82. 78 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
ตัวอย่างการแสดงผลจริง
การแสดงผลบนเบราว์เซอร์
การแสดงผลบนเบราว์เซอร์ จะแสดงผลแบบหน้าต่าง 2 มิติ (Monoscopic) ลักษณะการแสดงผลจะ
เป็นภาพแบน ผู้ใช้สามารถปฏิสัมพันธ์กับระบบนำชมเสมือนจริงได้ผ่านการคลิกเมาส์

83. 79
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
การแสดงผลในโหมด VR
การแสดงผลในโหมด VR จะทำได้ในสมาร์ทโฟนเท่านั้น เมื่อเข้าสู่โหมด VR แล้ว จะแสดงผลใน
รูปแบบ 3 มิติเลนส์คู่ (Stereoscopic)การแสดงผลจะสมจริงเสมือนอยู่ในสถานที่นั้นเมื่อสวมแว่นตาดิจิทัล (VR
Glasses) ผู้ใช้สามารถปฏิสัมพันธ์กับระบบนำชมเสมือนจริงได้ผ่านสายตา

84. 80 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
NOTE
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________

85. 81
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
NOTE
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________

86. 82 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
NOTE
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________

87. 83
วิทยากร : ดร.กฤษณพงศ์ เลิศบำรุงชัย
NOTE
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________

88. 84 การสร้างระบบนำชมด้วยเทคโนโลยีเสมือนจริง 3D Vista
NOTE
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________

90. TouchPoint.in.th
facebook.com/TouchPoint.in.th
YouTube.com/c/TouchpointTH