@webloved: How I build with GPT-6 Astra 👇 Academy in bio 🔗 The light running through the chip is not a shader. 1. Make a second texture that is pure black with only the trace lines painted white. That is your emissiveMap. The base colour texture stays normal. 2. On the material: emissive #4ade80, emissiveIntensity 2.5, emissiveMap set to that texture. Only the white pixels light up. 3. Now the trick. Set emissiveMap.wrapS = RepeatWrapping and add 0.002 to emissiveMap.offset.x every frame. The glow travels along the traces and you never wrote a line of GLSL. 4. UnrealBloomPass with threshold 0.9. This is the value that matters. At 0.9 only the emissive lines pass the threshold and bloom. Drop it to 0.4 and the whole board turns into fog. 5. Strength 0.8, radius 0.4, and run the bloom at half resolution. Nobody can tell and it doubles your framerate. 6. Board material: metalness 0.9, roughness 0.35, plus an HDR environment so the metal pads catch something. 7. Cursor tilt: lerp the rotation at 0.06 with a hard cap of 0.25 radians, so the chip never turns away from the viewer. Save this if you build 3D on the web 🔥 #astra6 #threejs #webgl #webdesign

weblove

Open In TikTok:

Region: PT

Friday 25 September 2026 15:46:08 GMT