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

Una aplicación en 3D construida con Three.js que muestra un globo terráqueo giratorio como si fuera el Sol en un espacio tridimensional.
https://github.com/kenkyoo/app.three-globe

html-css-javascript javascript three-js threejs threejs-learning vite

Last synced: 11 days ago
JSON representation

Una aplicación en 3D construida con Three.js que muestra un globo terráqueo giratorio como si fuera el Sol en un espacio tridimensional.

• Host: GitHub
• URL: https://github.com/kenkyoo/app.three-globe
• Owner: Kenkyoo
• Created: 2024-12-09T04:33:03.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-09T05:48:01.000Z (about 1 year ago)
• Last Synced: 2024-12-29T17:36:19.651Z (about 1 year ago)
• Topics: html-css-javascript, javascript, three-js, threejs, threejs-learning, vite
• Language: JavaScript
• Homepage: https://app-three-globe.pages.dev/
• Size: 47.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
App Three Globe

Una aplicación en 3D construida con Three.js que muestra un globo terráqueo giratorio como si fuera el Sol en un espacio tridimensional. Incluye un fondo de estrellas que simula el espacio.

🚀 Demo

    GitHub Repository: App Three Globe

    Live Preview: Cloudflare Pages

🛠️ Tecnologías usadas

    Three.js: Renderizado de gráficos en 3D.

    Vite: Entorno de desarrollo rápido y ligero.

    Controles:

        OrbitControls: Navegación interactiva dentro de la escena.

📋 Características

    Globo giratorio: Representación 3D de un globo terráqueo con una textura aplicada.

    Fondo espacial: Un entorno cúbico con textura de estrellas simulando el espacio.

    Interacción en 3D: Usa el mouse para explorar la escena y rotar la cámara.

    Animación fluida: Rotación continua del globo y movimiento lento de la cámara.

⚙️ Instalación y ejecución

    Clona el repositorio:

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

cd app.three-globe

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

   ├── style.css      # Estilos de la aplicación

   ├── texture.jpg    # Textura del globo terráqueo

   └── background/    # Texturas del fondo 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.