Skip to content
← Back to Community
🌎 Earth in ThreeJS (With Bump Map) 🌎
Profile icon
h
has Hacker Plan
RayhanADev

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

Voters
Profile icon
Jpeg2017
Profile icon
chillcafe
Profile icon
BCP
Profile icon
fuzzyastrocat
Profile icon
SixBeeps
Profile icon
TsunamiOrSumth
Profile icon
realTronsi
Profile icon
RayhanADev
Comments
hotnewtop
Profile icon
SixBeeps

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?

Profile icon
RayhanADev

@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.

Profile icon
realTronsi

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

Profile icon
RayhanADev

@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.

Profile icon
realTronsi

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

Profile icon
RayhanADev

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

Profile icon
realTronsi

@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

Profile icon
RayhanADev

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

Profile icon
realTronsi

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

Profile icon
RayhanADev

@realTronsi hahahaa my iPad better than your MacBook RIP.

Profile icon
realTronsi

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

Profile icon
RayhanADev

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

Profile icon
realTronsi

@RayhanADev no it is 225% bigger

Profile icon
RayhanADev

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

Profile icon
tussiez

@realTronsi SortaCraft?

Profile icon
BCP

Very cool! I love how it's so smooth

Profile icon
RayhanADev

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

Profile icon
BCP

@RayhanADev Yeah just checking them out

Profile icon
Hooded-Hacker

nice earth but something about looks wrong idk what
maybe its the way u put the texture on
is it a 2d or 3d texture
very good anyways

Profile icon
littlepenguin

How do you use this?
screenshot (3)

Profile icon
RayhanADev

@KirikAltekar hmm, wdym?

Profile icon
RayhanADev

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