Este proyecto es una herramienta de diseño de eventos en 3D creada con React y Three.js. Permite a los usuarios seleccionar elementos como trusses, luces y altavoces desde un inventario y añadirlos a una escena 3D. Los elementos pueden ser posicionados en una rejilla con ajustes precisos y alineados de acuerdo a un sistema de grilla. Además, se pueden rotar y mover los objetos seleccionados usando el teclado y la rueda del mouse, así como manipular la vista de la cámara.
- Selección de Objetos: Selecciona objetos desde un inventario y colócalos en la escena 3D.
- Alineación en Rejilla: Los objetos se alinean automáticamente con una rejilla al ser posicionados.
- Contornos de Objetos Seleccionados: Los objetos seleccionados se resaltan con un contorno de color personalizado.
- Rotación de Objetos: Los objetos seleccionados pueden ser rotados usando la rueda del mouse.
- Movimiento de Objetos: Mueve los objetos seleccionados en la rejilla usando las flechas del teclado.
- Manipulación de la Cámara: La cámara puede rotar alrededor de la escena cuando se mantiene presionada la tecla
Espacioy se arrastra con el mouse.
- Node.js y npm
- React
- Three.js