Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

bug fixes to environment & lightformer in drei. making your own environment maps with code has real benefits: they're tiny—a few bytes, you have full creative control, and looks good! the demo re-creates THREE.RoomEnvironment w/ an additional ring light.

18,144 görüntüleme • 1 yıl önce •via X (Twitter)

10 Yorum

☄︎ profil fotoğrafı
☄︎1 yıl önce

THREE.RoomEnvironment in r3f this is a little easier because you can mount this stuff directly into the drei <Environment> component. <Lightformer> then abstracts some nice-to-have photographic soft box attributes (form:rect-ring-circle-box, intensity, and so on).

☄︎ profil fotoğrafı
☄︎1 yıl önce

the bugfixes: - environment had some HMR issues and didn't always update correctly - lightformer was hard to orient. it will look to 0/0/0 or the target prop by default now, unless you give it a specific rotation

The Ebenezer profil fotoğrafı
The Ebenezer1 yıl önce

This is a highly underrated feature!! I’ll start using this more from now on.🙌

Anderson Mancini profil fotoğrafı
Anderson Mancini1 yıl önce

Amazing work guys. Can I ask for a future feature? Can we control the parameters also when we use the ground property? Today, when we set the ground, we lose control over rotation, intensity, etc. Please please please 🙏🏻 😀 . Thank you so much for your amazing work as always.

☄︎ profil fotoğrafı
☄︎1 yıl önce

im not sure, but i think the ground projection is not really an environment. but i think you are right, props that could transfer over should. @CantBeFaraz do you know if that's possible?

Anderson Mancini profil fotoğrafı
Anderson Mancini1 yıl önce

Would be so amazing if we could make the light former visible only for the reflection but not the background. In some cases, we need to use spheres to fake the environment so we don't show the light formers in the background. That would be super useful too. Again, just suggestions okay? The component is perfect the way it is 😍👏🏻.

☄︎ profil fotoğrafı
☄︎1 yıl önce

could you clarify? the background is optional via the "background" prop. you can also make an env specifcally for the background, and one more specifically for reflections: &lt;Environment background="only"&gt; &lt;foo /&gt; ... &lt;Environment&gt; &lt;bar /&gt;

Brian Breiholz profil fotoğrafı
Brian Breiholz1 yıl önce

My latest goto for a quick environment is using &lt;Sky/&gt; inside &lt;Environment&gt; works really well for Outdoor scenes

☄︎ profil fotoğrafı
☄︎1 yıl önce

i tried this in a small game once, mounting the same &lt;Game /&gt; additionally into &lt;Environment resolution={64} /&gt; and it kind of somewhat worked. 😄

Tyson Skakun profil fotoğrafı
Tyson Skakun1 yıl önce

I know compression will kill the video, but its beautiful. I immediately updated to test it out.

Benzer Videolar