Hey everyone! I’m currently working on my personal website and love Three.js and r3f.
I managed to get very close to a first iteration of my home page;
https://codesandbox.io/p/github/tlk-kmk/TLK25/main?import=true
One thing that’s weird is the rotation of the logo (the butterfly). If you look closely, you see that on one exact angle the objects seem to shift in terms what’s on top of what.
You can see it here. The “wing” of the butterfly should be “on top” of the “head” of the butterfly but it isnt, making it look weird and off. Once it rotates to the point where the other wing is in the front, everything looks normal. Whys that?