Animaci贸n con Three.js en base a variaciones de m煤sica y movimiento del mouse. Demo: https://jaywrkr.mybluemix.net Al mover el mouse se hace uso de un filtro RGB para el mismo elemento que se ha generado.
Con el mouse se mueven los elementos Con los n煤meros se pueden cambiar de canciones Con el scroll hacia abajo se PAUSA, con el scroll hacia arriba PLAY Con doble click se cambia de animaci贸n
https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene
De momento no funciona en algunas versiones de Safari, ni en tel茅fonos m贸viles. Me encuentro en proceso de prueba de algunas librer铆as que supuestamente solucionarian al menos el problema en tel茅fonos m贸viles.
Para poder utilizar este demo deber铆as contar con un Client ID de Soundcloud. Lamentablemente en la actualidad no se pueden generar nuevos ID's. As铆 que si por suerte alg煤n momento lo generaste puedes usarlo o puedes buscar en la web si alguien te lo puede prestar (Obviamente no para un sistema en producci贸n).
Si cuentas con tu client_id, debes modificar el index.js en los siguientes puntos:
o.open("GET", "//api.soundcloud.com/resolve.json?url=XXXXX&YYYYY".....
r.src = e.stream_url + "?YYYYY".....
XXXXX = link de compartir desde Soundcloud
YYYYY = client_id=xxxxxxxxxxxxxxxxxxxxxxxx
www.minervohub.com www.jcjaramillo.com https://www.instagram.com/jaywrkr
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent