本帖最后由 melean 于 2019-9-29 20:30 编辑
官网视频又更新啦，又到了给自己充电的绝佳时候：【 canvas 动画揭秘】；打开你的求知欲望，通往炫酷的华丽大门，一场视觉盛宴的技能学习即将拉开序幕； 视频介绍本视频讲解了如何借助 Canvas 和数学物理的知识在 Web 上创建交互式动画。
在视频中，将会讲解大量典型的案例，并且对每个案例的原理都会细致的分析，你大可以将这些案例的技术运用到实际工作当中。同时在制作这些案例的时候，你还可以看到如何将概念和公式应用其中，并且发挥它们奇妙的作用。如果你实际动手跟着我去做，那么当你看到自己创建的各种物体在屏幕上运动的时候，你一定会非常有成就感，因为它们看上去栩栩如生。
视频的主要内容包括：基础动画、高级动画、3D 动画 3 个部分。分别介绍了动画的基本概念、动画中的三角学、速度向量和加速度、边界和摩擦力、用户交互、缓动和弹动的原理、碰撞检测、撞球物理、粒子与万有引力、从 2D 到 3D 等等诸多丰富的内容。
虽然本视频所讲解的知识是建立在在以 Javascript 语言为基础的 Canvas 上的，不过如果你掌握里其中的原理，你可以将它们运用到任何地方，比如： SVG 、 DOM 元素等，亦或是游戏开发和其它语言平台。当然，如果你的技术已经很好了，那么你大可以对已经掌握的知识进行一次梳理和复习，正所谓温故而知新。最后，祝大家学的开心!
课程目录第一章 运动和三角函数- 动画的基本概念
- 常用的三角函数
- Math.atan 与 Math.atan2
- 案例：箭头跟随鼠标转动
- 正弦波的应用（上）
- 正弦波的应用（下）
- 正圆和圆周运动
- 速度向量（上）
- 速度向量（下）
- 加速度
第二章 边界处理和摩擦力的应用- 环境边界-超出边界移除
- 环境边界-重置物体
- 环境边界-循环处理
- 环境边界-边界反弹
- 摩擦力及其应用
第三章 鼠标和绘制对象的交互第四章 缓动和弹动- 缓动的基本原理
- 缓动的应用案例
- 弹动的基本原理
- 弹动的应用案例
- 处理多物体弹动（上）
- 处理多物体弹动（下）
第五章 撞检测- 矩形的碰撞检测（上）
- 矩形的碰撞检测（下）
- 圆形的碰撞检测
- 多物体碰撞检测（上）
- 多物体碰撞检测（下）
- 光线投影法碰撞检测
第六章 坐标系旋转和斜面反弹- 高级坐标旋转的原理
- 斜面反弹（上）
- 斜面反弹（中）
- 斜面反弹（下）
第七章 撞球处理之动能动量- 动能和动量
- 一维碰撞处理
- 二维撞球运动的原理
- 二维撞球运动的实现（上）
- 二维撞球运动的实现（下）
第八章 粒子和万有引力- 粒子和万有引力基础概念
- 万有引力的基本应用
- 粒子花园（上）
- 粒子花园（中）
- 粒子花园（下）
第九章 从 2D 到 3D- 3d基础概念
- canvas模拟三维环境
- 简单的3d动画（上）
- 简单的3d动画（下）
- z环绕案例星空（上）
- z环绕案例星空（下）
第十章 常见案例讲解和补充
下载地址：
| 
发表于 2019-9-29 16:50:30
2091 浏览 15 回复
