MatiasGonzalezFernandez

developer & designer

hand

Articles

Sometimes I do write down my thoughts.

Growing plants with code

Exploring the art of digital gardening in Three.js. Grow branches along paths using vertex shaders, and generate procedural branchlets along the way.

shaders · rtf · procedural
Growing plants with code

Dissolve effect

Dissolve effect with shaders.

shaders · rtf
Dissolve effect

Earth with react-three-fiber

3D Earth composed with shaders created with @three/fiber and @react-three/drei.

shaders · rtf
Earth with react-three-fiber

Creating a ray-marching renderer in Three.js

How to create a ray-marching renderer from scratch using ThreeJs.

shaders · ray-marching
Creating a ray-marching renderer in Three.js

Voxels

Voxels renderer made with ray-marching.

shaders · ray-marching
Voxels

Experiments

Small things I build to learn and play with graphics.

A raymarching lava lamp

three.js · ray-marching
A raymarching lava lamp

Basement shader

three.js · webgl · shader
Basement shader

Fluid sim shader

three.js · webgl · shader
Fluid sim shader

Grow plants with code!

three.js · webgl · shader
Grow plants with code!

Vercel logo with fluid simulation

three.js · webgl · shader
Vercel logo with fluid simulation
See more→