Jaume Sanchez Elias · @thespite
This are the projects created for Codevember 2016 -a challenge for developers creating a creative sketch by day during the whole month of November.
Initially I wanted to mix very different browsers technologies: CSS, SVG, WebGL, and not limited to just visual effects. In the end i went with WebGL + three.js, creating a basic boilerplate and starting from scratch every project. Of course as I went, the toolbox grew considerably, with things like ShaderTexture, Odeo and a lot of shaders and helper methods.
I've tried to make all sites work in as many platforms as possible, but the time constrains don't allow for a lot of beta testing and bug hunting. Wobbly Earth, for instance, doesn't work on my Nexus 5, but works everywhere else I've tried. I have reports that Lines in a Sphere doesn't go well with MacBook Airs. If you find any issue and want to help debug, tweet me.
So this is all I've been able to churn out, between work, two kids, broken eyeglasses...
Just don't judge the code too strictly :)
Inside info: in all the effects with music (10, 16 and 30) you can open the console and run odeo.playSoundCloud( "whatever_soundcloud_url" ) and you can change the track.
Even more inside info: in all the effects with FBOS, shadows, etc. you can probably open the console and run helper.show(true) to see the FBOHelper.
Source code for all experiments -and discarded ones- is here: codevember-2016
A.k.a. "The decadent golden-plated knot torus"
All is full of dots
Strangely attractive strange attractors
A surface shader to make a plane look like glazed porcelain
Oldschool plasma moving particles with motion blur
The day the Earth didn't stand still
Computing Global Illumination (GI) by rendering the scene from every vertex... four times!
Shiny striped metaballs
Hacking image-based lighting (IBL) into a material
Music visualisation to demo an audio manager
Oldschool water with lots of AO
Take a walk on the occluded side
Don't use many triangles when you can use just one!
See time fly
Generative rocks, or minerals, Marie
Music visualisation simulating a phosphor oscilloscope
GPGPU Game of Life with AO and shadows
It's a very small universe
Long tunnel with lots of postprocessing
Lines and streaks moving in the surface of a sphere
Rendering with numbers (very digital!)
Creating an engraving effect with shaders
Weird thing that started as a particle emitter and ended up like Matrix sentinels
Boids and soft shadows and analytical ambient occlusion
More lines and feedback effect
March your ray through a cloud
Random jellyfish-like objects
Rotating greeble, with SSAO
Twisty pieces of sliced floor
A WebGL remake of GMUNK's PYRADICAL