HTML Animation using javascript

Question

I came across a site where they have done nice animation. I am not able to make out if they have used any tools for this or most of this is custom coding. from HTML source it seems they are using Angular JS etc..

http://viewfromabove.emirates.com/3d

I had few question regarding this site

Is it custom animation or they have used some third part tool to generate this animation
How are they animation Globe is it a 3d image or pure HTML based animation of globe.

You mean they have used 3rd party tool or it is custom animation — Learning
– Learning, Commented Jan 26, 2016 at 5:01
For 2 it's a rendered image on a HTML <canvas>. So it's not the "HTML" approach in the sense that the globe is not composed of HTML elements. — AVAVT
– AVAVT, Commented Jan 26, 2016 at 5:07

Nick Larsen · Accepted Answer · 2016-01-26 05:03:10Z

4

It's using THREE.js.

It's a rendered 3D object.

answered Jan 26, 2016 at 5:03

Nick Larsen

18.9k6 gold badges70 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jimbo Jonny · Accepted Answer · 2016-01-26 05:13:56Z

1

It's WebGL rendering done with the THREE.js library, and audio via howler.js.

As Nick says, it's not just an animation, it's a 3D scene being rendered in the browser. It's 2016, most browsers can do that now.

answered Jan 26, 2016 at 5:13

Jimbo Jonny

3,5791 gold badge21 silver badges23 bronze badges

Collectives™ on Stack Overflow

HTML Animation using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related