XiQing @xiaohe_code

Tweets

183
Followers

290
Following

156
Likes

8K

Techartist @techartist_

a month ago

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.

20 18 154 5K 31

Download Video

Techartist @techartist_

2 months ago

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.

3K 1K 7K 14.2M 2K

Download Video

Techartist @techartist_

2 months ago

Demo/Source code: codepen.io/VoXelo/full/wB…

9 13 153 12K 107

Techartist @techartist_

2 months ago

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

Elon Musk @elonmusk

2 months ago

8K 10K 87K 21.8M 7K

390 1K 6K 3.0M 976

Download Video

XiQing @xiaohe_code

2 months ago

Dented…😢

1 0 2 148 0

Download Image

XiQing @xiaohe_code

2 months ago

🚀 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…

1 0 15 706 1

Download Image

XiQing @xiaohe_code

2 months ago

🚀 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…

1 1 28 897 2

Download Video

XiQing @xiaohe_code

2 months ago

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…

0 1 18 519 0

Download Gif

Techartist @techartist_

2 months ago

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.

4 10 88 3K 19

Download Video

Yuri @yuri4gen

2 months ago

Hi, Surreal! I’m Yuri!

19 82 457 101K 157

Download Video

Techartist @techartist_

2 months ago

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. 👇🏼

2 8 64 2K 23

Download Video

XiQing @xiaohe_code

2 months ago

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…

0 3 22 776 0

Download Gif

Sam Altman @sama

3 months ago

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)

824 915 11K 2.2M 3K

freeCodeCamp.org @freeCodeCamp

3 months ago

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.…