《HTML5+JavaScript动画基础》——第2章 动画的JavaScript基础 2.1动画基础

  1. 云栖社区>
  2. 博客>
  3. 正文

《HTML5+JavaScript动画基础》——第2章 动画的JavaScript基础 2.1动画基础

异步社区 2017-05-02 16:23:00 浏览768
展开阅读全文

本节书摘来自异步社区《HTML5+JavaScript动画基础》一书中的第2章,第2.1节,作者:【美】Billy Lamberta , Keith Peters著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第2章 动画的JavaScript基础

如果说第1章是在原理上对动画的概述,那么本章将从技术角度概述如何创建HTML5文件以及如何用canvas元素和JavaScript实现动画。本章将介绍HTML5文件结构的要点、动画循环、JavaScript对象以及用户交互的相关内容。本章所学的技巧将贯穿本书的始终。

2.1 动画基础

在开始本章的介绍之前,先回顾下第1章的内容:

  • 动画由帧组成,每一帧在表现运动的假象上有细微差别;
  • 逐帧动画包含每一帧的图像或图像描述;
  • 动态动画包含一幅图片的起始描述以及后续每一帧图像的变化规则。

本书着重于动态动画的规则,其中会介绍改变图像描述的各种不同技术,正是依赖于这些技术才得以实现逼真的动画效果。本章将介绍如何定义图像起始描述的结构,如何为每一帧应用变化规则以及如何将两者结合在一起完成一个程序。在此过程中我们会创建大量可行的实例。

网友评论

登录后评论
0/500
评论
异步社区
+ 关注