Share your repls and programming experiences

← Back to all posts
🌎 Earth in ThreeJS (With Bump Map) 🌎
h
RayhanADev (2611)

Earth Rendered Using ThreeJS

So um, I don’t want to talk about. My ThreeJS is very bad as you can see xD. I use Blender often so I did decide to incorporate a Bump Map and make the Earth actually look nice.

Click here for fullscreen! (This won’t work if you don’t have WebGL)

This is kinda my first ThreeJS project so please be nice in the comments. Any tips or tricks in ThreeJS let me know. Should I make more for other planets?

~ Ray

Comments
hotnewtop
SixBeeps (5346)

Nicely done! The bump maps really do add to the entire effect. Maybe you could make the light rotate around the earth to simulate the day-night cycle?

RayhanADev (2611)

@SixBeeps thank you xD and that’s a better idea! Right now the Earth and clouds rotate by themselves and I have a lamp for sunlight but that sounds much more interesting. Also, we have our BramJam submission if you want to check it out.

realTronsi (924)

wow nice! Took a while to render but the bumpmaps and stuff are very interesting

RayhanADev (2611)

@realTronsi thank you xD. My first try actually making something with ThreeJS, but honestly its so complex. I don’t understand how much effort those Minecraft clones put into their games xD.

realTronsi (924)

@RayhanADev minecraft clones don't use threejs. They typically use WebGL or OpenGL, and it's a lot more flexible.

RayhanADev (2611)

@realTronsi well I used WebGL too because ThreeJs uses WebGL.

realTronsi (924)

@RayhanADev ah, well webGL and openGL are a lot faster than threejs btw. Normal minecraft runs at like 60fps with just a normal cheap laptop at $500-$600

RayhanADev (2611)

@realTronsi lol this thing runs 17-22fps on my iPad (me not using a computer like a normal person 🤦‍♀️)

realTronsi (924)

@RayhanADev it runs like 15fps on my MacBook Pro :/

RayhanADev (2611)

@realTronsi hahahaa my iPad better than your MacBook RIP.

realTronsi (924)

@RayhanADev I expanded map size from 2000, 2000 to 3000, 3000

RayhanADev (2611)

@realTronsi Nice, that sounds much better (like 50% bigger xD, great!) 👍.

RayhanADev (2611)

@realTronsi o.o
Me: Pulls out calculator (casually closes Pokemon)
Me: Types in equation but knows its wrong
Me: You’re right xD

BCP (8)

Very cool! I love how it's so smooth

RayhanADev (2611)

@BCP haha thank you xD! I love how you’re going through all my old posts lol.

BCP (8)

@RayhanADev Yeah just checking them out

RayhanADev (2611)

What do you all think? Good, bad? Let me know!