Skip to content

Repository files navigation

Scribble lab

Just a regroupment of some searches, tests, experiments around javascript or CSS and their frameworks.

-All GIFs

Native WebGL

My exps in native WebGL!

Full Screen ShaderFull Screen ShaderFull Screen ShaderPlanes 3DPlane 3D in native WebGLPlane in native WebGLPlane Image Perspective

My participation of the 36 Days Of Types challenge did with the Reflektor Digital team

Creative Coding TO - DemoMain website953xtplheb

Floating Boxes

Play with physics to make interactives floating boxes

switchVideorotationForcephysicsphysicsfloatingfloating

Blobs & Metaballs

Prototypes (and explorations) for the Watermelon wellness lab projet by Pamm Hong exposed during the Sydney Design Festival 2018

Touchable NebulanebulanebulaorganismBlob RaymarchingBlob RaymarchingBlob RaymarchingBlob RaymarchingBlob Marching CubeBlob in PostProcessBlob in PostProcessBlob in PostProcess

Use a custom postprocessing to use the meshes as a mask.

bubblesbubblesIncrustationIncrusted Metaballs

fluidBackground

Webgl fluid background researches

delayedShapeflatColorsflatColorsfluidWithBlobfluidWithBlobfluidWithBlobfluidWithBlob

Codevember2017

My contributions of the Codevember challenge 2017.

 Metaballs and Bloom postprocessingText animation and animated lines (THREE.MeshLine fork)Animated dashed lines (THREE.MeshLine fork)WindlinePerlin Noise surfaceFlexible ballsElastic BallsDigital HUD

Webgl Particles

Generate particles with different techniques. Other projects here: Northern Boreal Typhoon & FBO Particles at Grow Paris 2017

screenGridcurlfbo&Instancesfbo&Instances3DStorm3DStorm3DStorm3DStorm3DStorm3DStormFBOFBOshadingshadinginstancesinstances

Sea, Fog and Boat

3D infinite sea inspirated by the work of Nathan Grodon on Wind Waker Graphics Analiysis and The Ocean

Sea, fog and boatSea, fog and boat

2D Canvas API

Experimentations around interactive shapes in 2d with the native canvas API

Consumption Postcards - isolation.iscanvasGridcanvasGridwaveboilingLoader

Usage of the Pixi.js mesh.Rope method to to create true ropes and looped hair.

Looped HairLooped HairRope generatorRope generatorRope generator

My contributions of the Codevember challenge in 2016.

28_particlesRotations25_raindow16_mojsShapesPop15_canvasTextureTool14_tremulousParticle12_particlesMandala08_generativeTrays07_floating3DObject06_childrenCubes05_hexagonLoop04_FireGooeyEffect03_Volcano02_squigglyTypo01_canvasTransition

My contributions of the Codevember challenge in 2015.

30_testthemotionlibrariesmojsandvivusjs27_particleswithstreaks19_appearanceofafooter13_appearanceofatitle12_scribblescrawldoodle11_linewhonavigatesineachrandompoints10_flockofparticles09_css3dcardmovedbymobileaccelerometer08_flexibleflowersonearth07_twowaysfordrawingaparticletrail06_loaderanimation05_moonlandscapewithcanvas04_orchidin3dwiththreejs03_cube3donlyincss02_cloudoflinkedparticles01_gradianteffectontext

About

Personal prototyping tool to scribbling with code.

Resources

Stars

36 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages