I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Demo/Source Code: Thanks in advance for liking and reposting. 🙏Feel free to use the code in your projects, mix it up or build on it. Workflow below…👇

1️⃣ I copied and pasted the previous Three.js code into Grok 4. I prompted it to code a new variation using new shapes and asked for the code to be in the same format as the original. You can use the code from the link above or find more on my CodePen:-

2️⃣ Grok 4 returned a working new 3D scene. I still wanted to change shapes number 2 and 4, so I asked it for suggestions. It listed some, and I picked two, then asked it to replace those shapes.

3️⃣ That's it. I got the result in just 3 prompts. This didn't require any complex skills or elaborate prompts. The 'code to be in same format as original' prompt ensures the code is in a modern, easily usable format, even for platforms like WordPress or Framer.

Hope this answers most questions from the last post. If you find my content useful, please follow, like, and repost the main post. Your support motivates me to keep experimenting and producing more content. 🙏🙏

@threejs @xai I recently tried something like this on Kimi2

@threejs @xai Appreciate this. Thank you ✨

@threejs @xai Always a pleasure ❤️🙏🏼

@threejs @xai Wow, this is so cool. Have you tried similar prompt woth Kimi K2 yet? Will be interesting to see the comparison It’s viral so I gave it a try