Three.js in practice - Earth and planes - tutorial for beginners 2022 - part 2

Link to the assets used in the video:
github.com/Dom...
Here's the link to try this project on your browser!
domenicobrz.gi...
The second part of this project is the hardest, for those of you that didn't fully get the rotation part of the video, leave your questions in the comments and I'll try my best to explain a bit better what I did and why
#threejs #webdev #tutorial

[@fredilly]

brah...you just melted my brain

[@moritzmessner5248]

Hi! I think I followed the tutorial exactly but the planes don't have a shadow. Do you know what could have gone wrong?

[@irradiance730]

Hey there! did you try to download the project from the repo and then run that one? this should help us pinpoint if it's an issue with the machine / os / browser or something in code that it's missing

[@loile4984]

Hi Sir!. I want to make plane fly around the earth like you. I setup with r3f but the plane is not moving. Can you give me some advise? Thanks!!!

[@soyelchicodelanus8471]

Thanks!!

[@LL0R0N]

awesome job..... !!! I cant wait for the netx one.
I was trying to add some text but it looks transparent, Im just able to see it, when I move the mouse and everything change of color adding:
.absolute {
position: absolute;
class="absolute"
how can I put it in front of the web?!! .thanks !!!

[@irradiance730]

I think it would be easier for me to answer if you post the code as a gist on github :) once you have it show it here

[@LL0R0N]

@@irradiance730 im sorry,.,, the real question is how do you add text to the escene ?

[@irradiance730]

Inside index.html, give the text a position (either absolute or relative, up to you) and then in css specify: z-index: 1
Let me know if it worked! :)