首页 | 1805 | 170 | 14 | 添加收藏 上一个 下一个
Canvas网页特效动画实战精讲

Canvas网页特效动画实战精讲


Canvas网页特效动画实战精讲课程视频教程下载。本视频canvas动画揭秘讲解了如何借助 Canvas 和数学物理的知识在 Web 上创建交互式动画。视频的主要内容包括:基础动画、高级动画、3D 动画 3 个部分。分别介绍了动画的基本概念、动画中的三角学、速度向量和加速度、边界和摩擦力、用户交互、缓动和弹动的原理、碰撞检测、撞球物理、粒子与万有引力、从 2D 到 3D 等等诸多丰富的内容。


Canvas网页特效动画实战精讲
一、课程章节
第一章:运动和三角函数
01、动画的基本概念
02、常用的三角函数
03、Math.atan与Math.atan2
04、箭头跟随鼠标转动案例
05、正弦波的应用(上)
06、正弦波的应用(下)
07、正圆和圆周运动
08、速度向量(上)
09、速度向量 (下)
10、加速度


第二章:边界和摩擦力
01、环境边界(1)
02、环境边界(2)
03、环境边界(3)
04、边界处理(4)
05、摩擦力


第三章:鼠标和绘制对象的交互
01、与鼠标交互
02、拖拽绘制对象
03、带运动的拖拽动画
04、投掷动画


第四章:缓动与弹动
01、缓动的基本原理
02、缓动案例
03、弹动的基本原理
04、弹动案例、橡皮筋
05、多物体弹动(上)
06、多物体弹动(下)


第五章:碰撞检测
01、矩形的碰撞检测(上)
02、矩形的碰撞检测(下)
03、圆形的碰撞检测
04、多物体碰撞(上)
05、多物体碰撞(下)
06、光线投影法碰撞检测(上)
07、光线投影法碰撞检测(下)


第六章:高级坐标旋转和斜面反弹
01、高级坐标旋转的原理
02、斜面反弹(上)
03、斜面反弹(中)
04、斜面反弹(下)


第七章:撞球物理
01、动能和动量
02、一维碰撞处理
03、二维撞球运动的原理
04、二维撞球运动的实现(上)
05、二维撞球运动的实现(下)


第八章:粒子和万有引力
01、粒子和万有引力基础概念
02、万有引力的基本应用
03、粒子花园(上)
04、粒子花园(中)
05、粒子花园(下)


第九章:从 2D 到 3D
01、3d基础概念
02、canvas模拟三维环境
03、简单的3d动画(上)
04、简单的3d动画(下)
05、z环绕案例星空(上)
06、z环绕案例星空(下)


第十章:常见案例讲解和补充
1、说明(已完结)


二、学习目标
通过学习了解:基础动画、高级动画、3D 动画 3 个部分。分别介绍了动画的基本概念、动画中的三角学、速度向量和加速度、边界和摩擦力、用户交互、缓动和弹动的原理、碰撞检测、撞球物理、粒子与万有引力、从 2D 到 3D 等等诸多丰富的内容。你还可以看到如何将概念和公式应用其中,并且发挥它们奇妙的作用。


三、附学习课件+源码。