Experiments

Home

matiasngf/portfolio

👋 hi

I'm matias, a front end dev with a background in graphic design and passionate about AI.

This site contains web experiments using OpenGl, Webpack, React, Compilers, etc.

I'll keep adding projects here, if you want to see more, check out my GitHub.

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

React three fiber

Procedural

Dissolve effect

Dissolve effect with shaders.

Shaders

React three fiber

3D fluid shader

Ray marching fluid simulation with shaders.

Shaders

React three fiber

Ray Marching

Earth with react-three-fiber

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

Shaders

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

Voxels Lava lamp

Lava lamp with voxels made with ray-marching in a ShaderMaterial.

Shaders

Ray Marching

Ambient occlusion

Real time ambient-occlusion with ray-marching.

Shaders

Ray Marching

Voxels

Voxels renderer made with ray-marching.

Shaders

Ray Marching

Real time reflections

Reflections calculated using ray-marching on real time.

Shaders

Ray Marching

Boolean operations

Operations with objetcs in a ray-marching renderer.

Shaders

Ray Marching

Ray-marching renderer

Base setup for a ray marching renderer.

Shaders

Ray Marching

ThreeJS simple scene

A simple scene with vanilla three.js.