MATRIX

Shader Cosmos

Simulación cósmica con 100,000 partículas usando WebGPU y compute shaders TSL. Una experiencia visual de vanguardia con física GPU en tiempo real.

Compartir:
WebGPUCompute ShadersPartículasTSL

Sobre esta experiencia

Shader Cosmos es una demostración de lo último en tecnología web: WebGPU con Three.js Shading Language (TSL). Miles de partículas son simuladas directamente en la GPU usando compute shaders, permitiendo efectos visuales que antes solo eran posibles en aplicaciones nativas. Los usuarios pueden alternar entre modos (cosmos orbital, vórtice espiral, explosión), esquemas de color (nebula, fuego, océano, matrix) y cantidad de partículas. La interacción con el mouse atrae las partículas, creando efectos gravitacionales hipnóticos. Esta tecnología representa el futuro de las experiencias web interactivas.

Casos de uso

  • Hero sections de alto impacto visual
  • Visualizaciones de datos científicos
  • Presentaciones de tecnología de vanguardia
  • Landing pages de empresas tech
  • Fondos interactivos para eventos
  • Demostraciones de capacidad WebGPU

Controles interactivos

Modos

Alterna entre Cosmos, Vortex y Explosión

Colores

Elige entre Nebula, Fuego, Océano y Matrix

Partículas

Ajusta entre 10K, 50K y 100K partículas

Mouse

Mueve el cursor para atraer partículas con gravedad simulada

¿Quieres esta experiencia para tu marca?

Personalizamos cada experiencia según tu branding, productos y objetivos de negocio. Desde el concepto hasta la implementación.