https://github.com/kenkyoo/app-three-sphere

Una aplicación en 3D creada con Three.js que renderiza múltiples esferas animadas en un contexto tridimensional.
https://github.com/kenkyoo/app-three-sphere

javascript three three-js three-tier-architecture threejs-learning vite

Last synced: 2 months ago
JSON representation

Una aplicación en 3D creada con Three.js que renderiza múltiples esferas animadas en un contexto tridimensional.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-three-sphere
• Owner: Kenkyoo
• Created: 2024-12-09T05:06:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-09T05:37:23.000Z (over 1 year ago)
• Last Synced: 2025-03-31T05:45:58.237Z (about 1 year ago)
• Topics: javascript, three, three-js, three-tier-architecture, threejs-learning, vite
• Language: JavaScript
• Homepage: https://app-three-sphere.pages.dev/
• Size: 5.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
App Three Sphere

Una aplicación en 3D creada con Three.js que renderiza múltiples esferas animadas en un contexto tridimensional. Las esferas se mueven dinámicamente y son visibles dentro de un entorno con textura cúbica. Además, incluye un efecto anáglifo para visualización en 3D con gafas rojo/azul.

🚀 Demo

    GitHub Repository: App Three Sphere

    Live Preview: Cloudflare Pages

🛠️ Tecnologías usadas

    Three.js: Librería para renderizar gráficos en 3D.

    Vite: Herramienta de desarrollo y empaquetado rápido.

    Efectos y controles:

        OrbitControls: Para navegación en la escena.

        AnaglyphEffect: Para visualización 3D anáglifa.

📋 Características

    Esferas animadas: Más de 1000 esferas dinámicas que se mueven de manera sinusoidal.

    Fondo cúbico: Un entorno tridimensional con textura cúbica personalizada.

    Efecto 3D: Soporte para visualización con gafas 3D anáglifas.

    Controles interactivos: Usa el mouse para explorar el entorno.

⚙️ Instalación y ejecución

    Clona el repositorio:

git clone https://github.com/Kenkyoo/app-three-sphere.git

cd app-three-sphere

Instala las dependencias:

npm install

Inicia el servidor de desarrollo:

    npm run dev

    Abre en tu navegador:

    Navega a http://localhost:5173 para ver la aplicación en acción.

📂 Estructura del proyecto

📁 src/

   ├── main.js        # Código principal de la aplicación

   └── background/    # Texturas para el entorno cúbico

📁 public/            # Archivos estáticos

📄 package.json       # Configuración de dependencias y scripts

🤝 Contribuciones

Las contribuciones son bienvenidas. Por favor, sigue estos pasos:

    Haz un fork del repositorio.

    Crea una nueva rama para tu feature:

git checkout -b feature/nombre

Realiza tus cambios y haz un commit:

git commit -m "Agrega nueva característica"

Envía tus cambios:

    git push origin feature/nombre

    Abre un Pull Request.

📝 Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.