No video
Realidad Aumentada y Virtual desde la Web | WebXR
Рет қаралды 12,141
Күн бұрын🌐 Creando una aplicación Realidad virtual y Realidad Aumentada que puede ser ejecutada desde la una pagina web. Herramientas totalmente gratis.
Demo AR y VR: unityadventurees.github.io/We...
🔗 Contacto 😏
🐦→ Twitter: / unityadventure
📷 → Instagram: / unity_adventure
🐼 → Discord: / discord
🔰 Links:
🔹 SimpleWebXR → github.com/Rufus31415/Simple-...
🔹 SimpleWebXR Packages → github.com/Rufus31415/Simple-...
🔹 Descargar MRTK → www.microsoft.com/en-us/downl...
🔹 Local server para WebGL → github.com/processing/p5.js/w...
🔹 MRTK → docs.microsoft.com/en-us/wind...
📖 Contenido
00:00 Introducción
00:20 Configuración Unity WebGL
01:35 SimpleWebXR
02:53 SimpleWebXR en Unity
04:00 Creación de pagina Web GitHub
05:40 Test en Realidad Virtual
05:57 Test en Realidad Aumentada
06:54 MRTK
07:43 Descargar e integrar MRTK
08:45 SimpleWebXR + MRTK
11:16 Test en Realidad Aumentada
12:06 Test en Realidad Virtual
#Unity #WebXR #Tutorial
@julianguerrero318 2 жыл бұрын
Que canal tan genial, muchas gracias por tu trabajo, sigue así!!
@UnityAdventure 2 жыл бұрын
Hola, Gracias por tu apoyo, así será, pronto más contenido (VR, AR, GameDev ...) Saludos.
@DiegoRodriguez-bo7rv 2 жыл бұрын
Que crack amigo gracias por el video
@UnityAdventure 2 жыл бұрын
Hola, Con gusto x), gracias por tu apoyo. Saludos.
@jhonrymat 2 жыл бұрын
genial, sigue así que excelente contenido.
@UnityAdventure 2 жыл бұрын
Hola, Gracias a ti por tu apoyo :). Saludos.
@andresnieto249 Жыл бұрын
huy excelente informacion muy relevante gracias me suscribo :)
@UnityAdventure Жыл бұрын
Hola, Gracias por tu apoyo, Saludos
@patomariano Жыл бұрын
voy por el minuto 4, y ya te digo que sos un genio
@UnityAdventure Жыл бұрын
Hola, Gracias por tu apoyo, Un abrazo
@jhonsebastiangomez2755 Жыл бұрын
Que buen tutorial !!!!
@UnityAdventure Жыл бұрын
Hola, Gracias por tu apoyo, Es un gusto, Saludos
@lokito85ja 2 жыл бұрын
Muy buen video estimado, se puede hacer image tracking o sobre grounplane con MRKT?
@UnityAdventure 2 жыл бұрын
Hola, MRTK no soporta Image Tracking, pero si soporta spatial awareness. Para Image tracking desde Web necesitas usar otro SDK. Saludos
@Top10-4YOU 2 ай бұрын
Hola parcero. Muchas gracias por el video. Una pregunta. Es que cuando intento abrir un proyecto de WebGl en un android (No he probado en IOS), no se inicia la cámara del teléfono cuando selecciono entrar al modo AR, se queda en la pantalla gris. Estoy usando unity 2021, tendría que hacer alguna configuración o instalar algún paquete extra? Esto que haces sólo funciona con Unity 2019 o estoy haciendo algo mal? Muchas gracias.
@UnityAdventure 2 ай бұрын
Hola, Si, es la version 2019, no estoy seguro si exista problemas con las nuevas versiones. intenta probar mi demo para ver si funciona: unityadventurees.github.io/WebXR/ Saludos
@armandoseguil2835 Жыл бұрын
Excelente video, se podría hacer todo esto multijugador, por ejemplo que en el proyecto que hiciste en este video, puedan 2 o más usuarios entrar a un mismo escenario?
@UnityAdventure Жыл бұрын
Hola, Gracias por tu apoyo, Es posible pero te recomiendo que uses esta herramienta kzfaq.info/get/bejne/pK-lq5aQ3bnZgHk.html Saludos
@ericcastro007 2 жыл бұрын
Hola, amigo, cómo te llamás? Es para dirigirme un poquito hacia vos con más acercamiento. Una pregunta: Todos esas herramientas de MRTK se pueden adaptar a objetos 3D personalizados nuestros? Supongamos que yo quiero presentar el Producto de un cliente , el cuál es , por ejejmplo: un sombrero. entonces yo puedo adaptarle esos Handlers que sirven para escalarlo, girarlo, etc? Gracias, amigo. Y vuelvo a agradecerte el genial canal que has creado.
@UnityAdventure 2 жыл бұрын
Hola xd. Si quieres únete al servidor de Discord: discord.gg/TBjZuCSmG2 en la comunidad la gente habla con más confianza. En cuanto MRTK, claro que si, MRTK tiene muchos scripts de interacción, manipulación, selección etc. Es un SDK muy completo, 100% recomendado. Saludos, y de nuevo gracias por tu apoyo
@Agua.Fiestas 3 ай бұрын
Hola, gracias por tutorial! me he suscrito. Tengo una duda, puedo subirlo a cualquier servidor? para usar fuera de github pages? en ese caso sería con el mismo proceso? Saludos y gracias. mucho éxitos!
@UnityAdventure 2 ай бұрын
Hola, No estoy seguro si es posible, te recomiendo que preguntes en el repositorio de github: github.com/Rufus31415/Simple-WebXR-Unity Saludos
@Agua.Fiestas 2 ай бұрын
@@UnityAdventure gracias por responder. He visto que la gente sube los juegos a glitch (o algo así) pero me gustaría saber si se puede exportar , por ejemplo, un controlador de first person sencillo a webGL y subirlo a un servidor propio. Eso estaría muy bien. Me refiero a que no tiene que ser VR o AR, me conformaría con hacer un pequeño escenario navegable en web. Saludos y gracias ;)
@user-gs3jz1uk6m 10 ай бұрын
Holaaaaa, muy bien video, pero queria ver si me puedes ayudar con mi duda, la ultima herramienta ¿Acepta la implementacion de videos sobre el material de un objeto 3D? ¿Si se veria el video ya en la pagina de internet?
@UnityAdventure 10 ай бұрын
Hola, No entiendo bien tu pregunta, podrias ser mas detallado. Saludos
@delafount.musica Жыл бұрын
Hola de nuevo jjjj, una pregunta, puedo añadir mis propios objetos 3D en la escena o solo puedo visualizar los que trae por defecto ?
@UnityAdventure Жыл бұрын
Hola, Si claro cualquier objeto, y para interactuar agregas el script interactable. Saludos
@zattnerflyt_tech 5 ай бұрын
etngo una preginta, esto lo puedo integrar en una aplicacion que ya tenga? una aplicacion de react o bueno de front end? como podria? ya que esto genera el build como hago para incluir esto en mi proyecto
@UnityAdventure 5 ай бұрын
Sinceramente, nunca lo he intentado, así que no puedo decirte si funciona o no. ¡Podrías intentarlo. Saludos. 🌟
@cursorv7803 2 жыл бұрын
Hola me ha sido de mucha ayuda tu tutorial, intente realizar un proyecto con esto todo carga en el WEBXR pero no me detecta las manos estoy utilizando oculus rift s porque sera?
@UnityAdventure 2 жыл бұрын
Hola, Oculus Rift no soporta Hand Tracking Gracias por tu apoyo, Saludos
@javierdiaz6007 2 жыл бұрын
hola! muy bueno el video. gracias! te hago una consulta; lo probe a este mecanismo, tambien modelviewer de google, A-FRAME en distintos celulares con andrid y la RA no funciona. sabes que puede ser?
@UnityAdventure 2 жыл бұрын
Hola, probaste el build de este tutorial? Que error te genera? Saludos
@javierdiaz6007 2 жыл бұрын
@@UnityAdventure hola! Si probe tu demo y el problema es que oprimo el boton de realidad aumentada, me pide el permiso pero luego no pasa nada. Lo que creo es que el problema esta en los servicios de google play para AR. Que dejo de ser compatible con mi celular, pero por lo que veo tambien con muchísimos mas. Lo rato es que si me funciona la RA si uso marcadores con ar.js.. pero queria justamente no usarlls
@UnityAdventure 2 жыл бұрын
@@javierdiaz6007 Hola, intenta abrir la pagina de la demo, escribiendo el link directamente en tu navegador. Saludos
@SAL73VFX 2 жыл бұрын
Tampoco me funciona la app AR, sin embargo, hice un demo en HTML sin RA ni RV con model-viewer y me abre sin problemas el objeto3D, incluso lo hice "responsive". Pero el WEBXR simplemente tampoco me jala y lo probé en 2 celulares.
@inteligenciafutura Жыл бұрын
Hola, al compilar aparece el logo de unity?
@UnityAdventure Жыл бұрын
Hola, Si, mientras no compres la licencia de unity siempre te saldra el logo. Saludos
@leabarrionuevo 2 жыл бұрын
excelente!! una una consulta, tiene algún image target webXR?
@UnityAdventure 2 жыл бұрын
Hola, Gracias por tu apoyo, Muy pronto. Saludos
@rominar.8958 7 ай бұрын
Obtengo el mensaje "WebGL builds are not supported on mobile devices." . Tenés idea de còmo solucionarlo ? Gracias
@UnityAdventure 6 ай бұрын
Hola, Te recomiendo que veas el Git del paquete, si quieres usar algo más estandar, te recomiendo ver Needle Engine. Saludos
@SusYPom Жыл бұрын
Podrias actualizar el video para Unity 2021?
@UnityAdventure Жыл бұрын
Hola, Si, lo intentaré y también mostraré otras herramientas para crear WebXR. En este vídeo muestro otra herramienta: kzfaq.info/get/bejne/pK-lq5aQ3bnZgHk.html Gracias por tu apoyo, Saludos
@SusYPom Жыл бұрын
@@UnityAdventure La use, pero note que no puedo modificar la escena por razones de licencia
@sergioduque4320 2 жыл бұрын
A mi no me carga la app, me aparece este error: Unable to parse Build/Build.framework.js.gz! This can happen if build compression was enabled but web server hosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding: gzip" present. Check browser Console and Devtools Network tab to debug.
@UnityAdventure 2 жыл бұрын
Hola, En donde estas desplegando la pagina, en GitHub? Saludos,
@federicotejedor8876 3 ай бұрын
hi,did you find a solution?
@geovanism6466 Жыл бұрын
Otimo , mas posso adicinar outros objetos ? Tipo prefabs e assetbundles ?
@UnityAdventure Жыл бұрын
Hola, si, puedes hacerlo
@graphicsseion790 2 жыл бұрын
Gracias por el contenido. Lamentablemente en el apartado de Mixed Reality Toolkit solamente me aparece la opción "Mixed Reality Toolkit GPU Stats 1.0.2. ((Last updated 3/2/2022)) También me ha pedido instalar NET. 5. ¿Alguna solución? Saludos.
@UnityAdventure 2 жыл бұрын
Hola, Podrías describirme en que parte estas teniendo este problema? Saludos.
@graphicsseion790 2 жыл бұрын
@@UnityAdventure Si, en el minuto 8:07 haces click en discover features y en la pestaña Mixed Reality Toolkit se te da l aopción de seleccionar hasta 10 herramientas, a mi nadamás me da la opción de seleccionar Mixed Reality Toolkit GPU Stats versión 1.0.2.
@UnityAdventure 2 жыл бұрын
@@graphicsseion790 Hola, asegurate de descargar correctamente MRTK y de abrir `MixedRealityFeatureTool` también asegurate de selecionar la carpeta de poryecto de Unity. Si necesitas mas ayuda, puedes unirte al servidor de Discord: discord.gg/TBjZuCSmG2 Saludos
@emmacastillo7616 Жыл бұрын
ALguna de estas herraminetas me permite trabajar con image targets con webGL? o alguien conoce con cuál herramienta podria trabajar?
@UnityAdventure Жыл бұрын
Hola, Desde Unity es muy limitado, Si quieres hacerlo para web te recomiendo que uses 8thWall. Saludos
@SAL73VFX 2 жыл бұрын
Buenas. Hice el tutorial y lo abrí para celulares Motorola - Android - y solo abre la página de Unity y dice que se carga, pero de ahí no pasa. La Realidad Aumentada no abre. Y veo en los comentarios abajo que es un problema común en varios, ¿alguien ha resuelto el problema o sabe como solucionarlo? los celulares son nuevos, pero no abren las aplicaciones, se quedan en pantalla negra y crashean o simplemente se congelan los browsers en esa etapa. ¿Habrá algún otro método de RA que sea sencillo y sin complicaciones? Saludos. Gracias por el tutorial.
@UnityAdventure 2 жыл бұрын
Hola, Yo lo he probado en android y funciona perfecto, En donde estas desplegando la app, en GitHub? Prueba mi Demo: unityadventurees.github.io/WebXR/ Para utiliarlo en android copia el link y pegalo en el UR del navegador. Cuentame como te va, Saludos
@luisorlando2001 2 жыл бұрын
Genioooo me encanta tu video gracias, hay forma de que directamente entre a WEB AR sin que aparezca la primera ventana?
@UnityAdventure 2 жыл бұрын
Hola, Para ser honesto contigo, no estoy seguro, pero creo que es posible. Saludos
@progama-dores3015 2 жыл бұрын
Que buen video, esta libreria se le puede integrar el servicio con el celular bluetooth?
@UnityAdventure 2 жыл бұрын
Hola, Honestamente nunca he usado el Bluetooth del telefono, pero cuentame que piensas hacer. Saludos,
@progama-dores3015 2 жыл бұрын
@@UnityAdventure es una solucion donde quiero insertar modelos 3d pero tambien mostrar en realidad aumentada valores de varibales que me mandaran algunos sensores, para ello ocupo que el dispositivo se comunique via bluetooth para recibir los valores de un microcontrolador.
@mOviEmAkEr267676 5 ай бұрын
Un poco tarde para comentar pero me he quedado atascado en lo más sencillo. Cuando subo la carpeta "TemplateData", sencillamente, me dice "Commit failed"; no me da ninguna explicación, solo se queda así. Es muy frustrante. ¿A alguien más le ha pasado? Antes me decía que no soportaba archivos mayores de 25MB pero reducí el proyecto a 16MB, dándome el error que describo.
@UnityAdventure 5 ай бұрын
Hola, Dime que versiones de Unity y MRTK estas usando y trataré de probar para ver que sucede. Saludos
@mOviEmAkEr267676 4 ай бұрын
@@UnityAdventure La versión de Unity es 2022.3.13f1; el MRTK ni idea, no llegué a esa parte. De todas maneras, ya encontré un servidor alternativo, no te preocupes.
@brayanrojas290 Жыл бұрын
Muy buen tutorial, pero al ejecutar en el navegador me aparece la siguiente excepción: RuntimeError: memory access out of bounds,RuntimeError: memory access out of bounds sabes por que será?
@UnityAdventure Жыл бұрын
Hola, Que version de Unity estas usando? Saludos
@brayanrojas290 Жыл бұрын
@@UnityAdventure Hola, estoy usando la versión 2021.3.19f1
@creativeillustration-yu5zs Жыл бұрын
Hola me da un error la pagina ---> Unable to parse Build/build.framework.js.gz! Me podrias ayudar ha hacerlo local?
@UnityAdventure Жыл бұрын
Hola, Este es un paquete experimental, te recomendaría que agregarás ese error en el Git del paquete, si no te recomiendo que veas este vídeo : Needle Engine - Lleva tu contenido a la Web - Fácil Rápido y Eficaz kzfaq.info/get/bejne/pK-lq5aQ3bnZgHk.html Needle Engine si es estaba y recibe soporte contante, Saludod
@creativeillustration-yu5zs Жыл бұрын
Muchas gracias intententare probar con esa opcion,mucha buena suerte con tu canal y que siga creciendo cada dia mas 😁
@UnityAdventure Жыл бұрын
Gracias por tu apoyo, Saludos 🖖
@edwinpaniagua739 2 жыл бұрын
Hola, muy buenos videos. Me podrías explicar por fa, como realizar la configuración para que se pueda ver la pagina WEbXR desde un IOs. Mil Gracias.
@UnityAdventure 2 жыл бұрын
Hola, Segun la documentacion, github.com/Rufus31415/Simple-WebXR-Unity Para iOS necesitas: Mozilla WebXR Viewer on iOS (⚠️ WebGL 2.0 should be disabled, it's a Webkit experimental feature) Saludos
@edwinpaniagua739 2 жыл бұрын
@@UnityAdventure Vale, muchas gracias, te consulto vuforia fuciona para WebXR en iphone?
@UnityAdventure 2 жыл бұрын
Hola, no, vuforia no soporta Web
@omarmendoza5972 2 жыл бұрын
Al final desde que dispositivo es el que tocas el piano? yo eh probado con varios dispositivos y no suena y con un iPhone 13 pro max, da error en los navegadores y nunca carga.
@UnityAdventure 2 жыл бұрын
Hola, Yo tengo un teléfono Android y un casco de realidad virtual Oculus Quest 2. ¿Con que dispositivos has probado? Para que funcione correctamente en iOS necesitas Mozilla WebXR Viewer en iOS (⚠️ WebGL 2.0 debe estar desactivado, es una característica experimental de Webkit)7 Cuéntame como te va, saludos.
@omarmendoza5972 2 жыл бұрын
@@UnityAdventure probé en un Android Galaxy A50 y si bien me carga la realidad aumentada no existe sonido al tocar el piano, probé en un ipad pro de primera generación con safari y con Chrome y no carga la realidad aumentada solo vista de la web, y en el iPhone 13 pro max no me carga nada, pero probaré con lo que me comentas del mozilla.
@omarmendoza5972 2 жыл бұрын
@@UnityAdventure En el iPad ya funciona pero sigue sin sonido, pero en el iphone sigue sin funcionar, como se desactiva el WebGL 2.0 que mencionas?
@UnityAdventure 2 жыл бұрын
Hola, Me parece muy extraño que no te reproduzca el sonido, quizás se cargó mal tu página. Intenta desde la demo que tengo disponible, la cual funciona perfectamente: unityadventurees.github.io/WebXR/ Importante, copia el link y ábrelo directamente en el navegador de Chrome (android). En cuanto a la opción WebGL 2.0, intenta con este tutorial kzfaq.info/get/bejne/apqalLZiytLTqWw.html Cuéntame si logras solucionarlo, Saludos.
@javierdiaz6007 2 жыл бұрын
@@omarmendoza5972 hola! en android te cargo sin problema? yo probe en dos dispotivios y en ninguno me carga la realidad aumentada... tenes que hacer algun otro paso?
@cad3dsol Жыл бұрын
funciona con la unity 2021
@UnityAdventure Жыл бұрын
Hola, Si, deberia funcionar sin problema, Saludos
@gatoespacial458 Жыл бұрын
Es gratis permanentemente o por tiempo limitado?
@UnityAdventure Жыл бұрын
Hola, Es 100 gratis Saludos
@gatoespacial458 Жыл бұрын
@@UnityAdventure podrías actualizar el tutorial a la version de 2021?
@aristasstudios4864 2 жыл бұрын
Hola excelente video, hice todo tal cual indicas pero va a la pagina y no sale nada para ingresar a la aplicacion, estube mirando la configuracion del github y sale Domain is not a valid public domain. Domain is not properly formatted. cuando me meto a las pagina mia, gracias
@UnityAdventure 2 жыл бұрын
Hola, El Repositorio esta publico?
@rajabboyrajabov7014 Жыл бұрын
I have "Unable to parse Build/Build.framework.js.gz! This can happen if build compression was enabled but web server hosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding: gzip" present. Check browser Console and Devtools Network tab to debug." problem
@UnityAdventure Жыл бұрын
Hello, Are you using Git?
@rajabboyrajabov7014 Жыл бұрын
@@UnityAdventure Yes
@rajabboyrajabov7014 Жыл бұрын
Build and Run working, but Build and GitHub don't work
@federicotejedor8876 3 ай бұрын
hi,did you find a solution?
@Andy_Metaverse 2 жыл бұрын
Unable to parse Build/build.framework.js.gz! :( Eso me sale cuando arranco la web desde mi servidor propio
@UnityAdventure 2 жыл бұрын
Hola, Que tipo servidor tienes? Saludos,
@federicotejedor8876 3 ай бұрын
hi,did you find a solution?
Unity Adventure
Рет қаралды 14 М.
Davos Meza
Рет қаралды 144 М.
AllInReality
Рет қаралды 32 М.