ThreeJS Experiments


ThreeJS Experiments

These are all random micro experiments I’ve been playing with over the past years in no particular order.

Optimization clearly is not the focus in there, some might take some time to load due to assets.

All the source code is in one of these 2 repositories : https://github.com/jacquespillet/ThreeJS https://github.com/jacquespillet/PF_experiments

Water surface

Water surface

Simple Cell Shading

Cell

Charcoal Pen :

Charcoal

Attempt to replicate the look of charcoal pen drawings.

Noise

Noise

Just some noise with instanced boxes on top Controls on top right

Flow

Flow2D

Combination of Fractal Brownian Motion and Gerstner waves.

Resources :

Effective Water Simulation from Physical Models

Perlin Noise

Controls on top right

Fluid surface

Fluid

Simple fluid simulation over a surface

Controls on top right

Cloth

Cloth

Hair

Hair

Hair simulated with a position based solver.

The colors are accumulated on the screen.

Controls on top right

Bubble

Bubble

A 2D soft body simulated with a position based solver, using simple distance constraints.

Not 100% working.

Particles

Particles

Just a lot of cubes flowing in the air following the derivatives of a 3d perlin noise.

Controls on top right

Modifiers

Modifiers

Experiments on procedurally changing shapes in the vertex shader

Cubes

Music

A bug in a perlin noise implementation that looks cool. Be great to make it sound reactive somehow.

Controls on top right

Volume

Volume

Volume ray marching inside a complex mesh ? Does not really work

Flow map

Flowmap

Normal displacement based on a flow map texture, attempt to replicate water flowing.

Pastas

Pastas

Particles To Mesh

PartToMesh

Very naive approach, every particle is assigned one vertex. On click, each particle moves towards its target position.

Machinery

Machinery

Tornado

Tornado