hola muchas gracias por el video¡¡¡, estaría bueno como agregarle interactiva a los objetos (algún ejemplo sencillo seria una caja q cuando aprietes un botón en pantalla se abra). gracias y saludos desde argentina
@@NachoDacal_ink Recibido Crypto Music. Para este asunto, prepararemos algún tutorial en concreto dentro de la serie HTML que estamos preparando para el canal 👍. Aún así, si te refieres a la serie de cómo crear una dapp, en el capítulo 27 se tratan los player, que por orden creo que le toca salir a principios de la semana que viene.
Amigo muchas gracias por el contenido esta increible espero que sigas profundizando y en el futuro cercano cree proyectos maravillosos que con seguridad lo vere, te haz ganado un suscritor
Muchas gracias por el apoyo! Te dejo el enlace a la lista de reproducción completa. Subimos contenido periódicamente 👍 th-cam.com/play/PLDllzmccetSPVF3JN6OFazp39N00yHE3A.html
Bro la forma de implementar three js a cambiado revisa la documentacion ahora se usa simplemente import * as THREE from 'three'; en un archivo js y puedes modificar el codigo directamente
Muy buen video esta genial , me re interesó estaría bueno que explicasen como agregarle textura, color y sombra a esos objetos, si existe algunas forma Saludos
@@estebanpiccardo6765 Hola Esteban, esto puedes hacerlo modificando en la función animate la position.x position.y y position.z del objeto en cuestión, 👍
Buenas mis amigos, son super interesantes videocursos, tengo una pregunta. He tratado de instalar la libreria de PARCEL en VSC pero no lo he logrado parque me dice que esta decontinuado, que puedo hacer, o hay alguna alternativa, gracias por compartir sus conocimientos, saludos.
Me gustaria saber como se puede importar, es decir, haciendo uso del npm i three y ya que funciones. Mi propósito es hacer un cliente/servidor y que el cliente utilice threejs
muchas gracias GOGODEV por compartir tan valioso video, a mi me aparece la pantalla en blanco y al inspeccionar me dice : A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced., gracias de antemano.
me sale la pantalla negra pero el cubo me sale super delgado como una linea
Document
const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth, window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); const geometry = new THREE.BoxGeometry(); const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 }); const cube = new THREE.Mesh(geometry, material); scene.add(cube);
Hola buenas! El error está en la perspective camera, que el ratio no se ha especificado correctamente. En lugar de width / heigth, has especificado width, height. La solución sería: const camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); En lugar de: const camera = new THREE.PerspectiveCamera(45, window.innerWidth, window.innerHeight, 0.1, 1000); Un abrazo!
Hola Axel! Envíame un enlace al repo para que pueda echarle un ojo. Si inspeccionamos la consola del navegador probablemente haya algún mensaje de error de qué puede estar sucediendo.
GOGODEV muy buen video. Si, me gustaría trabajar un avatar de forma humana hablando, luego callando mientras el usuario ingresa información y luego el avatar respondiendo. Gracias
Hola Pablo! Una propuesta muy interesante. En el próximo vídeo de la serie estaremos viendo cómo importar modelos, que sería el siguiente paso para construir tu avatar con threejs Muchas gracias por tu apoyo!
¿Qué otro punto de threeJS os gustaría conocer? Pensando en continuar por intreractividad con orbit controls. ¿Cómo lo veis? 🤔
hola muchas gracias por el video¡¡¡, estaría bueno como agregarle interactiva a los objetos (algún ejemplo sencillo seria una caja q cuando aprietes un botón en pantalla se abra). gracias y saludos desde argentina
@@lautarosilvera8103 oído cocina Lautaro! 👍
Hola .. a mi me gustaria poder agregar audio en lo que seria la pagina de web 3 .. gracias
@@NachoDacal_ink Recibido Crypto Music. Para este asunto, prepararemos algún tutorial en concreto dentro de la serie HTML que estamos preparando para el canal 👍.
Aún así, si te refieres a la serie de cómo crear una dapp, en el capítulo 27 se tratan los player, que por orden creo que le toca salir a principios de la semana que viene.
@Jose P Te lo dejo por aquí 👍
th-cam.com/video/PlXvatQIosk/w-d-xo.html
Es la primera vez que veo algo en 3d y lo entendi perfecto. Gracias. me gustaria profundizar en la libreria Three js
Muchas gracias María Paula! A por ello!
th-cam.com/users/shortszBKiS6XoUuA?si=FJwqoV5zyPnTWc3P
Me ha gustado mucho el tutorial. Lo has explicado muy sencillo y claro. Eso no es fácil. Enhorabuena
Muchas gracias Agustín!
Preparando nuevo video de la serie ThreeJS : importación de modelos. 👍
@Jose P Desde cualquier software de edición que soporte formatos estandarizados y/o soportados por threejs. Por supuesto, blender es uno de ellos
te has ganado un suscriptor :D muy bien explicado para los que desconocemos esta herramienta
¡Muchas gracias, Carlos!
Genial tu vídeo. Seguiré viendo los demás. Espero que tengas más vídeos sobre esto. Es muy interesante. Gracias
Gracias por compartir tus conocimiento en three js 🔥, quiero empezar a aprenderlo.
Amigo muchas gracias por el contenido esta increible espero que sigas profundizando y en el futuro cercano cree proyectos maravillosos que con seguridad lo vere, te haz ganado un suscritor
Muchas gracias David! Ánimo con esos proyectos! 💪
De lujo la clase, por favor continuar, este canal llegará muy lejos !
Muchas gracias por el apoyo! Te dejo el enlace a la lista de reproducción completa. Subimos contenido periódicamente 👍
th-cam.com/play/PLDllzmccetSPVF3JN6OFazp39N00yHE3A.html
brutal contenido master !!!!
¡Muchas gracias Fabián!
Esta bueno three. Aparte hay poco contenido en español
Genial, super bien explicadisisisimo Gracias !!!
Gracias por tu apoyo, Humberto!
GRACIAS ES GENIAL ... ESTOY APRENDIENDO MUY BIEN
Muchas gracias crypto music!
Segundo vídeo de threeJS publicado 🎉
Increíble contenido!
Muchas gracias!
Buen video, gracias.
Gracias Ignacio!
amigo no funciona el enlace al codigo de la libreria que podria hacer para poder avanzar muchas gracias
Bro la forma de implementar three js a cambiado revisa la documentacion ahora se usa simplemente import * as THREE from 'three'; en un archivo js y puedes modificar el codigo directamente
Excelente contenido.
Muchas gracias Jose!
Muy buen video esta genial , me re interesó
estaría bueno que explicasen como agregarle textura, color y sombra a esos objetos, si existe algunas forma
Saludos
Claro que sí. Tomo nota Esteban para próximos vídeos de la serie de threeJS. Gracias!
En cuanto al de sombras, ya lo tienes disponible. Es el segundo vídeo de la serie ThreeJS 😉
@@GOGODEV ok, muchas gracias
otra cosa que me preguntaba, es: como puedo hacer para que se mueva el cubo aleatoriamente por toda la pantalla
@@estebanpiccardo6765 Hola Esteban, esto puedes hacerlo modificando en la función animate la position.x position.y y position.z del objeto en cuestión, 👍
Buenas mis amigos, son super interesantes videocursos, tengo una pregunta. He tratado de instalar la libreria de PARCEL en VSC pero no lo he logrado parque me dice que esta decontinuado, que puedo hacer, o hay alguna alternativa, gracias por compartir sus conocimientos, saludos.
no se si es facil o lo has explicado muy bien o las 2, como sea, muchas gracias
¡Muchas gracias Raúl! Eso es que se te da bien :)
Gracias por este video
Gracias a ti por verlo!
Me gustaria saber como se puede importar, es decir, haciendo uso del npm i three y ya que funciones. Mi propósito es hacer un cliente/servidor y que el cliente utilice threejs
😍
Genial, muchas gracias
Gracias amigo.
Amigo, a mi no me aparece y ya hice todo lo que esta en el video, y no se si es el código que se actualizo pero necesito ayuda
a mi tampoco me aparece deja ingresar al link three.js.org/build/three.js y no puedo continuar el tutorial
genial, yo creia que estas cosa se hacian en canvas
En el caso de ThreeJS, usa webGL :)
No logro acceder a la base para hacer lo primero que hiciste three js
Gracias.
Gracias por verlo!
muchas gracias GOGODEV por compartir tan valioso video, a mi me aparece la pantalla en blanco y al inspeccionar me dice : A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced., gracias de antemano.
Hola Hugo! Si puedes envíame lo desarrollado en un zip a jjruiz@gogodev.net y le echo un ojo. Un abrazo!
me sale la pantalla negra pero el cubo me sale super delgado como una linea
Document
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth, window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 5;
function animate() {
requestAnimationFrame( animate );
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
Hola buenas!
El error está en la perspective camera, que el ratio no se ha especificado correctamente. En lugar de width / heigth, has especificado width, height.
La solución sería:
const camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
En lugar de:
const camera = new THREE.PerspectiveCamera(45, window.innerWidth, window.innerHeight, 0.1, 1000);
Un abrazo!
Escribi todo el codigo correctamente pero no se me genero el canvas y por ende cree una pagina en blanco, que puedo hacer?
Hola Axel! Envíame un enlace al repo para que pueda echarle un ojo. Si inspeccionamos la consola del navegador probablemente haya algún mensaje de error de qué puede estar sucediendo.
El link que pones en la descripción me sale 404
amigo no funciona el enlace al codigo de la libreria me podrias ayudar porfa
a mi tampoco me aparece deja ingresar al link three.js.org/build/three.js y no puedo continuar el tutorial
El ink de la librería ya no existe, podrán compartirme el vigente de favor?
ya lo encontraste?
@@contrerashernandezjonathan1833 No
GOGODEV muy buen video. Si, me gustaría trabajar un avatar de forma humana hablando, luego callando mientras el usuario ingresa información y luego el avatar respondiendo. Gracias
Hola Pablo! Una propuesta muy interesante. En el próximo vídeo de la serie estaremos viendo cómo importar modelos, que sería el siguiente paso para construir tu avatar con threejs
Muchas gracias por tu apoyo!
El link esta caido :/
a mi el node no me funciona me da error
Compartir archivos please
a mi tampoco me aparece deja ingresar al link three.js.org/build/three.js y no puedo continuar el tutorial
No me crea el canvas
Hola! Puedes indicarme qué error genera para poder ayudarte?
la música es bastante molesta y estresa
y encima habla lento
la musica molesta bastante
a alguien mas se salió un rectángulo o solo a mi :'v?
Jeje. No te preocupes Erick. Si compartes el código en un repositorio le echo un ojo y vemos el porqué.