Rick
I am a creative frontend developer, I specialise in React, GLSL, postprocessing and R3F. I love to experiment with code and deal with complex topics.
Instanced Grass onto a gltf Model at Certain Elevation
Instancing a blade of grass 30,000 times onto a gltf model and wind movement (modified from an existing jsfiddle to work with gltf to jsx package).
Ray Marching Over a React Three Fiber (R3F) Scene
Raymarching on top of a three.js or react-three-fiber scene, leading to more advanced effects.
How to create GPU particles in React Three Fiber (R3F)
Generating GPU particles using floatType textures, a simulation and render shader material in React Three Fiber. Using noise to add movement and changing gl_PointSize.
Blender, Shader Nodes and Baking
Using a shader network in blender, then baking the result into a texture and then using this in a web 3D environment.
Post Processing In React Three Fiber - Depth Textures and World Coordinates In Fragment Shaders
A small walk through on how to utilise depth textures in postprocessing, using rendertargets. And then converting texture coordinates to world coordinates using this depth value. The end result allowing us to do postprocessing effects in 3D space rather than just basic filters.
Animated Camera from Blender to React Three Fiber
A proof of concept of animating a camera path in blender and exporting to a GLTF and using in a react-three-fiber project. Involving keyframes, baking the animation and using gltf to jsx to load the animation in R3F.