Welcome to my blog, I'm Rick and mainly a react dev with a deep interest in creative industries and general 3D.
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.
How to animate grass and alpha clipped grass in react three fiber using GLSL
This is the perfect way to animate grass which is created using alpha clipped planes using alpha maps. This can easily be adapted to follow an origin or empty, which would signify the wind in a scene. Follow previous tutorials to instance grass onto a plane from blender. This would be the precursor to animating this grass!
Want to make a cool shader in three ? then come read on!
Really cool tutorial on how to use custom shaders to make abstract visuals and integrate with threejs and USING GLSL. Look at the code example for some indepth detail on how to create something like this!
How to create a immersive 3D environment for the web
The number 1 walk-through for creating an immersive environment for the web. A in depth look on converting a blender project into a optimized web project. Including amazing fireflies, grass, and HDRI image creation.
Creating An Amazing Particle Transition In Blender and Exporting to React Three Fiber
Highlighting a workflow from blender to React Three Fiber (R3F) for morphing particles from different shapes. Utilizing images for storing data in blender and then consuming in a React Three Fiber / Threejs shader.
Exporting Particle Animations From Blender via Images for use in R3F and Three.js
Exporting particle animations from blender to a r3f project. We use the particle simulation in blender, run an export script to save location data in images (PNG's) and then combine the images into a single large image. This has great potential for attaching textures to the points material for fire/smoke/snow or sand storms.
Stylised Moon Lit Water in Blender
A quick tutorial on procedurally generating moonlit water in blender, with custom normals based on stretched noise. Very simple workflow which can be exported to gltf and used in threejs or r3f.