Had another intense session with Claude... This time we implemented textured RectAreaLights in Three.js 🥲

Here's the PR (with live link):

Fun fact. I used one of those OLED TV demo videos for developing this. For the PR I started looking for similar, royalty free videos I could use. After a while searching I realized it was easier to just ask Veo to generate a new one. #aislop

Now with bloom because why not.

Related PR:

@threejs omg this is totally 🔥 It's so tempting to make a large scale projection mapping piece all rt in @threejs 🤔

@threejs What's stopping you? 😀

@threejs Mostly missing the time to learn (I'd really need to be fluent to do a good piece). Wanna collab? 😊

@threejs Just ask Claude to write it for you 😁

@JoanieLemercier @threejs Have you tried vibe coding with @grok or Gemini 3? and what's your take if you did ?

@JoanieLemercier @threejs @grok At this point it's a bit like comparing art supplies brands.

@threejs Any implementation detail? This looks particularly good.

@threejs I'll make a PR in a minute.

@threejs The advent of llm is giving a crazy boost to threejs. Super happy to see this

@threejs I did something similar some years ago after finding this article, maybe it can be useful ✌️

@threejs I feel you, my attempt with textured areas lights was a hacky collab with chatgpt last year lol.

@threejs had us in the first half ngl

@threejs OMG this is stunning 😍

@threejs Woah so pretty

@threejs this is lit

@threejs Fire visuals… the future of the internet right here… exciting time to be a developer.

@threejs this is crazy good!!

@threejs Oh this is badass

@threejs Wtf, and it work with no env map ? Or does it write to the env map like Lightformers ?

@threejs It does not write to env map.

@mustache_dev @threejs Is it a screen space effect?

@mustache_dev @threejs Nope! LTC.

@ibesora @mustache_dev @threejs What’s LTC?

@ibesora @mustache_dev @threejs @grok What's LTC?

@ashwinkumar_v @ibesora @mustache_dev @threejs LTC stands for Linearly Transformed Cosines, a real-time technique for rendering area lights in computer graphics. It's efficient for approximating lighting from polygonal sources like rectangles, often used in engines like three.js for better performance without ray tracing.

@threejs 🔥🔥🔥

@threejs @@nicolettiFPS

@threejs Unbelievable…

@threejs Coool

@threejs YESYESYES

@threejs This is so cool. Claude is my race horse. I am really enjoying developing visual tools in @threejs. 🔥

@threejs This is the way. 😍

@threejs 😍😍😍

@threejs I thought that was real for a second.

@threejs This is so cool.

@threejs This is so cool

@threejs Very cool. Made your own VR Mandalorian volume.

@threejs this looks dope af

@threejs 🤖🚀

@threejs wowza

@threejs mindblowing.. is it opus 4.5?

@threejs And a lot of human patience 🤓

@threejs How???

@threejs By asking the right questions.

@threejs I have been trying to get claude to do pretty much anything with color, but I’m not a designer so I kind of suck at it. Would you have any suggestions? This looks really good

@threejs Keep going.

@threejs Looking better than blender eevee

@threejs How does the one in eevee look like?

@threejs So cool

@threejs @e0syn