前端canvas炫酷动画教程(如何使用 Canvas 制作网页背特效)

书籍介绍

本小册将带你进入 Canvas 的世界,为你展示 30+ 个 Canvas 项目,你会惊叹于 Canvas 所制作出的神奇效果。

同时会带大家从零开始学习 Canvas:从零开始,教你绘制出基本图形。通过组合这些基本图形,将产生不可思议的化学反应~

在入门了 Canvas 之后,将带大家分析那些可以作为背景的 Canvas 炫酷特效,总结出这些炫酷特效都有哪些特点。日后这些就是你的思想武器。掌握了这些规律,你就相当于站在了巨人的肩膀上,再制作炫酷的网页背景特效将会事半功倍。

在了解了这些特点之后,我们将通过一个具体的案例来一起实现一下这些特效。

最终, Canvas 基础知识 + 特效特点 + 你丰富的想象力 = 属于你自己的炫酷网页背景特效。

划重点:本小册的所有特效,都会将源码分享给大家~ (。♥‿♥。)

本书目录

  1. 什么是 Canvas
  2. Canvas 的应用场景
  3. 手摸手带你入门 Canvas
  4. 炫酷背景特效的通性
  5. 怎么实现随机粒子
  6. 使你的随机粒子动起来
  7. 使你的鼠标和屏幕互动
  8. 制作属于你自己的特效
  9. 使你的 Canvas 更加优雅

你会学到什么?

  • 了解基本的 Canvas API
  • 使用 Canvas 绘制基本图形和特效
  • 了解 Canvas 常见特效的“套路”
  • 制作出属于你自己的 Canvas 背景特效

你应该已经了解什么?

  • 一定的前端基础(包括但不限于 HTML5、CSS3、JavaScript);
  • 一丢丢的数学知识(高数能及格的水平就好)~

你需要准备什么?

  • 一台电脑
  • 一颗认真学习的心
  • 一杯咖啡
前端canvas炫酷动画教程(如何使用 Canvas 制作网页背特效)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

侵权投诉:nerds@nigaea.com

工作时间:周一至周五,9:30-18:00,节假日休息

QR code