![]() For example, I believe that Egypt was a tropical jungle paradise somewhere around 7,000 to 10,000 years ago. We could also display things like how the temperate and desert bands have moved “up and down” the globe over time. Can you imagine going back in time - perhaps in a helicopter - and watching this event take place? The next best thing would be to take something like this animation and preset a high-resolution version on our “mega-sphere”: I believe the most recent occurrence came somewhere around 10,000 years ago to coincide with the end of the last ice age (which may account for stories of a “Great Flood”). We could also opt to superimpose information like today's country boarders and/or city locations onto these ancient landmasses, so we could see where New York City would have been 250 million years ago, for example, and how this location has migrated around the surface of the earth.Īnother thing that has long interested me is the fact that it is now believed the Mediterranean basin has dried up and then re-flooded multiple times over the course of millions of years. Returning to the super continent Pangaea, we could display its evolution and subsequent devolution over time. ![]() And, once again, in addition to static images, we can also display animations and videos of all sorts of things. Then there are things like the tectonic plates and the volcanoes forming the Pacific Ring of Fire. How about the ability to display the locations and types of known natural resources, such as coal and oil and rare-earths and suchlike? Again, rather than simply “painting” these on the surface, you could make the display look as though the earth were sort of transparent as though you were seeing these resources under the ground. It would also be interesting to be able to make the water disappear altogether. It would also be nice to be able to make the oceans (and big lakes) go sort of transparent, so you could see the underwater terrain like mountains and canyons. We could start with a regular display of countries with cities and borders and suchlike, and then switch to a view showing the topology and flora like mountains and forests and stuff. So, what could we do with such a display? Well, let's start by imagining how we might present the world the way it is today. I'd be happy with something as small as 18″ diameter, but I'd be bouncing off the walls with excitement if I had access to a 36″ diameter beauty. Still-and-all, as they say, I really would like something like this of my very own. I would love to have one of these little rascals to play with, but I'm not a complete idiot (my mother had me tested) and I do appreciate that something like this would be way too large and far too expensive for home use. JQuery.get('data/density.csv', function(data) ) įor (var i = 0 i < data.As we can see in the image above, this is really, really tasty. we wait until the document is loaded before loading the create a basic scene and add the camera Var camera = new THREE.PerspectiveCamera(FOV,WIDTH/HEIGHT,NEAR,FAR) setup a camera that points to the center Var mapDiv = document.getElementById("globe") Var renderer = new THREE.WebGLRenderer() some global variables and initialization code The following code is the basic code you need to get started. We’ll start, as with every Three.js project, with the basics, and add the Three.js initialization code. Many steps, but really not so difficult to do. To create this we need to take the following steps: This graphic, of which you can find a working example here, shows the population density around the world, plotted onto a 3D globe, rendered using Three.js. For this first article I’ll show you how you can create the following ‘infographic’: In this article I’ll show you how you can render open data based onto a 3D globe. In this article we’ll continue a bit further on this path. In a couple of previous articles I already showed how you can create 3D maps and even use elevation data to create 3D representations of the real world. With Three.js it’s very easy to create 3D objects and render these using WebGL.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |