เริ่มต้นใช้งาน Geospatial Creator สำหรับ Unity

1. ก่อนเริ่มต้น

Geospatial Creator ซึ่งขับเคลื่อนโดย ARCore และ Google Maps Platform ช่วยให้คุณสร้างประสบการณ์ Augmented Reality (AR) ในโปรแกรมแก้ไข Unity ได้ โดยใช้ API ไทล์ 3 มิติแบบสมจริงของ Google เพื่อแสดงตัวอย่างประสบการณ์การใช้งานในโลกจริงโดยไม่ต้องไปที่สถานที่นั้นๆ จริงๆ

ใน Codelab นี้ คุณจะได้เริ่มต้นใช้งาน Geospatial Creator คุณจะได้รับการตั้งค่าโปรเจ็กต์ Unity สำหรับการเริ่มต้นอย่างรวดเร็วและได้เรียนรู้วิธีการใช้งานเอดิเตอร์ หลังจากนั้น คุณจะนําเข้าชิ้นงานไปยังฉากและวางไว้ในดิจิทัลทวินของโลก คุณเพิ่มภาพเคลื่อนไหวลงในชิ้นงานเพื่อทำให้ชิ้นงานมีชีวิตชีวา สุดท้าย คุณจะดูเนื้อหาในอุปกรณ์ใน AR ได้

ข้อกำหนดเบื้องต้น

• ความรู้พื้นฐานเกี่ยวกับ AR

สิ่งที่คุณจะได้เรียนรู้

• วิธีตั้งค่าโปรเจ็กต์ ARCore Geospatial Creator ใน Unity
• วิธีไปยังส่วนต่างๆ ของSceneมุมมอง
• วิธีวางชิ้นงาน 3 มิติภายในScene
• วิธีเพิ่มลักษณะการทำงานอย่างง่ายให้กับชิ้นงาน
• วิธีเรียกใช้ประสบการณ์ AR บนอุปกรณ์

สิ่งที่คุณต้องมี

• การติดตั้ง Unity Hub
• อุปกรณ์ Android หรือ iOS ที่รองรับซึ่งกำหนดค่าสำหรับการพัฒนาแอป
• สำหรับอุปกรณ์เป้าหมาย Android คุณต้องติดตั้งและกำหนดค่า Android Studio เพื่อสร้างแอป Android และติดตั้ง บริการ Google Play สำหรับ AR ในอุปกรณ์พัฒนา Android
• สำหรับอุปกรณ์เป้าหมาย iOS ให้ใช้ Xcode

2. ตั้งค่าสภาพแวดล้อมในการพัฒนาซอฟต์แวร์

หากต้องการดึงข้อมูล 3D Tiles แบบสมจริงจาก Google Cloud คุณต้องตั้งค่าการให้สิทธิ์

ตั้งค่าโปรเจ็กต์ Google Cloud

1. สร้างโปรเจ็กต์ใน Google Cloud Console
2. ในกล่องข้อความชื่อโปรเจ็กต์ ให้ป้อนชื่อที่เหมาะสม เช่น ARCore Geospatial API project แล้วเลือกสถานที่ตั้ง
3. คลิกสร้าง
4. ในคอนโซล Google Cloud ในหน้าตัวเลือกโปรเจ็กต์ ให้คลิกสร้างโปรเจ็กต์

เปิดใช้ 3D Tiles API

หากต้องการเปิดใช้ 3D Tiles API ให้คลิกปุ่มต่อไปนี้ แล้วเลือกเปิดใช้

เปิดใช้ 3D Tiles API

เปิดใช้ ARCore API

หากต้องการเปิดใช้ ARCore API ให้คลิกปุ่มต่อไปนี้ แล้วเลือกเปิดใช้

เปิดใช้ ARCore API

สร้างคีย์ API สำหรับโปรเจ็กต์

1. ในคอนโซล Google Cloud ภายใน API และบริการ ให้เลือกข้อมูลเข้าสู่ระบบ
2. ที่ด้านบนของหน้า ให้คลิกสร้างข้อมูลเข้าสู่ระบบ แล้วเลือกคีย์ API
3. จดคีย์ไว้เนื่องจากคุณจะต้องใช้ในขั้นตอนถัดไป

ตั้งค่าซอฟต์แวร์

หากต้องการเริ่มต้นใช้งาน Geospatial Editor ให้ทำตามขั้นตอนต่อไปนี้

1. ใน Unity Hub ให้สร้างโปรเจ็กต์ 3D ด้วย Unity เวอร์ชัน 2021.3.17f1 ขึ้นไป
2. คลิก Window > Package Manager แล้วทำตามขั้นตอนต่อไปนี้เพื่อเพิ่มแพ็กเกจที่จำเป็น
   1. คลิก + > เพิ่มแพ็กเกจจาก URL ของ Git > https://github.com/google-ar/arcore-unity-extensions.git
   2. คลิกตัวอย่าง แล้วนำเข้าตัวอย่างข้อมูลเชิงพื้นที่
   3. file_downloadดาวน์โหลด Cesium สำหรับ Unity เวอร์ชันล่าสุด แล้วคลิก + > เพิ่มแพ็กเกจจากไฟล์ tarball > com.cesium.unity-1.0.0.tgz
3. หากยังไม่ได้ติดตั้ง ให้ทำตามขั้นตอนต่อไปนี้เพื่อติดตั้ง Shader Graph
   1. คลิกในโปรเจ็กต์ > Unity Registry
   2. ติดตั้ง Shader Graph

ตั้งค่าฉากตัวอย่างด้วยออบเจ็กต์ ARCore

1. ในแผงโปรเจ็กต์ ให้คลิกชิ้นงาน > ตัวอย่าง > ส่วนขยาย ARCore > 1.37.0 > ตัวอย่างเชิงพื้นที่ > ฉาก > เชิงพื้นที่
2. คลิกเลเยอร์ แล้วปิดใช้เลเยอร์ UI
3. คลิกแก้ไข > การตั้งค่าโปรเจ็กต์ > การจัดการปลั๊กอิน XR > ส่วนขยาย ARCore
4. กำหนดค่ากลยุทธ์การให้สิทธิ์คีย์ API สำหรับแพลตฟอร์มเป้าหมาย
5. เปิดใช้ฟีเจอร์เสริม Geospatial และ Geospatial Creator
6. ในแผงลำดับชั้น ให้คลิก + > XR > Geospatial Creator Origin
7. ในแผงลำดับชั้น ให้เลือกต้นทางของ AR Geospatial Creator
8. ในแผงเครื่องมือตรวจสอบในส่วนต้นทางของ Geospatial Creator ให้คลิกเพิ่มคอมโพเนนต์การอ้างอิงทางภูมิศาสตร์ของ Cesium
9. ในกล่องข้อความคีย์ API ของ Google Maps Tile ให้แทรกคีย์ API แล้วกด Enter (หรือ return ใน macOS)

3. ไปยังส่วนต่างๆ ในมุมมองฉากของ Unity

ในขั้นตอนนี้ คุณจะเห็นภาพ 3 มิติของพื้นที่รอบตัว

เปลี่ยนตำแหน่งของมุมมอง 3 มิติ

หากต้องการเปลี่ยนตำแหน่งของตัวอย่างไทล์สมจริง 3 มิติเป็นพื้นที่ใกล้เคียง ให้ทำตามขั้นตอนต่อไปนี้

1. ในแผงลำดับชั้น ให้เลือกออบเจ็กต์เกม AR Geospatial Creator Origin
2. ในแผงเครื่องมือตรวจสอบ ให้ทำตามขั้นตอนต่อไปนี้เพื่อเปลี่ยนค่าละติจูดและลองจิจูดเป็นสถานที่ใกล้เคียง
   1. ใช้ Google Maps เพื่อค้นหาสถานที่ใกล้คุณ
   2. คลิกขวาที่แผนที่ แล้วเลือกพิกัดที่ระบุเพื่อคัดลอกไปยังคลิปบอร์ด
      หลังจากแก้ไขค่าแล้ว การแสดงภาพ 3 มิติของโลกในหน้าต่างฉากจะเปลี่ยนไป
      

ควบคุมกล้องในวิวพอร์ต

หากต้องการค้นหาสถานที่ใกล้เคียงที่คุณต้องการวางเนื้อหาที่ยึดตามตำแหน่งทางภูมิศาสตร์ ให้ทำตามขั้นตอนต่อไปนี้

1. ใช้ปุ่มลูกศรขึ้นและลงเพื่อเลื่อนกล้องไปข้างหน้าและข้างหลัง
2. ใช้แป้นลูกศรซ้ายและขวาเพื่อเลื่อนมุมมอง
3. ขณะเคลื่อนที่ ให้กด Shift ค้างไว้เพื่อเคลื่อนที่เร็วขึ้น
4. หากหลงทาง ให้เลือกออบเจ็กต์ AR Geospatial Creator Origin ในแผงลำดับชั้น แล้วกด F เพื่อจัดกึ่งกลางมุมมองบนออบเจ็กต์นั้น

4. นำเข้าและวางชิ้นงาน 3 มิติ

หลังจากตัดสินใจเลือกสถานที่ใกล้คุณแล้ว คุณต้องนำเข้าชิ้นงานที่จะปรากฏในประสบการณ์ AR และยึดไว้ใกล้กับสถานที่ที่คุณเลือก

นำเข้าชิ้นงาน 3 มิติ

เราได้เตรียมชิ้นงานตัวอย่างไว้ให้คุณใช้ในโปรเจ็กต์เพื่อช่วยคุณใน Codelab นี้

หากต้องการนําเข้าชิ้นงานตัวอย่าง ให้ทําตามขั้นตอนต่อไปนี้

1. file_downloadดาวน์โหลดชิ้นงานเสือ
2. แตกไฟล์ที่เก็บถาวรแบบ ZIP
3. คลิกชิ้นงาน > นำเข้าชิ้นงานใหม่ ระบบจะนำเข้าชิ้นงานทั้ง 4 รายการไปยังโปรเจ็กต์
4. ในแผงโปรเจ็กต์ ให้ลากชิ้นงานโมเดลเสือไปยังแผงฉาก

ปรับขนาดและเปลี่ยนตำแหน่งชิ้นงาน

หากต้องการวางชิ้นงานในตำแหน่งที่ถูกต้อง ให้ทำตามขั้นตอนต่อไปนี้

1. ในแผงลำดับชั้น ให้ตรวจสอบว่าได้เลือกชิ้นงานโมเดลเสือแล้ว
2. ในมุมมอง Scene ให้ตรวจสอบว่าได้เปิดใช้เครื่องมือปรับขนาดแล้ว จากนั้นลากก้อนสีขาวเพื่อปรับขนาดชิ้นงานตามต้องการ
   
3. ในScene ให้ตรวจสอบว่าได้เปิดใช้เครื่องมือย้ายแล้ว จากนั้นเลือกการควบคุมสีแดง น้ำเงิน หรือเขียว แล้วลากเมาส์เพื่อเปลี่ยนตำแหน่งชิ้นงาน ตัวควบคุมที่มีสีแต่ละตัวจะล็อกมิติข้อมูลหนึ่งๆ และช่วยให้คุณย้ายออบเจ็กต์ไปตามแกนนั้นได้
   

ยึดเนื้อหาตามภูมิศาสตร์

หากต้องการยึดเนื้อหาของคุณกับโลกแห่งความเป็นจริง ให้ทำตามขั้นตอนต่อไปนี้

1. ในแผงลำดับชั้น ให้ตรวจสอบว่าได้เลือกชิ้นงานโมเดลเสือแล้ว
2. ในแผงเครื่องมือตรวจสอบ ให้กดเพิ่มคอมโพเนนต์เพื่อเพิ่ม AR Geospatial Creator Anchor

5. เติมชีวิตชีวาให้ชิ้นงาน

โปรแกรมแก้ไข Unity ช่วยให้คุณเขียนโปรแกรมประสบการณ์ AR ที่น่าสนใจด้วยประสิทธิภาพของระบบนิเวศ Unity

หากต้องการใช้ภาพเคลื่อนไหวรายการใดรายการหนึ่งที่ให้ไว้ในโปรเจ็กต์เริ่มต้นเพื่อทำให้เสือเคลื่อนไหวแบบวนซ้ำ ให้ทำตามขั้นตอนต่อไปนี้

1. ในแผงลำดับชั้น ให้เลือกโมเดลเสือ
2. คลิกเพิ่มคอมโพเนนต์เพื่อเพิ่มแอนิเมเตอร์
3. ในส่วน Animator ให้เลือก Controller แล้วใช้ชิ้นงาน Tiger idle animation controller ที่ให้ไว้

6. ดูชิ้นงานใน AR

สุดท้าย คุณจะดูชิ้นงานใน AR บนอุปกรณ์ Android หรือ iOS ที่รองรับ ARCore ได้

เรียกใช้แอปบนอุปกรณ์

1. คลิกไฟล์ > การตั้งค่าการสร้าง แล้วเลือกแพลตฟอร์มการสร้าง Android หรือ iOS
2. คลิกเปลี่ยนแพลตฟอร์ม
3. ทำตามขั้นตอนเพิ่มเติมเพื่อกำหนดการตั้งค่าเพลเยอร์
4. ตรวจสอบว่าอุปกรณ์ที่ใช้พัฒนาเชื่อมต่อและกำหนดค่าสำหรับการพัฒนาแล้ว
5. คลิกสร้างและเรียกใช้

7. บทสรุป

ยินดีด้วย คุณได้เรียนรู้วิธีใช้ Geospatial Creator ใน Unity เพื่อสร้างประสบการณ์ AR เชิงพื้นที่

ดูข้อมูลเพิ่มเติม

• Geospatial Creator สำหรับ Unity ใน Google Developers