Xiaohe

3D & Shader Dev • Three.js | TSL | WebGPU
I build creative web animations & interactive visuals.

[Xiaohe @xiaohe_code]

Live editor + one-click copy code:
https://t.co/xZWRAinugy

[Xiaohe @xiaohe_code]

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

[Xiaohe @xiaohe_code]

@bruno_simon 💯 Congrats！

[Xiaohe @xiaohe_code]

@debabrata__giri 🤩🤩

[Xiaohe @xiaohe_code]

@ProfFeynman 🤩🤩🤩

[Xiaohe @xiaohe_code]

@Om_Codes_ hi

[Xiaohe @xiaohe_code]

@Aureon_de_Veyra Love that idea! Thanks for the creative input. I hadn't thought of that!

[Xiaohe @xiaohe_code]

Experimenting with three.js TSL parameters. A procedural Flame Lotus

[Xiaohe @xiaohe_code]

@laparisa @GoogleLabs ❤️

[Xiaohe @xiaohe_code]

Live editor + one-click copy code:
https://t.co/LDAMby1qDD

[Xiaohe @xiaohe_code]

@wawasensei Congrats!

[Xiaohe @xiaohe_code]

WebGPU Live Coding: Building a Procedural Energy Ball Shader from Scratch using TSL
https://t.co/DYFJuYAm0Z

[Xiaohe @xiaohe_code]

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

[Xiaohe @xiaohe_code]

Live editor + one-click copy code:
https://t.co/9rnfkWEOy0

[Xiaohe @xiaohe_code]

Mastering Three.js WebGPU: Create TSL Volumetric Clouds using Raymarching https://t.co/Mc3NPmsKlW via @YouTube
#Threejs #WebGPU

[Xiaohe @xiaohe_code]

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! https://t.co/FpVo4JcOiV

#Threejs #WebGPU #TSL #CreativeCoding #WebGL

[Xiaohe @xiaohe_code]

@techartist_ Thanks mate!

[Xiaohe @xiaohe_code]

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： https://t.co/T1y07rfnSW

#threejs #TSL

[Xiaohe @xiaohe_code]

@codetaur Hello! Your special effect is fantastic. May I please record a short clip to use in my own video? I will be sure to credit you as the creator.

[Xiaohe @xiaohe_code]

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