Aprende Three JS 🕋 Importar modelos 3D y uso de HRDI #4

Показать описание

0:00:00 - INTRODUCCIÓN
0:01:21 - HERRAMIENTAS NECESARIAS
0:03:51 - CÓMO DESCARGAR Y VISUALIZAR EL EJERCICIO DESDE GITHUB
0:11:38 - OBTENCIÓN DE MODELOS Y MAPAS HDRI
0:19:05 - SETUP DEL MODELO
0:36:55 - IMPORTACIÓN DEL MODELO 3D

Enlace al código usado en el vídeo:

Enlace a la serie completa ThreeJS:

En este vídeo vamos a ver cómo utilizar importat modelos 3D en ThreeJS, y a usar la iluminación de entorno HDRI. ThreeJS es una librería de JavaScript para renderizar gráficos 3D a tiempo real en el navegador.

Рекомендации по теме

Комментарии

Exelente video, me gusta el ritmo de trabajo que llevo debido a la buena explicación

loro

Encontrar videos de esta calidad en español vale oro, un abrazo!

victorandrespolo

Buenisimo, contenido de calidad en español 👌

darioquizhpi

A mi me salió un error al ejecutar el npm install y lo solucione eliminando solamente el archivo package-lock.json y corrí el comando nuevamente y ya instalo mis node_modules y corrí el servidor sin problema. Por si alguien le llega a pasar.

TecnologiaEnElMundo

sabes como seria el proceso para subir algo con modelos eso hecho de esa forma en github

travis

Hola excelente video, tengo un problema para castear sombras, ya agregue a la escenea "renderer.shadowMap.enabled = true" a mi geometria "model.castShadow = true" y al plano "plane.receiveShadow = true" a demás de una luz direccional, pero no logro ver las sombras sobre el plano

Pindassh

Genial el video, una pregunta, al crear el servidor no se crea la carpeta assets y no me muestra el nada al hacer correr el proyecto. ¿Qué se puede hacer?

thewilwix

estoy trabajando con archivos .dae, logré cargar el modelo, pero los materiales (texturas en jpg y png que tengo) no logro que carguen.
Qué puedo hacer?

Walter-APSTI

1 | {
> 2 | "extendes": [
> | Did you mean "extends"? (este aparece en rojo)
4 | ],
" como los puedo solucinar?

nicjuan

una preungta, el modelo 3D gltf que descargué no se ve... dice que no se encuentra lo intenté sin RGBE ya que no tengo el hdr del archivo ni en ninguno que descargo con gltf lo tiene, que podria hacer??

DayanaLizethToroMeneses

como hacer que el OrbitControls no pueda moverse en -z, es decir abajo del piso ?

artesanotecnologico

creo que algunas librerías están obsoletas y me suelta errores al ejecutar npm install u, u

JuanRodriguez-jwix

Aprende Three JS 🕋 Importar modelos 3D y uso de HRDI #4

Aprende Three JS 🕋 Importar modelos 3D y uso de HRDI #4

Guía Básica De ThreeJS: Dibuja En 3D En El Navegador Con JavaScript - Episodio 1 | GOGODEV

importar archivos obj en three.js 3d facil y rapido paso a paso en español 2022 / html / javascript...

CÓMO EMPEZAR CON THREEJS de manos de un EXPERTO

Cómo crear un juego con JavaScript y three js - gltfloader - importar modelos a three js

How to Learn Three.js in 2024 ( Full Guide )

Aprenda THREE.JS em (menos de) 30 Minutos 📦

Adding a 3D model to a website using THREE.JS

Import Blender Scene To Three JS - Using ThreeJS Editor

Three.js - De Cero a Pro

Introducción a Three.js con React en español – Conceptos Generales 🤟

como crear un juego / Como importar modelos glb y gltf / Javascript / three js / css / html

Aprende Three JS 🕋 3D en la web con JavaScript #2

🌳Primeros pasos con Three.js tus primeros modelos 3D con JavaScript

¿Qué c*rajo es three.js?

Tutorial de Threejs - Parte 8: Loaders | Usando STLLoader para importar un modelo STL

Carga modelos 3D con React de manera sencilla

Three.js Tutorial Español - 01 - Fundamentos threejs

Tutorial de Threejs - Part 9: Loaders | Usando 3MFLoader para importar un modelo en formato 3MF

Best Programming Languages #programming #coding #javascript

Three.js explained in 100 seconds with example (2023)

Add an Interactive 3D Model to Your Website // Three.js Tutorial for Beginners

SnitchyAI - Coding with three.js without knowin three.js

What Is Three.js? How Can You Learn It? ft @BrunoSimon | Prismic