HTML and CSS Reference
In-Depth Information
Chapter 15
3D Basics
What we'll cover in this chapter:
The third dimension and perspective
Velocity and acceleration
Bouncing
Gravity
Wrapping
Easing and springing
Coordinate rotation
Collision detection
Up to now, everything in this topic has been in just two (and sometimes only one) dimensions, and you've
created some pretty interesting animations. Now, let's take it to the next level.
Creating graphics in 3D is exciting because the extra dimension seems to make things really come to life.
We move through the basics of programming 3D fairly quickly, and after that, we'll see how the motion
effects discussed in the previous chapters can be done with a third dimension. Specifically, this chapter
covers velocity, acceleration, friction, gravity, bouncing, wrapping, easing, springing, coordinate rotation,
and collision detection.
For now, you are primarily concerned with taking an object and moving it around in 3D space, using
perspective to calculate its size and position on the screen. The object we draw is flat, of course. It won't
