r/threejs

I've been practicing VFX a lot lately and wanted to share this resource with this charged firing effect I recently created. It's free and ready to use.

I made a detailed breakdown on my YouTube channel for those who want to understand what's happening behind the scenes.

Use VFX in your threeJS games; it's the best way to take your projects to the next level.

I have more resources like this on the channel and even more to come. If you find it helpful, you can support me by subscribing. Thanks guys!

Youtube -> https://www.youtube.com/watch?v=6SY1u-8EfOY&t

LivePreview -> https://charged-blast-vfx.vercel.app/

Github -> https://github.com/cortiz2894/charged-blast-vfx

> I’ve been obsessed with luxury e-commerce visuals lately. The goal was to hit that 60fps mark while keeping complex IOR (1.48) and nested liquid geometry.

> Tech stack: > * Custom MeshPhysicalMaterial for the bottle.

> * Procedural CanvasTexture for the labels (Aether, Obsidian, etc.) to save on draw calls.

> * React Three Fiber + TSX.

> I’ve documented the whole process and put together a massive set of 400+ physical components for my own projects.

> If anyone is struggling with glass/liquid shaders for their clients — I’m happy to share the source code and the full library. >

> Just drop a comment or DM me if you want to check it out! Would love to hear your thoughts on the cap ribbing highlights.

>

Play and Source Code: https://codepen.io/sabosugi/full/LERBdZr

Chasing the Moon after one wrong burn. Made this Artemis simulator to test alternative orbits and mission profiles - spacefomo.com/artemis

Green line is NASA OEM trajectory, while flight uses N-body physics to predict and execute new orbits. Predictions (purple line) start keplerian, then switch propagator to rk4 after web workers are done calculating in the background.

Built with SvelteKit, Threlte/Threejs, headless TypeScript physics, Neodrag 3 for draggable UI.