Click Image for Full Page view

The Browser

You animation lives in a Browser :

Although 'three.js' and 'Babylon.js' can be employed elsewhere, predominantly they are utilised to create animations within a Browser window.

After experimentation, the best browser for three.js animation seems to be 'Google Chrome' closely followed by 'Microsoft Edge'. 'Mozilla Firefox' comes in at a definite third.

'Apple Safari' has its own tricks and depending on which version is installed, support for WebGL may have to be manually turned on in the browser settings.

To follow this tutorial, you should consider downloading and using Google Chrome.

In following this tutorial you will effectively be constructing a web page which must be hosted locally on your computer or on a server.

Both options will work fine. This web site is hosted at originally because it offered free hosting but now because it is a comparatively fluent and easy hosting service to use. You are encouraged to look at this site and if you are familiar with web hosting services, you can use this site to host your animation.

For the purpose of this tutorial however it will be shown how to host (easy) your animation on your own computer.

--/////////////////////////////////////////////////////////////// -->