妙味canvas创建交互式动画揭秘
本帖最后由 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环绕案例星空（下）
第十章 常见案例讲解和补充
[*]说明
下载地址：
**** Hidden Message *****
不管你信不信，反正我是信了。 啥也不说了，楼主就是给力！ 看帖看完了至少要顶一下，还可以加入到淘帖哦！ 不错，又占了一个沙发！ 感谢分享！！！ 不错，又占了一个沙发！ 不错，又占了一个沙发！ 看帖看完了至少要顶一下，还可以加入到淘帖哦！ 哥顶的不是帖子，是寂寞！ 看帖看完了至少要顶一下，还可以加入到淘帖哦！ 妙味canvas创建交互式动画揭秘 GUGAOLIANG 膜拜神贴，后面的请保持队形~ 感谢分享 啥也不说了，楼主就是给力！
页:
[1]