Este proyecto utiliza THREE.js para crear una experiencia interactiva en 3D que simula una fiesta. Los usuarios pueden interactuar con objetos 3D como un toroide, una bola de discoteca y un avatar, y controlar la música a través de interacciones en la interfaz.
- Animación de Objetos 3D: Toroide y bola de discoteca animados que giran automáticamente.
- Interacción con el Avatar: Al hacer clic en el avatar, los usuarios pueden reproducir o pausar la música.
- Fondo Interactivo: El fondo de la escena utiliza una textura que simula un ambiente de fiesta.
- Estrellas Aleatorias: Generación de estrellas en posiciones aleatorias para simular un cielo nocturno.
- Animación de Cámara: La posición de la cámara cambia con el desplazamiento de la página para crear un efecto de movimiento.
Antes de empezar, asegúrate de tener instalado lo siguiente:
- Node.js: Entorno de ejecución para JavaScript.
- Un navegador moderno capaz de ejecutar WebGL.
Para poner en marcha el proyecto en tu máquina local para fines de desarrollo y pruebas, sigue estos pasos:
- Clona el repositorio:
git clone <this-repo> - Navega al directorio del proyecto:
cd tu-repositorio - Instala las dependencias:
npm install - Inicia el servidor de desarrollo:
npm run dev - Abre
http://localhost:3000en tu navegador para ver la aplicación en acción.
- THREE.js
- WebGL
¡Las contribuciones son lo que hacen que la comunidad de código abierto sea un lugar increíble para aprender, inspirar y crear! Cualquier contribución que hagas será muy apreciada.
Si tienes una sugerencia para mejorar esto, por favor:
- Fork el repositorio.
- Crea tu Feature Branch (
git checkout -b feature/AmazingFeature). - Haz tus cambios en el código.
- Commit tus cambios (
git commit -m 'Add some AmazingFeature'). - Push a la rama (
git push origin feature/AmazingFeature). - Abre un Pull Request.
- Nombre: Marcos Damián Pool Canul
- Correo Electrónico: [email protected]
- GitHub: marcosd59
© 2024 Marcos Damián Pool Canul.