Coding Naruto’s Rasengan with JavaScript +

In this game dev experiment, we will go over the process of coding a Rasengan from the Naruto anime. We start off by setting up the React project with Three JS. Then we get create a sin wave vertex shader for the moving particles. Next, we add a surrounding sphere with glow effects using fragment shaders. Finally, we load the “Hand Anatomy“ OBJ file from Caterina Zamai and add it to the scene to make the Rasengan look more realistic. 📖 Code - 🐦 Twitter - 💻 GitHub - 🌎 Website - == [ Credits ] == Caterina Zamai - Hand Anatomy by Caterina Zamai - == [ Resources ] == Guide - Chris Courses - == [ Timestamps ] == 00:00 What is the Rasengan? 00:30 Set up React Three JS 01:30 Simple Vertex Shader 02:16 Wave Vertex Shader 03:16 Rasengan Fragment Shader 04:45 Glow Effect Fragment Shader 05:16 Hand OBJ Loader 06:22 Demo == [ Tags ] == #suboptimal #metaverse #threejs