xiaohe_code's profile picture. 👨‍💻 Code + Creativity = My Playground  |🌐 Focused on Web Development | React | Three.js | Tailwind  🎨 Bringing 3D & Animations to Life on the Web |📍 22

XiQing

@xiaohe_code

👨‍💻 Code + Creativity = My Playground |🌐 Focused on Web Development | React | Three.js | Tailwind 🎨 Bringing 3D & Animations to Life on the Web |📍 22

XiQing 已转帖

An interactive 3D particle visualization with a futuristic cyberpunk aesthetic. Glowing particles morph seamlessly between a holographic network, a teapot, and a butterfly, all controlled by a dynamic UI. Vibe coded with AI using Three.js.


XiQing 已转帖

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from @xai using @threejs and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.


XiQing 已转帖

An interactive 3D simulation and visualization of a black hole, leveraging @threejs for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released @grok 4 from @xai

Releasing @Grok 4 from @xAI



Dented…😢

xiaohe_code's tweet image. Dented…😢

🚀 My Three.js Art Space is now LIVE! ✨ Finally, the procedural art exhibition space I built with TSL (Three.js Shading Language) is officially deployed online! You can visit the link below and experience the unique visual charm of code-generated art for yourself. 📍 Visit…

xiaohe_code's tweet image. 🚀 My Three.js Art Space is now LIVE! ✨

Finally, the procedural art exhibition space I built with TSL (Three.js Shading Language) is officially deployed online! You can visit the link below and experience the unique visual charm of code-generated art for yourself.

📍 Visit…

🚀 Thrilled to announce! I've brought a Three.js dream space to life! ✨ After much exploration, I've finally completed this art-infused 3D exhibition space, successfully integrating the rotating, color-shifting octahedron I previously made with TSL! The biggest highlight this…


Hey everyone, new project sneak peek! ✨ I've been tinkering with a Three.js exhibition space recently, and I tried something new that I'm really excited about! To give the floor and display stands a more unique, organic texture, I've extensively used the mx_fractal_noise_float…


XiQing 已转帖

An interactive Three.js scene showcasing a Crystalline Core. It features dynamic 3D graphics with GLSL shaders for a nebula, god rays, and intricate core effects. Clicking triggers shockwaves, particle eruptions, and bloom flashes.


XiQing 已转帖

Hi, Surreal! I’m Yuri!


XiQing 已转帖

This CodePen showcases a dynamic geometric mandala powered by Three.js and GLSL shaders. Mouse clicks trigger real-time visual distortions with chromatic aberration and ripple effects. Source code link in the reply below. 👇🏼


Hold on, everyone, and check this out! 🚀 I spent the entire weekend diving deep and successfully enabled WebGPU and TSL (Three.js Shading Language) in React Three Fiber! From navigating the various WebGPU configuration pitfalls to finally seeing this shimmering octahedron…


XiQing 已转帖

wrote a new post, the gentle singularity. realized it may be the last one like this i write with no AI help at all. (proud to have written "From a relativistic perspective, the singularity happens bit by bit, and the merge happens slowly" the old-fashioned way)


XiQing 已转帖

You can code your own 3D browser games using JavaScript's Three.js library. And in this in-depth guide, Hunor teaches you how to use it by building a Crossy Road Game Clone. You'll learn how to animate the vehicles, move the player around the map, and set up hit detection.…

freeCodeCamp's tweet image. You can code your own 3D browser games using JavaScript's Three.js library.

And in this in-depth guide, Hunor teaches you how to use it by building a Crossy Road Game Clone.

You'll learn how to animate the vehicles, move the player around the map, and set up hit detection.…

United States 趋势

Loading...

Something went wrong.


Something went wrong.