O'Reilly logo

Three.js Essentials by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Animating HTML elements with TweenJS

In this section, we'll use the same approach as in the previous section to create 3D objects that are built up from HTML elements. The following screenshot shows an impression of what we'll create in this section (the 06.03-Animations.html file):

Animating HTML elements with TweenJS

If you run this example, you'll see a rotating 3D object built up from a number of images. Using the menu on the top right-hand side of the window, you can change the shape of the 3D object, and the various components will automatically move to their correct new position and rotation. Let's start with the beginning and look at the HTML element that we use to show the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required