Perfecto, acá tenés una descripción detallada y específica para que otra IA pueda entender y construir un “Character Maker” estilo SIMS en 3D, usando Three.js, con toda la lógica visual y de interacción integrada:  🧠 Descripción completa del proyecto: Character Maker 3D estilo SIMS Queremos crear un generador de personajes 3D interactivo, al estilo del creador de personajes de Los Sims, utilizando Three.js. El sistema debe permitir a los usuarios personalizar visualmente un personaje masculino o femenino desde una interfaz clara, intuitiva y amigable. A continuación se detallan los componentes y comportamientos necesarios para que una IA pueda implementarlo paso a paso:  📌 Estructura general de la interfaz El personaje 3D se muestra al centro de la pantalla, con iluminación y cámara que lo enfoquen completamente.  El personaje debe poder rotarse con el mouse o touch, para ver cómo queda desde distintos ángulos.  A la derecha, hay una barra vertical con pestañas (tabs) que representan categorías principales de personalización:  👕 Ropa  💇 Pelo  🧍 Cuerpo  👟 Calzado  😃 Accesorios  🎨 Colores  🧩 Comportamiento de las categorías y subcategorías Al hacer clic en una categoría (por ejemplo, Ropa), se despliega una segunda fila de pestañas horizontales justo debajo, que representan subcategorías de esa categoría:  Si la categoría es "Ropa", las subcategorías pueden ser:  Remeras  Pantalones  Camperas  Vestidos  Cada subcategoría abre una galería visual tipo carrusel o grid, que contiene miniaturas (thumbnails) representando diferentes opciones visuales.  Al hacer clic en una miniatura, se aplica el objeto 3D o textura correspondiente al personaje 3D en tiempo real, reemplazando la prenda actual de esa parte del cuerpo.  🎮 Interacción y render del personaje El personaje debe ser un modelo humanoide en 3D (puede cargarse en formato .glb o .fbx).  Cada parte del cuerpo debe estar separada por slots o zonas (torso, piernas, cabeza, pies), para poder intercambiar ropa, cabello y otros elementos sin afectar las demás zonas.  Los objetos 3D de cada prenda o accesorio deben poder reemplazarse dinámicamente en el modelo, usando scene.add() y scene.remove() o bien usando visibility y switch material.  🎨 Opciones adicionales Algunas categorías (como Pelo o Ropa) deberían tener además una paleta de colores que permita cambiar el color base del ítem seleccionado.  El personaje puede tener una opción para cambiar de género o tipo de cuerpo (ej. Masculino/Femenino), lo cual debe cargar otro modelo base y resetear las prendas actuales.  📂 Estructura técnica sugerida (Three.js + HTML/CSS/JS o React) Un canvas principal (<canvas id="character-viewer">) para mostrar el modelo con Three.js.  Panel lateral derecho con pestañas (<div class="tabs">) para las categorías.  Subpanel dinámico que se rellena con las subcategorías y sus respectivas miniaturas.  Cada opción del usuario dispara una función que carga o cambia un asset 3D en la escena.  Assets 3D separados por categorías y con nombres coherentes para su carga dinámica desde /assets/ropa/remeras/modelo1.glb, etc.  ✅ Objetivo final Que el usuario pueda construir su personaje de forma visual, rápida, divertida y fluida, tal como en el creador de SIMS, con cambios en tiempo real, modelo giratorio, y posibilidad de personalización profunda.
onstruir un “Character Maker” estilo SIMS en 3D, usando Three.js, con toda la lógica visual y de interacción integrada:  🧠 Descripción completa del proyecto: Character Maker 3D estilo SIMS Queremos crear un generador de personajes 3D interactivo, al estilo del creador de personajes de Los Sims, utilizando Three.js. El sistema debe permitir a los usuarios personalizar visualmente un personaje masculino o femenino desde una interfaz clara, intuitiva y amigable. A continuación se detallan los componentes y comportamientos necesarios para que una IA pueda implementarlo paso a paso:  📌 Estructura general de la interfaz El personaje 3D se muestra al centro de la pantalla, con iluminación y cámara que lo enfoquen completamente.  El personaje debe poder rotarse con el mouse o touch, para ver cómo queda desde distintos ángulos.  A la derecha, hay una barra vertical con pestañas (tabs) que representan categorías principales de personalización:  👕 Ropa  💇 Pelo  🧍 Cuerpo  👟 Calzado  😃 Accesorios  🎨 Colores  🧩 Comportamiento de las categorías y subcategorías Al hacer clic en una categoría (por ejemplo, Ropa), se despliega una segunda fila de pestañas horizontales justo debajo, que representan subcategorías de esa categoría:  Si la categoría es "Ropa", las subcategorías pueden ser:  Remeras  Pantalones  Camperas  Vestidos  Cada subcategoría abre una galería visual tipo carrusel o grid, que contiene miniaturas (thumbnails) representando diferentes opciones visuales.  Al hacer clic en una miniatura, se aplica el objeto 3D o textura correspondiente al personaje 3D en tiempo real, reemplazando la prenda actual de esa parte del cuerpo.  🎮 Interacción y render del personaje El personaje debe ser un modelo humanoide en 3D (puede cargarse en formato .glb o .fbx).  Cada parte del cuerpo debe estar separada por slots o zonas (torso, piernas, cabeza, pies), para poder intercambiar ropa, cabello y otros elementos sin afectar las demás zonas.  Los objetos 3D de cada prenda o accesorio deben poder reemplazarse dinámicamente en el modelo, usando scene.add() y scene.remove() o bien usando visibility y switch material.  🎨 Opciones adicionales Algunas categorías (como Pelo o Ropa) deberían tener además una paleta de colores que permita cambiar el color base del ítem seleccionado.  El personaje puede tener una opción para cambiar de género o tipo de cuerpo (ej. Masculino/Femenino), lo cual debe cargar otro modelo base y resetear las prendas actuales.  📂 Estructura técnica sugerida (Three.js + HTML/CSS/JS o React) Un canvas principal (<canvas id="character-viewer">) para mostrar el modelo con Three.js.  Panel lateral derecho con pestañas (<div class="tabs">) para las categorías.  Subpanel dinámico que se rellena con las subcategorías y sus respectivas miniaturas.  Cada opción del usuario dispara una función que carga o cambia un asset 3D en la escena.  Assets 3D separados por categorías y con nombres coherentes para su carga dinámica desde /assets/ropa/remeras/modelo1.glb, etc.  ✅ Objetivo final Que el usuario pueda construir su personaje de forma visual, rápida, divertida y fluida, tal como en el creador de SIMS, con cambios en tiempo real, modelo giratorio, y posibilidad de personalización profunda.  ¿Querés que esto lo convierta en un prompt para una IA como GPT-4, Claude o Gemini? ¿O necesitás que te genere el esqueleto de código base para empezar el proyecto?