Custom Spinning Globe HTML5 Animation Test

Hello all,

I am testing an animation built in HTML5 then plugged into (and controlled by) Storyline. 

It would be great if you could try out the link below in your browser (mobile or desktop) and give me some feedback. 

Flash version (loads webobject):

Pure HTML5:


16 Replies
Peter Anderson

Hey James, 

Cool animation. Just quickly tried both in Chrome (Mac) Version 22.0.1229.94. The Flash version is smooth and seems to animate perfectly, but the text got fudged. 

Whereas the pure HTML 5 version appeared perfect. 

Took both up to Speed: 75, and they continued running smoothly. Hope that helps!

Rebecca Fleisch Cordeiro

As I repeatedly click Slower, after it gets to 0, it begins to go faster and shows -1, -2, -3 etc.

Somewhere along the way "Faster" gets confused.

So right now, I've clicked on slower several times and it says -5.

I click Faster several times and the speeds show -4, -3, etc. but the speed is slowing down. Oh, and it's turning counter-clockwise

When I get to 0, it begins spinning clockwise, the numbers increment up, and it DOES go faster

Tracy McCulloch

This is a great effect! I did notice a few problems that will only happen when people do silly things:

1. When I slowed down too much it started to rotate backwards (beginning with speed -1).

2. When it rotates backwards for ~45 seconds or so, the continents begin to drift and overlap - see the first image below.

3. When it rotates really fast, some of the lines become black "islands" (the bulk starts with speed +12 and breaks off as an island around speed +20) - see the second image below.

These all happen with both links. It shouldn't be a major issue since (I would hope) few people will do this. I'm a technical writer, though, and tend to test things to extremes.

Alphonso Hendricks

Using Chrome. animation became see-through. Could see continents in front and back of globe rotating. Whereas the blue was "solid" and i could only see the continents passing by in front of me.

Great animation.

onEnterFrame (James Kingsley)

Thanks for the feedback everyone.

Looks like I have a bit of tweaking to do but for the most part it's working pretty well. 

The odd thing is that both the Flash and the HTML5 versions of Storyline are loading the same animation files. So it should function the same either way but it sounds like there is a lot of discrepancies between the two. 

Thanks again


Gokul K

Hello James,

                   Your demo was looking great. Thanks for sharing the code. I just need a help. I want to show a popup box on hover by getting the value of JSON for that particular country. I am awaiting for your reply.

Thanks in advance..

Warm Regards,


onEnterFrame (James Kingsley)

Hi Gokul,

I am swamped in a few projects right now.. I believe what you need to do is edit the Globe library and add a hover event. You will also need to add a json to each country... or compile one dynamically. 

Do you plan on pulling the JSON data from an external source?