Joined November 2024
- Tweets 202
- Following 158
- Followers 295
- Likes 7,958
84 Photos and videos
18 Dec 2025
I tweaked the parameters in Good TSL's "Advection Color" example and created this incredibly dreamy, colorful fluid advection effect! The colors flow and blend like enchanted smoke—pure magic~
#threejs
1
5
76
11 Dec 2025
Experimenting with three.js TSL parameters. A procedural Flame Lotus
2
7
200
9 Dec 2025
Just made a flowing energy sphere material with Three.js Torus Shader Language. You can tweak color, flow speed, brightness, distortion strength in real time, and copy the full code with one click when you're happy!Pro tip: Use a high-poly mesh (highly subdivided sphere or IcosahedronGeometry with several subdivisions) for super smooth results. Low-poly will look broken or even tank your FPS… trust me, I learned the hard way
#threejs
2
1
8
337
9 Dec 2025
WebGPU Live Coding: Building a Procedural Energy Ball Shader from Scratch using TSL
youtu.be/l0sQWJG2nf4?si=RN2d…
1
193
30 Nov 2025
Mastering Three.js WebGPU: Create TSL Volumetric Clouds using Raymarching youtu.be/GVBO8i7oR9A?si=tEzU… via @YouTube
#Threejs #WebGPU
9
665
29 Nov 2025
I updated the TslCloud example on GoodTSL. You don't need to rewrite complex shader code anymore—just tweak the sliders to customize your own volumetric fog and light pillars.
Flow, color, density... all real-time. Feel free to use it! goodtsl.com/en/examples/TslC…
#Threejs #WebGPU #TSL #CreativeCoding #WebGL
12
422
27 Nov 2025
I created a real-time editable Flame Lotus effect.
Three layers of petals, volumetric glow, heat distortion, particles, and flow filaments — all fully adjustable in the control panel.
Try it out and tune your own unique version： goodtsl.com/s/04f47e71-ae16-…
#threejs #TSL
1
9
437
17 Aug 2025
This is a test, but I’ll push it live as soon as possible.
#threejs #TSL http://localhost:3000/s/a66d2c90-4675-40f1-bec2-c58965915831?slug=TSLInteractivePlane&p=N4IgZgTgpgjgrlAdgYwJ4gFwEYAMA6ANiwBoQBnAByigBNMBmPAFlIEMBbCgGwEsAXODSiZ8AdgKk EAPZwA5gAsAwtK7SImEAGIsNLPqwhSyaGT4q1GjNpr1bUJkZDtWZANY9EczGFZcyUKQQrDQ8cGQieABM9KS0csIY FgAvkA
2
16
807
Xiaohe retweeted
5 Aug 2025
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.
18
17
152
5,798
Xiaohe retweeted
11 Jul 2025
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.
2,590
1,002
6,455
14,276,718
Xiaohe retweeted
10 Jul 2025
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
374
830
5,363
2,986,530
7 Jul 2025
My Three.js art space just got a new feature—a dissolve effect! ✨
I've integrated and updated this super cool dissolve characteristic into my online demo space. Now, you can witness firsthand how objects gradually "vanish" under the magic of TSL. Experience the dissolve effect now: tsl-7kr.pages.dev/
Heads up, I've optimized for mobile smoothness, but the best viewing experience is on a desktop!
#threejs #TSL #WebGPU #Shader #DissolveEffect #WebDevelopment #Frontend
demoVideo：👇
1
3
17
755