The Ebenezer
thebenezer.bsky.social
The Ebenezer
@thebenezer.bsky.social
The guy who builds insane 3D websites.
This is so good! 🙌

Do you have any references please?
December 22, 2024 at 4:07 AM
Looks like this app doesn’t have a bookmark feature. I need it so badly haha!
December 16, 2024 at 7:14 PM
🥂
December 14, 2024 at 5:51 PM
This is how to get Beautiful Glow Effect in your threejs projects!✨

Mini Tutorial⬇️

(0/8)

#threejs #website #3d
December 14, 2024 at 5:33 PM
And... That is how I implement Bloom.

⚡️Repost this thread if you found it helpful!⚡️
December 14, 2024 at 5:33 PM
(8/8) Useful resources I found when researching this topic:

- youtu.be/tI70-HIc5ro

- youtu.be/ml-5OGZC7vE by @simondev.bsky.social

- learnopengl.com/Advanced-Lig...

These resources go into more detail on the topic of Bloom.
How Big Budget AAA Games Render Bloom
YouTube video by SimonDev
youtu.be
December 14, 2024 at 5:33 PM
(7/8) Get Beautiful Glow

In Reality, very hot objects emit light and when a camera sees it, the brightest part appears white and the glow can be seen around it.

To get this effect, I found out that we need to push the final color beyond 1. Here is a very simple Material that demonstrates this.
December 14, 2024 at 5:33 PM
(6/8) Make an object glow.

The default practice that I came across online was to just set the emissive property of the material and increase the emissive intensity.

But, this looks UGLY.🫣
December 14, 2024 at 5:33 PM
(5/8) Setup Bloom Effect:

NOTE: You can make the threshold higher depending on your scene.
December 14, 2024 at 5:33 PM
(4/8)

So, what's the solution? We have a few options:

1. Selective Bloom
2. Using multiple bloom passes to tune the effect
3. and, a better method I found out is to just set a very high threshold and push colors beyond "1" on all channels.

(I am using method 3 in this project⬇️)
December 14, 2024 at 5:33 PM
(3/8) Amazing Glow Effects in The Wild

The most perfect threejs Bloom I have seen belong to projects made by
@Jessezhouu(twitter). And a more recent example is @bruno-simon.bsky.social's new portfolio.
December 14, 2024 at 5:33 PM
(2/8)
I struggled to get perfect bloom in my projects. The default Bloom Effect was visually good, but it made every object glow.

I tried using SelectiveBloom for a while. While we can make specific objects glow, the downside is that the visual quality not as good as the default bloom effect.
December 14, 2024 at 5:33 PM
(1/8) TL;DR:
Bloom started appearing in games and 3D rendering as a way to make bright areas of a scene glow realistically. It quickly became essential for enhancing 3D scenes.

Think of the glowing swords, neon lights or magic spells in games. Those effects are enhanced with Bloom.
December 14, 2024 at 5:33 PM
Oops, I posted it on Twitter, forgot to post it here. Will do it today. Thanks for the reminder haha.
December 14, 2024 at 3:13 PM
Sweet Orange Glow.
December 6, 2024 at 7:43 PM