Casting Abilities is my new open-source Avatar bending sandbox in the browser. Using Google AI Studio + Three.js, hand-written GLSL, GPU-instanced particles. Draw a path, release, and Fire / Water / Earth / Air rides the spline and detonates. Or switch to walk mode and ride it yourself on... an air ball. Source code :show more

@GoogleAIStudio @threejs wow these vfx looks spectacular!

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs That is so cool, I just finished the second season on netflix :D

@GoogleAIStudio @threejs same that was my inspiration 🤣✨

@GoogleAIStudio @threejs Then turn of the fire bending we are not there yet 😁 that is in a next season 🤣

@GoogleAIStudio @threejs i Tried to guess how it would look 😭😭

@GoogleAIStudio @threejs oh ya btw is this open source or do u have any plans to?

@GoogleAIStudio @threejs i think for now i have no plans I’m just creating showcase creative projects. feel free if you want to make a game out of it cause it’s under mit license

@GoogleAIStudio @threejs How long did Water take you to build

@GoogleAIStudio @threejs few days (probably 2-3) i wasn't fully on it & i went through way too many iterations

@GoogleAIStudio @threejs That many iterations for one element shows how much care went into getting it right.

@GoogleAIStudio @threejs The walk mode where you ride the path yourself is a great touch. Are you computing the spline on CPU and streaming to GPU, or doing it all in-shader?

@GoogleAIStudio @threejs Both. Spline’s on CPU since the rider’s transform reads back off it. Only the ribbon verts stream to the GPU. Everything that glows is in-shader.

@GoogleAIStudio @threejs @nftinsiderbr pira aí! kkkkk

@GoogleAIStudio @threejs bro i loved it really its soo peak

@GoogleAIStudio @threejs Thank u so much 🙌

@GoogleAIStudio @threejs Shockingly good, thank you

@GoogleAIStudio @threejs Thank you ! much appreciated 🙌

@GoogleAIStudio @threejs Great

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs I really like your work, very inspiring 🔥

@GoogleAIStudio @threejs I really appreciate it 🙌 Thank you

@GoogleAIStudio @threejs Wow, thanks for real, all that with gemini guys, lmao

@GoogleAIStudio @threejs Thank you ✨

@GoogleAIStudio @threejs Holy hell that is beautiful. What part of ai studio did you use to author this?

@GoogleAIStudio @threejs Gemini flash and claude combined ✨

@GoogleAIStudio @threejs cool

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs

@GoogleAIStudio @threejs

@GoogleAIStudio @threejs Wow that looks fantastic! Are u accepting any for of donations? We could support u via crypto donations maybe.

@GoogleAIStudio @threejs 画路径放技能这一下很有手感

@GoogleAIStudio @threejs Glad you like it ✨

@GoogleAIStudio @threejs yo, I'd love to help out with development in any way, do you have any guidelines on how to contribute to the repo?

@GoogleAIStudio @threejs well honestly i’m not planning to expand it more. but feel free to fork and make ur own version out of it 🙌

@GoogleAIStudio @threejs Really nice work. Are the abilities sharing the same spline system with different shaders, or does each element have its own simulation?

@GoogleAIStudio @threejs Hey ! i’m sharing the same spline system between all the elements

@GoogleAIStudio @threejs Hollllly fuckkkking wowoeowow

@GoogleAIStudio @threejs

@GoogleAIStudio @threejs Really really great work, looks incredible! Any tips of how to start vibe coding games in threejs? I have used this library for building charts and graph mainly for data analysis. Thanks

There are a lot of references that u can find on the official threejs website and also in my previous posts, i have a lot of opensourced projects. u can start by checking some showcases of other people and try to get an understanding of how things are working and then u can guide the ai through what u want to implement .

@GoogleAIStudio @threejs Thanks so much for your advice. I'll start checking your posts and open sourced projects.

@GoogleAIStudio @threejs woah! this is amazing and inspiring

@GoogleAIStudio @threejs Thank you ! i really appreciate it 🙌

@GoogleAIStudio @threejs no brainer follow :D

@GoogleAIStudio @threejs Thank you

@GoogleAIStudio @threejs Congrats very good this

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs whats being used for the human movements/animations?

@GoogleAIStudio @threejs mixamo for idle + the sitting is procedural and done inside of threejs

@GoogleAIStudio @threejs I love it. Could you create a prototype to create MOBA/MMORPG game skills? It would be very useful.

@GoogleAIStudio @threejs GitHub heroes! Can’t save these links fast enough.

@GoogleAIStudio @threejs Glad you like it 🙌

@GoogleAIStudio @threejs Holy cow! This looks amazing!

@GoogleAIStudio @threejs Much appreciate 🙌 Thanks

@GoogleAIStudio @threejs Every time I refresh x I see something like this. Amazing stuff 😎

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs ok, checked it out. You need to update your pinned to this. really incredible work bro

@GoogleAIStudio @threejs done ✨Thanks !

@GoogleAIStudio @threejs obviously based on snow guy's work at reddit /r/claude even preloader is same. i was commented exactly this element bending feature and someone did it.

@GoogleAIStudio @threejs I don't even use reddit, i guess it's due to netflix promoting the series lately on their landing page xD it brought inspiration to many

@GoogleAIStudio @threejs this one btw:

@GoogleAIStudio @threejs oh that's actually cool

@GoogleAIStudio @threejs Love it, looks dope. Avatar is fire

@GoogleAIStudio @threejs Thank you 🙌

@GoogleAIStudio @threejs this looks insane 🙌

@GoogleAIStudio @threejs Glad you like it 🙌

@GoogleAIStudio @threejs This is pure gold.

@GoogleAIStudio @threejs Thank you ✨

@GoogleAIStudio @threejs Really impressive Three.js work. Riding the air ball is a nice touch.

@GoogleAIStudio @threejs Thank you ✨

@GoogleAIStudio @threejs how about publishing it as homepage on github ? Thus we can see without cloning/installing the repo. my 2 cents

@GoogleAIStudio @threejs i’ll probably do it next time 🤣 thanks for reminding me

@GoogleAIStudio @threejs cool

@GoogleAIStudio @threejs Thanks