Тёмный

🔮3D en nuestras web con Model Viewer de Google  

Latte And Code
Подписаться 10 тыс.
Просмотров 14 тыс.
50% 1

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

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@LatteAndCode
@LatteAndCode 2 года назад
💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: bit.ly/garaje-tech-talento
@andresfelipepizoluligo1471
@andresfelipepizoluligo1471 Год назад
Muchísimas gracias por el vídeo realmente me encantó
@LatteAndCode
@LatteAndCode Год назад
Gracias Andrés!
@willians387
@willians387 2 года назад
y como subo para mirarlo en el movil, nadie llega hasta alli, pero gran video latte and code
@backtobasics8438
@backtobasics8438 2 года назад
Se podria por ejemplo, poner el modelo 3d de una remera y al lado una paleta de colores y que el usuario va tocando los colores y cambia de color la remera? Como se podria hacer?
@espindolagonzalo9492
@espindolagonzalo9492 2 года назад
Me es imposible visualizar mi modelo .gltf, se supone que es soportado por model-viewer pero siempre lo muestra en blanco.
@SAL73VFX
@SAL73VFX 2 года назад
Checa las texturas si es modelo propio. Si no lo es prueba con los del sitio oficial.
@robbertomacias9299
@robbertomacias9299 2 года назад
Se podría por ejemplo, poner el modelo 3d de una remera y al lado una paleta de colores y que el usuario va tocando los colores y cambia de color la remera? Como se podría hacer? De un comentario de mas abajo. SI alguien tiene idea de como hacer esto, por favor coméntenlo.
@josebaquerejetaurteaga3536
@josebaquerejetaurteaga3536 4 года назад
Me ha fliplauuuuuuo! No lo conocía y siempre tuve la curiosidad .. Implementar esta librería dependerá mucho del tipo de navegador que se utilice, no?.
@LatteAndCode
@LatteAndCode 4 года назад
Hola Joseba! Pues tiene compatibilidad con todos los navegadores, bien de forma nativa bien mediante polyfills así que también han resuelto genial ese punto! Lo tienes al final de la documentación modelviewer.dev/
@alejandrojosefuquengutierr5508
@alejandrojosefuquengutierr5508 2 года назад
Hola una pregunta un modelo crea do por nosotros lo deja subir o solo modelos de Google ?
@LatteAndCode
@LatteAndCode 2 года назад
Funciona con cualquier tipo de modelo, Alejandro. Saludos!!!
@alejandrojosefuquengutierr5508
@alejandrojosefuquengutierr5508 2 года назад
@@LatteAndCode Y como lo podría hacer en ese caso?
@digito.binario
@digito.binario Год назад
Se puede hacer que el robot aparezca mas de una vez en la escena en diferente porsición?
@edgarmorales4217
@edgarmorales4217 2 года назад
Sabéis si soporta los objetos 3d de codecanyon?
@LatteAndCode
@LatteAndCode 2 года назад
No lo sé Edgar
@oorlyg
@oorlyg Год назад
Una pregunta como se guarda la animación, es decir, en qué formato y qué características tiene que tener?
@albertomatias8815
@albertomatias8815 4 года назад
Gran video! Disculpa , como puedo agregar multiples modelos en la misma pagina?Gracias!
@LatteAndCode
@LatteAndCode 4 года назад
Hola Alberto, la verdad es que no he probado a añadir dos, ¿te da algún problema?
@ladaula
@ladaula 3 года назад
Graaacias!!!!
@LatteAndCode
@LatteAndCode 3 года назад
De nada Javier!
@saoe7103
@saoe7103 3 года назад
Lo estoy usando en Wordpress y si funciona, sólo que me lo presenta en un tamaño de 300 x150px, como puedo hacerlo grande?
@LatteAndCode
@LatteAndCode 3 года назад
Creo recordar que depende tanto del modelo como del contenedor: modelviewer.dev/examples/loading/index.html Espero que te sirva Ernesto!
@federicobassetti7722
@federicobassetti7722 2 года назад
Hola!! buscando librerías para visualizar archivos de extensión gtlf te encuentro, muy bueno!! pero te consulto, se puede marcar una escena del modelo?
@camilo.magnus
@camilo.magnus 2 года назад
Hola. Usé el model viewer y parece perfecto. El problema es que no encontré como centrarlo, no se deja llevar por los padding ni margenes. ¿sabes como podría?
@edgarmorales4217
@edgarmorales4217 2 года назад
Flexbox o Grid
@camilo.magnus
@camilo.magnus 2 года назад
@@edgarmorales4217 El flexbox me funcionó en aquel entonces. Muchas gracias
@SAL73VFX
@SAL73VFX 2 года назад
Tu modelo debe estar en un contendedor, y este a su vez en otro donde uses Flex, por ejemplo. Así es como puedes centrarlo.
@erikmalagon5159
@erikmalagon5159 3 года назад
Excelente muchísimas gracias por compartir, ademas de ver el modelo 3d y las anotaciones se pueden agregar puntos como el rojo y el azul donde al presionarlos nos muestre información?
@LatteAndCode
@LatteAndCode 3 года назад
Hola Erik! Muchas gracias :) Sí, en la documentación tienes ejemplos de eso que pides: modelviewer.dev/examples/loading/index.html
@cobelli1978
@cobelli1978 2 года назад
@@LatteAndCode hola comoestan, agradecido por el contenido pregunto lo mismo no encontre en el contenido de ejemploque pueda colocarle etiquetas o botones al modelo 3d para que me de una descripcion... en que parte lo puedo encontrar?
@SAL73VFX
@SAL73VFX 2 года назад
Excelente tutorial, pero ¿como obtienes los puntos de coordenadas exactos del "data-position" para colocar marcadores en tu modelo, usas alguna herramienta o es a cálculo-como-Dios-te-da-a-entender? ¿O viene como hacerlo en la documentación oficial?
@LatteAndCode
@LatteAndCode 2 года назад
Hola Sal, no recuerdo cómo calculé los puntos para colocar las etiquetas (este vídeo lo grabé hace mucho). Pero supongo que son relativas al contenedor donde se muestra la caja por lo que no debería ser difícil!
@juliocesarsosa6427
@juliocesarsosa6427 3 года назад
Excelente video, ¿este viewer se podrá configurar para mostrar también los modelos en modo wireframe?
@LatteAndCode
@LatteAndCode 3 года назад
Hola Julio César, Muchas gracias por tu comentario. Pues la verdad es que no tengo ni idea… jajaja. Por wireframe a qué te refieres?
@pabloezequielpadula7278
@pabloezequielpadula7278 2 года назад
@@LatteAndCode se refiera a ver en modo maya metálica o rayos x, que se vea en forma de grilla
@realsign1
@realsign1 2 года назад
Sabes cómo se instala la librería? Un saludo.
@cobelli1978
@cobelli1978 2 года назад
Hola tengo una duda muy grande, es que quieroi colocarle anotaciones o algun botoncito a los modelos o etiquetas para que le pueda colocar descripcion eso se puede? agradeceria tu ayuda
@LatteAndCode
@LatteAndCode 2 года назад
Hola! Pues la verdad es que desconozco si se puede o no... Quizás en la documentación aparezca algo!
@infografia3d
@infografia3d Год назад
podrías poner las marcas en el modelo y fuera en la web con botones, css e ingenio mostrar la info que quieres
@mathias099
@mathias099 2 года назад
una actualización de este turorial con la nueva version de google viewer??
@LatteAndCode
@LatteAndCode 2 года назад
Vamos a ver qué puede hacerse!
@bieldiaz6557
@bieldiaz6557 3 года назад
Hey bro, en dispositivos android me esta cargando texturas en negro... que puede pasar?
@LatteAndCode
@LatteAndCode 3 года назад
Hummm creo que igual puede deberse a la versión de RN que tengas (pero no estoy seguro)
@sheidyyilmararamirezdaza7663
@sheidyyilmararamirezdaza7663 2 года назад
hola!! una pregunta como puedo descargar la librería? no comprendo como se instala y tengo esa gran duda
@LatteAndCode
@LatteAndCode 2 года назад
Hola! La puedes importar directamente como un script o instalarla mediante yarn!
@sheidyyilmararamirezdaza7663
@sheidyyilmararamirezdaza7663 2 года назад
@@LatteAndCode grax
@christopherbardales7221
@christopherbardales7221 3 года назад
de manera local se puede?
@LatteAndCode
@LatteAndCode 3 года назад
Probé y puedes traerte las librerías con npm / yarn y funciona sin problemas
@christopherbardales7221
@christopherbardales7221 3 года назад
@@LatteAndCode disculpa la molestia intente buscar la libreria y no la encontre me podrias pasar url
@LatteAndCode
@LatteAndCode 3 года назад
@@christopherbardales7221 Claro: www.npmjs.com/package/@google/model-viewer
@christopherbardales7221
@christopherbardales7221 3 года назад
@@LatteAndCode muchisimas gracias
@oscartello5281
@oscartello5281 3 года назад
sip, en local si funciona, ya lo probe con LiveServer de VSC, sin problemas!!!!
@susalien
@susalien 3 года назад
Hola! Estoy intentando probar esto pero me sale vacío :-( o sea no se me muestra el modelo, qué me faltaría añadir? sólo funciona con glb? Gracias!
@LatteAndCode
@LatteAndCode 3 года назад
Hola Susan! No recuerdo los formatos que soportaba pero sé que no eran muchos :( Seguramente en la consola tengas más información sobre el motivo de que no cargue. Un saludo!
@oscartello5281
@oscartello5281 3 года назад
me pasaba lo mismo, al momento de generar el gltf, crea otra carpeta con extensión .bin, sino esta en el mismo lugar que el .gltf no funciona, se queda en blanco =(
Далее
model-viewer: Web3D made easy with Chris Joel
16:43
Просмотров 21 тыс.
The Biggest Mistake Beginners Make When Web Scraping
10:21
ЗАБЛУДИЛИСЬ В ТРАВЕ #shorts
00:25
Просмотров 370 тыс.
Real respect sig
00:48
Просмотров 1,3 млн
Please stop using px for font-size.
15:18
Просмотров 157 тыс.
Always Check for the Hidden API when Web Scraping
11:50
The Story of Next.js
12:13
Просмотров 576 тыс.
ЗАБЛУДИЛИСЬ В ТРАВЕ #shorts
00:25
Просмотров 370 тыс.