Étude sur les soft body avec P5.js et la librairie Toxiclibs.
Variable font
Font effect with variable fonts
Ripple 2 with shader and threejs
Toying with ripple with shader and threejs
Watercolor with shader and threejs
Trying to make a watercolor effect with shader and threejs
Transition with shader
Experimenting transitions with shader and threejs
Particules with shader and threejs
Trying to make particles with threejs and shaders
Ripple using shader and threejs
Having fun with shader and threejs
Arbre généalogique avec threejs
Recherche en collaboration avec l’agence Caribara de représentation d’un arbre généalogique avec threejs
Mask with metaballs
I wanted to reveal an image with masked with metaballs. I’ve use this on Myma music site. See the Pen Metaballs mask by akinorikul (@akinorikul) on CodePen.
Electro code
S’amuser à faire des éclairs en JS en utilisant le bruit simplex (simplex noise qui sonne quand même bien mieux en anglais) . Voir l’animation
Countdown
Compte à rebours pour le popup store omotesando
popupstores
Série d’animations intéractives en js.
Profondeur de champ
Profondeur de champ en js
liquid
Etude sur le phénomène de densité.
Perlin noise
simulation d’un Perlin noise
attraction 2
Attraction en js.
Canvas and Box 2D
I had great fun mixing canvas and box2d for a website on which I had to show an innovative way to explore documents. You can see the result here and here. I used box2dweb and this tutorial helped me a lot. You can also find a demo here.
Mouse follower
Mouse follower
attraction 1
Attraction en js
Friction
Friction
rorschach
Test de Rorschach en pixel génératif
Sine wave
Sine wave
javascript 2D metaballs effects
Using CreateJs blur and canvas’property compositeOperation to “lighter“, I tried to simulate a metaball effect. Click to view On iphone, I used window.ondevicemotion‘s event handler and event object event.accelerationIncludingGravity with x, y, z attributes to simulate some lava with the device accelerometer. try it out here! or open it in a new window
Having fun with random movement with canvas
Trying createJs with canvas link: extranet.fruitdudragon.com/clients/experiments/random%20Movers%20X/
Flocking letters
Animation simulant les vols d’oiseaux (flocking bird) décrits par Craig Reynold. L’animation est largement inspiré de la version as3 de soulwire. Pour la suite, j’essayerai de rajouter une 3e dimension, la notion d’obstacle, de prédateur et sans doute une relecture de certains comportements qui me semblent erratiques. Une version java reprend ces derniers points ici. … Flocking letters
Le Culbumeuh
culbumeuh.free.frPour voir du flash, utiliser l’émulateur Flash ruffle : ruffle.rs