Jaanga oSome Globe ~ R3 ~ Poof of Concept

Yes, I know the idiom is "proof of concept" and thus the title looks like a fail, but in this case the "poof" is intentional.

The above demo is a work in progress, a sketch. You will note that elevations are set so they are grossly exaggerated. In real life the globe is as smooth a billiard ball. So the 'poof' is just just a means of saying that the globe has been slightly exploded.

Note also the light frustum and cubes bobbing out of the globe and other artifacts and curiosities.

BTW, the purply translucent sphere indicates the sea level. What appears inside is the sea bottom - again with a gross exaggeration of depth.

For the moment the 3D topology only goes down to zoom level 3, but I hope in a few days to have 3D all the way down to zoom level 10 or more with elevations at approximately 1,000 meter intervals.

The level of detail after that would be to get down to elevations at about 30 meter intervals. More about that possibility at some future date.

The main thing is that what you see here are the rudiments of an animated 3D globe embedded in a Blogger post with all the code hosted on a GitHub server and the data sourced from the FOSS OpenStreetMap servers.

Keep in mind, as always: "The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies."

So watch out: we dummies are going global!

Link:
http://jaanga.github.io/cookbook/osome-globe/r3/index.html

BTW, the the globe up above should work - it's a simplified version of what's available via the link.

Using Three.js with DAT.GUI User Interface Controls

Silly me. I spent the day building an app to show you how Three.js can make good use of DAT.GUI. But now I cannot get the app to run inside Blogger without taking over the top of the screen.

So you will only be able to view my 3D efforts for the day after the jump.

3D in Blogger with Three.js ~ Day 4: We Have Callbacks!

What's new today for blogging in 3D?

There's a new 'in your face' masthead to your right. Links to last year's apps have been lost for the moment, but a link to the new jaanga organization in GitHub has been added.

The really fun thing was that I added the ability for every post to have its own unique animation. Yesterday, every post could have different data or models but everything just spinned in an identical manner.

Three.js 3D in Blogger ~ Now with Animation

This is day two of 3D blogging and the 3D is improving. As you can see (I hope) data can now be animated.

The idea is to be able to display 3D animations created using Three.js in Blogger headers and posts and, well, anywhere on the page.

So let's see how it's done.

Giving Jaanga A Little 3D Love

In the top right hand corner, there is a colored spinning cube. If you cannot see it, the your browser does not support WebGL.

If you can see it, then welcome to my new little 3D happy bloggy thing!

3D on the web is still a very new thing. Even web sites that are deeply involved and engaged with 3D tend to be mostly 2D based.

The current poplar standard for 3D in your browser is WebGL. WebGL is maintained by the Khronos Group.  You will have to dig quite deeply to find some 3D there.

Have a look at webgl.com, learningwebgl.com and learningthreejs.com. These sites show you images and videos of 3D but do not actually publish 3D in there posts.

So, hey people, get with the program!

If mrdoob.com can do it all in 3D so can all of us.