DEMOS,
A growing collection of demos and experiments I work on in my free time. All the code is open source and available on GitHub.
June 2025
Rain Puddle
A demo of rain puddle simulation using Three.js and React Three Fiber. Uses my Three-Custom-Shader-Material library to add the puddle shader to the road material.
June 2025
Raymarched "Liquid Glass"
Fork of my raymarched material using default ThreeJS lIghting demo. Changed material properties to approximate glass.
June 2025
Interactive Rug Shader
Interactive rug shader - A ThreeJS port of @_Dervishh's Unity shader with Physics via Rapier. A Fun project over coffee.
September 2024
Three-Shader-Baker
Demo for my library three-shader-baker. A tool to bake Three.js shaders into textures for use in your applications.
September 2024
Volumetric Clouds
A ray marched volumetric cloud system in React Three Fiber. Based on "Nubis, Evolved" and associated work by Guerrilla Games.
June 2024
"Sunday Afternoon"
A study of light and shadows. Using layered soft shadows with alpha from react-three-drei's <SpotLight/>, <ShadowAlpha /> and <SoftShadows />, some of which were also created by myself.
August 2023
Stylized Water
A stylized water shader based on @alexanderameye's Unity version. This was my largest shader to date and was intended to teach myself about complex multipass shaders.
July 2023
Dissolve Shader
Small weekend project. Ported @BrackeysTweet's Unity dissolve shader to ThreeJS. There were plans to use this in AR.
April 2023
Shader Wireframes
A demo made for the <Wireframe /> component I had written and contributed to @react-three/drei.
April 2023
WebGPU w/ React Three FIber
An experiemnt into running WebGPU within @react-three/fiber. At the time, this was the first proper integration of WebGPU into the library.
January 2023
Spotlight Shadows
A demo made for the <SpotLightShadows /> component I had written and contributed to @react-three/drei.
April 2022
Ground Projected Env map
The demo for the ground-projection feature that i had added to the <Environment /> component in @react-three/drei.
...and a lot more to come!