#problema ThreeJs

1 messages · Page 1 of 1 (latest)

lavish rivet
#

les agradeceria mucho si me pueden ayudar

lapis lily
#

que problema tienes?

lavish rivet
#

Lo que pasa es que EN cuanto te vas moviendo Los Cuadros cojen la texture del techo LAS paredes las imagenes de Los Cuadros y todo se rompe

lavish rivet
#

que quieres decir con proceduralmente

lapis lily
#

creando tu la geometria con primitivas de threejs

lavish rivet
#

si te comparto una pieza de codigo

#

const painting = new THREE.Mesh(
new THREE.PlaneGeometry(data.width, data.height),
new THREE.MeshBasicMaterial({ map: textureLoader.load(data.imgSrc)})
);

painting.position.set(data.position.x, data.position.y, data.position.z); 
painting.rotation.y = data.rotationY;
lapis lily
#

he visto el repositorio

lavish rivet
#

gracias

lapis lily
#

a ver sabes lo que es gltf supongo?

lavish rivet
#

nope acabo de aprender threeJS

lapis lily
#

es un formato de ficheros en 3d

lavish rivet
#

vale

lapis lily
#

puedes exportar de un programa en 3d vease blender

#

e importarlo en three usando su loader

lavish rivet
#

okay lo que pasa es que lo necesito para ma*ana

lapis lily
#

lol

#

y eso?

#

vale espera me clono tu proyecto

lavish rivet
#

es un deber para el colegio

#

un proyecto personal

lapis lily
#

ok ok

lavish rivet
lapis lily
#

ya pero no querras usar esto no?

lavish rivet
#

bomba

#

lo has hecho tu?🔥

lapis lily
#

si

lavish rivet
#

y lo has echo con blender

#

no se usar blender

#

gracias igual

lapis lily
#

a ver

#

tu codigo da errores

#

el modelo no lo he hecho yo lo he bajado de internet

#

yo estoy optimizandolo para web

#

dejame que vea el repo original

lavish rivet
#

bueno pero saberlo hacer ya es algo

#

tranqui si no encuentras la solucion

lapis lily
#

ya se donde esta tu problema

#

ese proyecto se ha creado con vite

#

que usa es modules tu estas usando sin transpilador

lavish rivet
#

gracias podrias decirme la solucion o donde encuentro el procedimiento para poner el transpilador

lapis lily
#

es usar vite no te lo van a aceptar en la escuela creo

#

a ver te cuento threejs esta preparado para trabajar con es modules sin empaquetar

#

pero los ejemplo estas no expuestos

lavish rivet
#

no importa por lo menos hago ver el proyecto que este bonito no esa mrd

lapis lily
#

three-stlib expone los ejemplos

#

import { PointerLockControls } from 'three/addons/controls/PointerLockControls.js';

#

estan en addons

#

import { PointerLockControls } from "./node_modules/three-stdlib";

#

hay que cambiar los imports

lavish rivet
#

si antes estaban importados desde three-stdlib

#

asi como lo ves

#

y en local funzionaba

#

pero cuando hacia el deploy en vercel

#

me daba errores

#

entonces tengo que cambiar esos importyds

lapis lily
#

no va a funcionar

#

pq tu solo tienes descargado three

lavish rivet
#

f

lapis lily
#

no te preocupes voy a copiarlo de uno de mis proyectos

#

a ver si funciona

lavish rivet
#

gracias

lapis lily
#

no funciona

lavish rivet
#

ya esta

#

bueno muchas gracias

lapis lily
#

no no espera

#

creo que lo puedo solucionar

lavish rivet
#

ice

#

si lo solucionas...

lapis lily
#

vale me he quitado errores de import

#

pero aun tengo 2 tuyos

lavish rivet
#

puede ser por el nombre del la imagen

#

que tiene espacios

lapis lily
#

creo que es pq tienes ..

#

vale era la extension faltaba ahora tengo errores de texturas para aburrir

#

has metido la carpeta public que se usa en vite pero tu no tienes vite

lavish rivet
#

raro bro

#

hice un npm create vite@latest

lapis lily
#

vale olvidate no vi eso

#

puedes usar vite entonces?

lavish rivet
#

sip

lapis lily
#

vale vale

lavish rivet
#

sera que tengo que hacer vite build o algo asi

lapis lily
#

enseñame tu package.json

lavish rivet
lapis lily
#

te falta three

lavish rivet
#

aaahhh

#

el del video lo hacia de forma diferente

#

ya lo instalo y te aviso

lapis lily
lavish rivet
#

si tranqui

lapis lily
#

solo te falta una imagen esto no da fallos

lavish rivet
#

cambia algo si pongo MeshLabertMaterial?

#

si no lo sabes tranqui

lapis lily
#

backdrop-filter:blur(15px) saturate(0); una cosa añade esto aqui

image.png
#

lamber necesita luces

#

meshbasic no

#

en todo caso meshPhysicalMaterial o meshStandardMaterial

#

y añade esto en el menu user-select: none;

# 
user-select: none;
#

para ser una primera version no esta mal

lavish rivet
#

okay

#

si despues lo hire mejorando

lapis lily
#

si lo vas a cambiar entonces avisame podemos cambiar las luces y crear modelo de la galeria con blender o bajar uno

lavish rivet
#

entonces tu lo ves bien todo no?

lapis lily
#

para clase si

#

ese modelo es gratis

#

podria ampliarlo en blender

lavish rivet
lapis lily
lavish rivet
#

te mando solicitud

lapis lily
#

otro

#

supongo que tu de react no idea verdad?

lavish rivet
#

acabo de aprender nextJS

#

las bases

lapis lily
#

pues entonces usaremos nex

#

next

lavish rivet
#

dale despues te aviso cuando termino la escuela

lapis lily
#

eso como ves es next

#

ok ya me avisas

lavish rivet
#

lastima por los errores de las textures

lapis lily
#

no es una textura es una imagen lo que da error

lavish rivet
#

no me refiero a esto

image.png
#

las paredes deberian estar grises

#

en cuanto te vas moviendo lo cambia

#

y no se porque

#

puede ser algo de mi pc

lapis lily
#

las paredes tienen texturas al menos en tu version

lavish rivet
#

y si te mueves lo ves bien?

lapis lily
#

si

lavish rivet
#

no cambia

#

vaaale

#

gracias me puedo ir a dormi

lapis lily
#

ok pues suerte yo creo que esta bien asi

lavish rivet
#

Yah