Make a realistic globe

Hi there.

I have given this a few tries over the years and every time I get closer but can never get it done all the way.

I am wondering if anyone wants to take a crack at it, or has done it before.

It would be a globe, that you can control with the mouse (like google earth) that does not need zoom in abilities and does not really destroy the rest of the layout (forced black background, etc).

Controlling it with the mouse is the easy part. My last attempt I feel I got pretty close but I also had to destroy the background:

A layer with a map image, with a Bulge effect, not so high on the scale as quality gets degraded no matter the image resolution; A layer on top with a white circle. "Source in" on the the bottom layer and "Destination in" on the top layer. This "works" to some extent but it never quite feels like a globe when moving it around with the mouse, it just feels like moving a map around inside a circle. The "Bulge" effect helps some. I have poked around with the "Bulge" effect enough to start to think that there may not be a sweet spot, I may just be going at it the wrong way.

I messed around with plenty of other effects (warp, pulse). I considered going third party on the whole thing with importing in three.js or something similar and popping a globe in but I was hoping to keep it native to Construct if possible.

Has anyone had any solid 3d looking success with this?

Well, here´s my attempt. You do have to fake some stuff, and that usually comes with tradeoffs. So if you want a globe just like google earth, you won´t get around using something like threejs. If you are ok with the tradeoffs, you can fake it. Now I don´t know what you intend to create, but if it´s not crucial, you should consider changing it to something that works fine in 2D and doesn´t require too much faking or third party libraries, it will safe you a lot of headaches.

wackytoaster.at/parachute/globe.c3p

Well, here´s my attempt. You do have to fake some stuff, and that usually comes with tradeoffs. So if you want a globe just like google earth, you won´t get around using something like threejs. If you are ok with the tradeoffs, you can fake it. Now I don´t know what you intend to create, but if it´s not crucial, you should consider changing it to something that works fine in 2D and doesn´t require too much faking or third party libraries, it will safe you a lot of headaches.

https://www.wackytoaster.at/parachute/globe.c3p

Thanks so much for your help. I actually made a very great example and I will update this post for future visitors once I got it down all the way. I actually used the exact example you provided from codepen and was able to incorporate that in with the canvas overlaying it transparently and controlling it from the canvas of Contruct.

Once I am satisfied with the fine controls i'll provide a .c3p file.