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.
Floodfill Growth Patterns with Decals and Dynamic Shaders
Immerse yourself in a world of captivating growth patterns through a shadertoy ported floodfill-powered solution. Seamlessly blending custom meshes, intricate decals, offscreen rendering and dynamic rendering techniques, the innovative approach unlocks a new level of visual artistry. Unleash your creativity as you harness the power of custom meshes and decals to shape and influence the growth, creating unique visuals. Discover the potential of floodfill-driven shaders and elevate your projects with this dynamic and immersive experience.
Dynamic Flow Map Painter in R3F - Create Stunning Visualizations with Real-Time Interactivity
Discover the power of a dynamic flow map painter in @react-three/fiber, the cutting-edge JavaScript technique for 3D graphics. With real-time interactivity, you can create stunning visualizations of your flowing entities. All done in real time!
Creating Volumetric Lights with Radial Blur in Three.js Using Layers
In this article, we will explore how to use radial blur to create stunning volumetric light effects in Three.js. By utilizing layers and combining them with radial blur, we can achieve a beautiful and realistic lighting effect that will add depth and dimension to your Three.js scenes. Follow our step-by-step tutorial to learn how to create volumetric lights in Three.js and take your web graphics to the next level!
Fractured Cube in Blender with Bloom Postprocessing in React Three Fiber
In this tutorial, we will guide you through the process of creating a stunning 3D fractured cube in Blender, and then rendering it with React Three Fiber's Bloom postprocessing effect to add a beautiful glow and depth of field to the final output. We will cover the basics of modeling, texturing, and fracturing the cube in Blender, and then export the model to React Three Fiber for rendering. Additionally, we will walk you through the steps of setting up the Bloom postprocessing effect in React Three Fiber to enhance the visual quality of the rendered scene. By the end of this tutorial, you will have a beautiful 3D model that showcases your skills in both Blender and React Three Fiber, as well as a deeper understanding of how to use Bloom postprocessing to elevate the look of your renders.
How to build environments in unity
A complete guide to getting started with unity to create amazing environments. Along with how to get assets from the unity asset store. Covering post processing, terrain tools and using materials inside of unity.
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!