Loading video...

Video Failed to Load

Go Home

I've built a new opensource Elemental Sandbox, VFX playground built with Three.js . it contains 6 fully custamizable abilities. Everything you see is generated: no textures, no sprite sheets, no baked meshes. hand-written GLSL, GPU-simulated instanced particles, World position resolved in the vertex shaders... Source code :

239,952 views • 1 month ago •via X (Twitter)

76 Comments

Genex's profile picture
Genex1 month ago

@threejs Amazing work! 🔥 We hosted it so everyone can try it live:

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks for hosting it ! much appreciated

Rizki Murtadha's profile picture
Rizki Murtadha1 month ago

@bruno_simon @threejs This is seriously impressive No textures, no sprite sheets, no baked meshes, and it still looks this good Three.js + custom GLSL can go way further than most people realize when someone really knows what they’re doing

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@bruno_simon @threejs Thanks ! i really appreciate ur comment

robot 2.0's profile picture
robot 2.01 month ago

@threejs i see a bright future chiro

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks buddy ! i really appreciate u

SomacoSF's profile picture
SomacoSF1 month ago

this would be so much fun as a PVE where you get to pick /randomly given only one ability at spawn and each ability has a rival ability (rock paper scissors mechanic) and you run around and just PVP - remember that game Monster Truck Madness King of the Hill map.... that would be super funny.

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs @genex_games that’s actually a great idea ✨

SomacoSF's profile picture
SomacoSF1 month ago

@threejs @genex_games Heck yeah - build it - Ill feed the repo to my bots and this thread and see what it can give you back.

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs @genex_games Great! can't wait to see the results.

Solana Gaming's profile picture
Solana Gaming1 month ago

@threejs WOW

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks !

Majid Manzarpour's profile picture
Majid Manzarpour1 month ago

@threejs Awesome work, thanks for open sourcing

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs You are very welcome ! glad you like the project

Obby Robbie's profile picture
Obby Robbie1 month ago

@threejs Nice work. 🔥 You've created the notes 🎶 🎻Now play that symphony. . . .aka create a working demo/ game pilot 😎 Since it's ThreeJS it has zero friction for testing a game and getting user feedback.

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs I really appreciate your comment ! Thanks

Veilbound's profile picture
Veilbound1 month ago

@threejs Incredible work.

Rainer Selvet's profile picture
Rainer Selvet1 month ago

@threejs That's seriously cool

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you ! glad u liked it

Sim's profile picture
Sim1 month ago

@threejs Used your particle engine for the static fire on this one. Plume, smoke and ground wash all run on it. Great work!

Ziwen's profile picture
Ziwen1 month ago

@threejs It's on fire!!! Love this

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you ✨

VAI's profile picture
VAI1 month ago

@threejs Insane

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you ! 🙌

Klark_Max's profile picture
Klark_Max1 month ago

@threejs Thank you for making this open source 🙏

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs You are so welcome !

Ethan Encode's profile picture
Ethan Encode1 month ago

@threejs thanks for open sourcing it! Impressive build

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you buddy ✨

Vlad Oreshkov's profile picture
Vlad Oreshkov1 month ago

@threejs This will be used in many many games, but those games probably won’t get popular. People will probably use it for Friendslop games that they vibe coded, but that’s still really cool :) And a personal thanks cause I’ll use this too!!

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks Vlad ! much appreciated

CarbonJewels's profile picture
CarbonJewels1 month ago

@threejs Amazing work as always Chiro 🥂

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks a lot 🙌

CarbonJewels's profile picture
CarbonJewels1 month ago

@threejs Chirroo I’m doing some coool stuff with this, about to drop I love youu 🫶

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you, I really appreciate you !🙌

OmedTheVibeCoder's profile picture
OmedTheVibeCoder1 month ago

@threejs Chiro the Hero

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs

Bitcopath's profile picture
Bitcopath1 month ago

@threejs Looks wonderful, nice work, thanks.

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs much appreciated ! thank you 🙌

Robotaxi Whisperer's profile picture
Robotaxi Whisperer1 month ago

@threejs Really cool

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks 🙌

Eddie's profile picture
Eddie1 month ago

@threejs This is incredible, amazing work

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks Eddie ! much appreciated

AmitBuilds's profile picture
AmitBuilds1 month ago

@threejs I’m trying to see how I can use this is my walking app lol looks cool!

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you !

thundertank's profile picture
thundertank1 month ago

@threejs Banger!

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks 🙌

thundertank's profile picture
thundertank1 month ago

@threejs I was thinking kinda the ways like adding DBZ mechanics in and saw this. So much work for me to do!

Brian's profile picture
Brian1 month ago

@threejs Very nice. Would these work on Godot by chance? If not when 😝

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs haha maybe if godot will be interesting content for people i might do it

Yves AMAVI's profile picture
Yves AMAVI1 month ago

@threejs Please link

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs

Kevin Kelly's profile picture
Kevin Kelly1 month ago

@Brou34 @threejs Stuff is amazing man! Keep it up!

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@Brou34 @threejs Thank you i really appreciate it 🙌

AINZX's profile picture
AINZX1 month ago

@threejs are we going to see more variant of it like naruto anime spells ?

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs it’s fully customizable so so different look can be made out of it, i’d still make more though 🙌

DualShot66's profile picture
DualShot661 month ago

@threejs Tell how much it costed you , lets see price to performance is it worth it or not

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs costed me thoughts to break down the effects and write some stuff manually & my 17 bux claude subscription

0x5uZ 🍙's profile picture
0x5uZ 🍙1 month ago

@threejs why are you vibe coding this? It’s seriously gonna cause a lot of animators their jobs. You’re okay with this?

Hey's profile picture
Hey1 month ago

@threejs How to get the animations into a game engine like Godot?

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs it has to be rebuilt in there, i'm pretty sure with some AI work u can transfer the whole project there cause he can check what each emitter is doing and redo it there !

Hey's profile picture
Hey1 month ago

@threejs I think that is what we are lacking right now. A reliable way to transform three.js animations 1:1 to Godot

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs True that's a huge step to builf something like that

André's profile picture
André1 month ago

@threejs Love this, looks incredible man!

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks, I really appreciate it ✨

Richard Oliver Bray's profile picture
Richard Oliver Bray1 month ago

@threejs Wow that's insane. I've been thinking more about getting into gamedev with three.js. Is there a standard game engine people use with it?

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Hey ! u can use threejs directly and combine it with a few other packages and chip a game with it.

MoExperts's profile picture
MoExperts1 month ago

@threejs Hand-written GLSL for all 6 abilities with no baked assets is the hard way to do this — most 'VFX playgrounds' cheat with sprite sheets under the hood. Respect

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs I really appreciatte ur comment !

BuildWahab's profile picture
BuildWahab1 month ago

@threejs Wow this is amazing bro

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thank you 🙌

Lorenzo Nuvoletta's profile picture
Lorenzo Nuvoletta1 month ago

@threejs Dude your work is so cool. Are you making a game eventually with this?

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs Thanks ! I'm just doing small showcases so people can reuse in their projects for now !

Lucca Cerf ➔ Pluma Finance's profile picture
Lucca Cerf ➔ Pluma Finance1 month ago

@threejs Sounds good ! Create a mcp of this and get rich.

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs haha sounds like an idea

Chubigans's profile picture
Chubigans1 month ago

@threejs Bro this oooks amazing are these animated?

Chiro Visuals's profile picture
Chiro Visuals1 month ago

@threejs built procedurally with threejs and animated in real time do u can pause and edit

Related Videos