Тёмный

Three.js WebXR - AR Image Tracking Tutorial 

FireDragonGameStudio
Подписаться 1,5 тыс.
Просмотров 3,6 тыс.
50% 1
ВидеоПоделитьсяСкачатьДобавить в

A short tutorial about how to use the #WebXR #AR #ImageTracking draft in #threejs with #Vite.
- Three.js
threejs.org/
- ViteJS
vitejs.dev/
- ViteJS Basic SSL
github.com/vitejs/vite-plugin...
- WebXR Image Marker Tracking Draft
github.com/immersive-web/mark...
- Smartphone Mirroring ScreenCopy scrcpy
github.com/Genymobile/scrcpy
00:00 Intro
00:55 Project Setup
04:14 Implementation
16:15 Testing
17:24 Demo and Outro

Наука

Опубликовано:

 

22 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 14   
@BogacGuven
@BogacGuven 7 месяцев назад
Nice tutorial thanks. I have a question, is it possible to turn off the video feed after I see the marker image is being tracked, only showing virtual 3D environment. I can't find any information related to that. As if 'immersive-ar' mode forces camera feed be shown on display.
@firedragongamestudio
@firedragongamestudio 7 месяцев назад
good question, the easiest way would be to just end the immersive-ar mode if there is no need for the camera stream. if you need the device sensor data, just switch to vr mode then.
@zenbauhaus1345
@zenbauhaus1345 8 месяцев назад
Thx .🎉
@chaosprint
@chaosprint 5 месяцев назад
thanks for making this. why not use a public wikipedia image, build it and deploy it on somewhere like Netlify?
@firedragongamestudio
@firedragongamestudio 5 месяцев назад
You can do that if you want :)
@nethunipuna4752
@nethunipuna4752 3 месяца назад
thanks for the tutorial. can you provide github link of the project?
@firedragongamestudio
@firedragongamestudio 2 месяца назад
Source Code access is for Tier3 subscribers only. But you can just re-type the code from the video, if you're looking for free source :)
@nethunipuna4752
@nethunipuna4752 2 месяца назад
@@firedragongamestudio i retype your code from your video. But it not working. I think it happen because of the three js new updates
@arpu4967
@arpu4967 11 дней назад
on what devices does this work? on all android?
@firedragongamestudio
@firedragongamestudio 11 дней назад
it should work on all android devices afaik. but the image tracking itself is not finalized yet, so there may be limited support.
@SAVDatla999
@SAVDatla999 5 месяцев назад
please can u do this in react js please....
@firedragongamestudio
@firedragongamestudio 5 месяцев назад
i put it on my list. may take while unfortunately
@Strix_lol
@Strix_lol 7 месяцев назад
did u just delete my comment? x)
@firedragongamestudio
@firedragongamestudio 7 месяцев назад
no, wasn't even aware that there was a comment from you. but youtube sometimes deletes comments automatically, no joke!
Далее
WebXR from scratch in 15 minutes using Babylon.js!
16:05
WebXR from scratch in 15 minutes using Babylon.js!
Просмотров 117
Webinar - AR Wayfinding Launch | CAPTUR3D
56:43
Webinar - AR Wayfinding Launch | CAPTUR3D
Просмотров 2,5 тыс.
Хочешь быстро, сделай сам. Прадо 120 4.0 бензин.
1:03:28
Хочешь быстро, сделай сам. Прадо 120 4.0 бензин.
Просмотров 267 тыс.
No one will play with him( #standoff #meme #grenade
00:12
No one will play with him( #standoff #meme #grenade
Просмотров 365 тыс.
ЭТО УЖАС! СТОЛЬКО МЕТАЛЛА Я ЕЩЁ НЕ ВИДЕЛ! ДВИГАТЕЛЯ, РАМЫ ЗАПЧАСТИ. НАХОДКИ 200-300 Килограмм КАЖДАЯ
27:27
ЭТО УЖАС! СТОЛЬКО МЕТАЛЛА Я ЕЩЁ НЕ ВИДЕЛ! ДВИГАТЕЛЯ, РАМЫ ЗАПЧАСТИ. НАХОДКИ 200-300 Килограмм КАЖДАЯ
Просмотров 441 тыс.
🇰🇷ТЕСТИРУЮ ХАЙПОВУЮ КОРЕЙСКУЮ МАСКУ🇰🇷 || больше моей жизни в тгк: марк калинин💫
01:00
🇰🇷ТЕСТИРУЮ ХАЙПОВУЮ КОРЕЙСКУЮ МАСКУ🇰🇷 || больше моей жизни в тгк: марк калинин💫
Просмотров 230 тыс.
Building a Multi-User VideoChat application with Unity and WebRTC
45:57
Building a Multi-User VideoChat application with Unity and WebRTC
Просмотров 1,3 тыс.
Interactive AR Invitation Card for L'Oreal Paris RevitaLift Cream
0:36
Interactive AR Invitation Card for L'Oreal Paris RevitaLift Cream
Просмотров 19 тыс.
Elon Musk ANNOUNCES New Tesla Bot 2.0 - Optimus Gen 3! BIG Upgrade Design & Features ! DECEMBER!
19:14
Elon Musk ANNOUNCES New Tesla Bot 2.0 - Optimus Gen 3! BIG Upgrade Design & Features ! DECEMBER!
Просмотров 54 тыс.
Indoor navigation using augmented reality
1:55
Indoor navigation using augmented reality
Просмотров 16 тыс.
Is this strange, old NAS still worth using?
14:15
Is this strange, old NAS still worth using?
Просмотров 57 тыс.
The Story of AR isn't ours - it's yours. Please watch and comment if it applies. Thanks!
10:27
The Story of AR isn't ours - it's yours. Please watch and comment if it applies. Thanks!
Просмотров 64
Block ALL DAMAGE with NO INVESTMENT in 3.25 - Gladiator Buff
11:34
Block ALL DAMAGE with NO INVESTMENT in 3.25 - Gladiator Buff
Просмотров 83 тыс.
Polkadot Decoded 2024 - INCOGNITEE: PRIVACY FOR DOT TRANSACTIONS
31:24
Polkadot Decoded 2024 - INCOGNITEE: PRIVACY FOR DOT TRANSACTIONS
Просмотров 13
AR from scratch in 10 minutes using Unreal Engine 5.3!
11:27
AR from scratch in 10 minutes using Unreal Engine 5.3!
Просмотров 6 тыс.
Aura 879dsp новинка и хит
0:48
Aura 879dsp новинка и хит
Просмотров 160 тыс.
MAC mini вместо старой винды! #пк #игры #гейминг #сборкапк #игровойпк #apple #mac
0:54
MAC mini вместо старой винды! #пк #игры #гейминг #сборкапк #игровойпк #apple #mac
Просмотров 1 млн
Easy Art with AR Drawing App - Step by step for Beginners
0:27
Easy Art with AR Drawing App - Step by step for Beginners
Просмотров 15 млн
Это Xiaomi Su7 Max 🤯 #xiaomi #su7max
1:01
Это Xiaomi Su7 Max 🤯 #xiaomi #su7max
Просмотров 1,5 млн
СhatGPT вживили в мозг, блокировка YT осенью, Windows на iPad. Главные новости технологий!
11:56
СhatGPT вживили в мозг, блокировка YT осенью, Windows на iPad. Главные новости технологий!
Просмотров 32 тыс.
Как правильно выключать звук на телефоне?
0:17
Как правильно выключать звук на телефоне?
Просмотров 1,8 млн
С Какой Высоты Разобьётся Айфон ?😳 #рекомендации
0:31
С Какой Высоты Разобьётся Айфон ?😳 #рекомендации
Просмотров 1,1 млн