Is there a way of creating a spherical skybox in three.js? [SOLVED]

scene

#1

Hello Three.js community.
I’m new to three.js and I’ve been trying to find info about this…

The main idea is to put a universe with different planets (skyboxes). I want the user to be able to enter each planet zooming in and zooming out… Is it possible? What would be your approach to this idea?

Thank you for helping me out!


#2

Are you looking for something like this?


#3

Thank you for your relpy dear @Mugen87… This is wonderful BUT, I would love if there is a way to make the user ENTER the planet doing a “super zoom in” ??

In the example that you gave me, you can see and be very near of a selected star, but you can not actually ENTER the planet through a zooming in event…


#4

I can’t provide you an out-of-the-box solution for this since it’s a very specific use case. I would try to use a transition effect in order to change from the space scene to the planet scene. So after you have zoomed in to the planet to a certain amount of degree, I would show a transition effect and then start rendering the planet scene. The transition effect would be implemented based on post-processing similar to the following example:

https://threejs.org/examples/webgl_postprocessing_crossfade.html


#5

Okkk… I understand, this is very helpful @Mugen87.

Thank you!! :slight_smile: