Como aprender canvas y three.js

taltal

A estas alturas ya sabemos que es canvas y cada vez se está usando más el el diseño web por la gran interactividad que ofrece con los usuarios. Crear formas y animaciones que van mucho más alla de css3. La cosa es que por el momento, se más bien poco, pero buscando, no encuentro tutoriales de como hacer cosas parecidas a las que a continuación voy a mostrar:

http://www.subaru.com/csr/environment.html#!/2016/05/25
Los hovers, los clicks con sus animaciones, están a otro nivel de lo que estamos acostumbrados a ver con css3.

http://2016.makemepulse.com/
Aqui ya debe entrar temas de 3d, three.js

http://spacecraftforall.com/
Igual que el anterior tambien debe usar three.js o alguna libreria parecida

La cuestión, es si alguien sabe de alguna serie de tutoriales o incluso libro/libros, que abarquen desde el inicio hasta algo un poco avanzado, parecido a lo que muestro, o al menos me pueda encaminar a ello, ya sea con canvas "puro" o three.js.

Gracias!

PiradoIV

Yo creo que buscas algo como Processing. Tienen biblioteca de JavaScript (p5.js).

Échale a los ejemplos que tienen, el código lo tienen debajo de cada ejemplo:
· Ejemplos
· Tutoriales
· El libro

1 2 respuestas
L

si, buscas contenido en p5.js como dice #2 este tío es una máquina https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

2 2 respuestas
PiradoIV

#3 hostia, qué grande el tío xD

1
taltal

#2 #3 parece interesante, me lo voy a mirar bien! muchas gracias! :O

Edit: sí, exactamente es lo que busco, processing y/o p5js, así que voy a mirarme los dos frameworks, parece ser super cañero.

PiradoIV

Estuve cacharreando y es adictivo =)

Muchas horas de tutoriales, libros (The Nature of Code) y 33 lineas de código después...
http://codepen.io/anon/pen/MJwJKP

1 1 respuesta
taltal

#6 yo estoy mirando p5js a partir de su canal, empieza bastante básico y cubriendo cosas muy básicas de js. La verdad que el tio enseña de puta madre, de hecho, ya he mirado algún challenge de esos sencillos y es casi como tener un profesor particular. Lo más complicado del asunto, es tener o entrenar la lógica para crear de 0 cosas creativas y curiosas.

pd: he descargado el libro, merci

1
PiradoIV

Me estoy haciendo un dashboard que se conecte a NewRelic y me diga el Error Rate de la última hora. A mayor cantidad de errores, más bugs =)

1

Usuarios habituales