HTML5 Canvas实战
5 动画给画布带来生机
阅读(

路径和文本

图形及组合

处理图像和视频

画布变换

动画给画布带来生机

本书的前半部分,我们主要介绍了HTML5画布的基本功能,包括绘制路径、绘制图形、处理图像和视频、变换。本章重点介绍动画,它不是HTML5画布API的组成部分。虽然HTML5画布API并未提供动画功能,但我们当然可以创建一个Animation类,并应用于支持动画的项目。我们将介绍基本的动画类型,包括直线运动、加速运动、振荡,并用我们所学到的知识来创建一些超棒的实例。

本章内容:

  • 创建Animation类
  • 创建直线运动
  • 创建加速度
  • 创建振荡运动
  • 摆动的气泡
  • 摆钟
  • 动画机械齿轮
  • 动画时钟
  • 模拟粒子物理学
  • 创建微生物生命形态
  • 增强画布并显示FPS值
← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验