ጉጉት's Journey

Let's dive into mesmerizing metaballs using Three.js, with physics via Rapier. Whether you're looking for a mesmerizing hero feature on your website or want to expand your 3D web skills, this video will guide you step-by-step in building this wild and wonderful effect​. Code:

Support me on Patreon:

Trying to speed up the ray tracer (from a previous coding adventure) so that we can render some more intricate scenes! Links: ● Source: currently in early access on Patreon and ko-fi (will be freely available July 1st) ● Get early access to new videos and projects by supporting on: -- Patreon:

-- Ko-Fi:

● Previous Ray Tracing episode:

● BVH Article:

● 3D Test Models:

● Music Credits:

Chapters: 00:00 Intro 00:30 Triangle-Test Debug View 03:34 Bounding Boxes Inside of Bounding Boxes 04:41 Building a BVH 07:41 Traversing the BVH 09:13 GPU-Friendly Data 15:32 Converting Recursion to Iteration 18:06 Box-Test Debug View 21:42 Increasing the Depth of the BVH 25:11 Distance Test and Child Ordering 31:47 The Surface Area Heuristic 37:19 Speeding up the Construction 38:57 32-Byte Nodes 42:20 Transformations 45:10 Supporting Multiple Models 48:45 Some Tests and Final Thoughts

The hunt is on. Arcane, the final season coming this November to Netflix. Follow #Arcane on social for the latest:

Henock's Practice Room Please consider Subscribing if you like the video

Updates are available through the following Facebook page

Produced by Nubia Media & Communications

I made 52 coding projects in a year. 🐻 Thank you for watching 🐻 #programming Business email: [email protected]