Submit Search
Upload
WebXR Export บน Unity 2020
•
0 likes
•
190 views
Banyapon Poolsawas
Follow
การทำ WebXR Export สร้าง WebXR บน Unity เวอร์ชัน 2020.3.1F พร้อมติดตั้ง XR WebEmulator
Read less
Read more
Education
Report
Share
Report
Share
1 of 15
Download now
Download to read offline
Recommended
Virtualbox
Virtualbox
Rose Banioki
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
Dr.Kridsanapong Lertbumroongchai
ณหทัย ซอเฮง รหัส 56170219
ณหทัย ซอเฮง รหัส 56170219
cream3703
Gisบี
Gisบี
cream3703
capture_56170178
capture_56170178
Tiew Athit
Web dav android
Web dav android
Annez Varaporn
Web dav android (1)
Web dav android (1)
Annez Varaporn
Project Oracle VirtualBox
Project Oracle VirtualBox
Sasinun Ui-ai
Recommended
Virtualbox
Virtualbox
Rose Banioki
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
Dr.Kridsanapong Lertbumroongchai
ณหทัย ซอเฮง รหัส 56170219
ณหทัย ซอเฮง รหัส 56170219
cream3703
Gisบี
Gisบี
cream3703
capture_56170178
capture_56170178
Tiew Athit
Web dav android
Web dav android
Annez Varaporn
Web dav android (1)
Web dav android (1)
Annez Varaporn
Project Oracle VirtualBox
Project Oracle VirtualBox
Sasinun Ui-ai
เอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Future
Banyapon Poolsawas
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Banyapon Poolsawas
DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5
Banyapon Poolsawas
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
Banyapon Poolsawas
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Banyapon Poolsawas
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Banyapon Poolsawas
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Banyapon Poolsawas
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Banyapon Poolsawas
Designing the Future of Game 2020
Designing the Future of Game 2020
Banyapon Poolsawas
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Banyapon Poolsawas
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Banyapon Poolsawas
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Banyapon Poolsawas
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Banyapon Poolsawas
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Banyapon Poolsawas
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Banyapon Poolsawas
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
Banyapon Poolsawas
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
Banyapon Poolsawas
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
Banyapon Poolsawas
ANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment Technology
Banyapon Poolsawas
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
Banyapon Poolsawas
More Related Content
More from Banyapon Poolsawas
เอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Future
Banyapon Poolsawas
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Banyapon Poolsawas
DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5
Banyapon Poolsawas
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
Banyapon Poolsawas
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Banyapon Poolsawas
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Banyapon Poolsawas
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Banyapon Poolsawas
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Banyapon Poolsawas
Designing the Future of Game 2020
Designing the Future of Game 2020
Banyapon Poolsawas
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Banyapon Poolsawas
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Banyapon Poolsawas
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Banyapon Poolsawas
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Banyapon Poolsawas
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Banyapon Poolsawas
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Banyapon Poolsawas
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
Banyapon Poolsawas
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
Banyapon Poolsawas
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
Banyapon Poolsawas
ANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment Technology
Banyapon Poolsawas
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
Banyapon Poolsawas
More from Banyapon Poolsawas
(20)
เอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Future
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Designing the Future of Game 2020
Designing the Future of Game 2020
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
ANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment Technology
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game by Ant s...
WebXR Export บน Unity 2020
1.
WebXR UNITY 3D
Virtual Reality ด้วย WebXR
2.
WebXR AUGMENTED REALITY ทําการสร้าง
New Project ขึ้น มาใหม่ เป็น Templates 3D หลังจากนั้นให้เรารอหน้าจอ ประมวลผลให้เรียบร้อย
3.
WebXR AUGMENTED REALITY ไปที่เมนู
File เลือก Build Settings… หลังจากนั้นให้ Switch Platform เป็น WebGL เลือก WebGL หลังจากนั้นเลือก Switch Platform ไปที่เมนู Windows หลังจากนั้นเลือก Package Manager เพื่อติดตั้ง 3rd Party อีกตัวที่จะทําให้ Unity สามารถสร้าง WebXR สําหรับทดสอบ VR ในฉากได้
4.
WebXR AUGMENTED REALITY https://github.com/De-Panther/unity-webxr-export เราจะใช้
Library ตัวแรกของ WebXR ที่ชื่อว่า WebXR Export ไปใช้งานกับ Unity โดย Repo ที่เราจะใช้งานนั้นมี URL ว่า: https://github.com/De-Panther/unity-webxr-export.git?path=/Packages/webxr กดเครื่องหมาย + ใน Package Manager แล้วเลือก Add Package from git URL… ใส่ URL ของ Repo ลงไป
5.
WebXR AUGMENTED REALITY กดเครื่องหมาย
+ ใน Package Manager แล้วเลือก Add Package from git URL… ใส่ URL ของ Repo ลงไป รอบนี้ใช้ WebXR Interaction https://github.com/De-Panther/unity-webxr-export.git?path=/Packages /webxr-interactions
6.
WebXR AUGMENTED REALITY กดที่
WebXR Interactions แล้วไปที่ Samples กดดู Sample Scene หลังจากนั้น Import ไปที่ Samples เลือก WebXR Interactions เลือก 0.12.0-preview หลังจากนั้นเลือกที่ Sample Scene ไปที่ Folder ชื่อ Scenes แล้วเลือก Desert
7.
WebXR AUGMENTED REALITY ไปที่
File -> Build Settings… แล้วไปที่ Player Settings... ไปที่ Publishing Settings ส่วนของ Compression Format เลือก Disabled คลิกที่ XR Plug-in Management หลังจากนั้นให้ทําการ Activate ส่วนของ WebXR
8.
WebXR AUGMENTED REALITY ไปที่
Window เลือก WebXR เลือก Copy WebGLTemplates ไปที่ File -> Build Settings… แล้วไปที่ Player Settings... ไปที่ Resolution and Presentation เลือก WebGL Template แล้วเลือก WebXRFullView2020
9.
WebXR AUGMENTED REALITY การทดสอบ
WebXR ในเครื่องคอมพิวเตอร์ของตนเอง
10.
WebXR AUGMENTED REALITY ใช้เวลาสักพักหนึ่งจะเปิด
Browser ขึ้นมาเป็น http://localhost เว็บที่เปิดได้แค่เครื่อง เราเครื่องเดียว เราจะใช้ Emulator ของ WebXR มาใช่งานผ่าน Browser
11.
WebXR AUGMENTED REALITY เปิดเว็บ
ดาวน์โหลดติดตั้ง Plug-in ของ Chrome หรือ Edge ที่ https://chrome.google.com/webstore/detail/webxr-api-em ulator/mjddjgeghkdijejnciaefnkjmkafnnje?hl=en การใช้งานให้เปิดผ่าน Developer Mode บน Browser
12.
WebXR AUGMENTED REALITY
13.
WebXR AUGMENTED REALITY
14.
WebXR AUGMENTED REALITY หากมี
Website อยู่แล้ว ให้ FTP โยนไฟล์ขึ้นไปบน Hosting ของ Website ก็สามารถส่งเว็บไซต์เป็น WebXR ให้ผู้อื่นเล่นได้เลย การนําโมเดลไปใช้ให้เกิดการ หยิบจับได้ให้ตั้งค่า Inspector มี RigidBody, Collider และ Mouse Drag ก็สามารถหยิบจับของได้แล้ว
15.
AR FOUNDATION World
Scale Augmented Reality
Download now