是时候给自己充电了【canvas动画揭秘】

官网视频又更新啦,又到了给自己充电的绝佳时候:【 canvas 动画揭秘】;打开你的求知欲望,通往炫酷的华丽大门,一场视觉盛宴的技能学习即将拉开序幕;

视频介绍

本视频讲解了如何借助 Canvas 和数学物理的知识在 Web 上创建交互式动画。

在视频中,将会讲解大量典型的案例,并且对每个案例的原理都会细致的分析,你大可以将这些案例的技术运用到实际工作当中。同时在制作这些案例的时候,你还可以看到如何将概念和公式应用其中,并且发挥它们奇妙的作用。如果你实际动手跟着我去做,那么当你看到自己创建的各种物体在屏幕上运动的时候,你一定会非常有成就感,因为它们看上去栩栩如生。

视频的主要内容包括:基础动画、高级动画、3D 动画 3 个部分。分别介绍了动画的基本概念、动画中的三角学、速度向量和加速度、边界和摩擦力、用户交互、缓动和弹动的原理、碰撞检测、撞球物理、粒子与万有引力、从 2D 到 3D 等等诸多丰富的内容。

虽然本视频所讲解的知识是建立在在以 Javascript 语言为基础的 Canvas 上的,不过如果你掌握里其中的原理,你可以将它们运用到任何地方,比如: SVG 、 DOM 元素等,亦或是游戏开发和其它语言平台。当然,如果你的技术已经很好了,那么你大可以对已经掌握的知识进行一次梳理和复习,正所谓温故而知新。最后,祝大家学的开心!

视频地址:http://2017.miaov.com/study

更新说明

该视频为定期更新视频,每周更新2-4集。

普通用户可以试看:

  • 第一章:第 1 节 ~ 第 4 节

VIP 用户可以试看:

  • 第一章:第 1 节 ~ 第 10 节
  • 第二章:第 1 节 ~ 第 5 节

试看地址:http://2017.miaov.com/v_show/1858

超值优惠价

原价:288 元; 活动价:268 元; VIP会员价 :229 元

学前基础

JS 的基础语法、ES6 的常用语法、事件、面向对象的编程基础、以及对 HTML5 中 canvas 的 api 的基本了解。对于基础稍差的伙伴可以参考:http://2017.miaov.com/study

讲师介绍

课程目录

第一章 运动和三角函数

  • 动画的基本概念
  • 常用的三角函数
  • Math.atan 与 Math.atan2
  • 案例:箭头跟随鼠标转动
  • 正弦波的应用(上)
  • 正弦波的应用(下)
  • 正圆和圆周运动
  • 速度向量(上)
  • 速度向量(下)
  • 加速度

第二章 边界处理和摩擦力的应用

  • 环境边界-超出边界移除
  • 环境边界-重置物体
  • 环境边界-循环处理
  • 环境边界-边界反弹
  • 摩擦力及其应用

第三章 鼠标和绘制对象的交互

  • 与鼠标的交互
  • 拖拽绘制对象
  • 结合运动的拖拽
  • 投掷物体

第四章 缓动和弹动

  • 缓动的基本原理
  • 缓动的应用案例
  • 弹动的基本原理
  • 弹动的应用案例
  • 处理多物体弹动(上)
  • 处理多物体弹动(下)

第五章 撞检测

  • 矩形的碰撞检测(上)
  • 矩形的碰撞检测(下)
  • 圆形的碰撞检测
  • 多物体碰撞检测(上)
  • 多物体碰撞检测(下)
  • 光线投影法碰撞检测

第六章 坐标系旋转和斜面反弹(更新中ing)

第七章 撞球处理之动能动量(更新中ing)

第八章 粒子和万有引力(更新中ing)

第九章 从 2D 到 3D(更新中ing)

第十章 常见案例讲解和补充(更新中ing)

视频地址:http://2017.miaov.com/study


课程咨询:

• 咨询QQ:2852509866、2852509867、2852509868
• 电话:010-57269690

想了解妙味最新公开课消息?长按二维码关注吧:

妙味网友
请登录后留言,请登录注册