• 课程介绍
  • 学习目标
  • 课程详情
  • 本视频讲解了如何借助Canvas和数学物理的知识在Web上创建交互式动画。你无须为记不清数学课上那些公式而感到担心,你只需要对它们稍微有一些了解就可以开始本视频的学习了。
    在视频中,将会讲解大量典型的案例,并且对每个案例的原理都会细致的分析,你大可以将这些案例的技术运用到实际工作当中。
  • 通过学习了解:基础动画、高级动画、3D 动画 3 个部分。分别介绍了动画的基本概念、动画中的三角学、速度向量和加速度、边界和摩擦力、用户交互、缓动和弹动的原理、碰撞检测、撞球物理、粒子与万有引力、从 2D 到 3D 等等诸多丰富的内容。你还可以看到如何将概念和公式应用其中,并且发挥它们奇妙的作用。
  • 官网视频又更新啦,又到了给自己充电的绝佳时候:【 canvas 动画揭秘】;打开你的求知欲望,通往炫酷的华丽大门,一场视觉盛宴的技能学习即将拉开序幕;

    视频介绍

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

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

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

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

     

     

    试看地址:https://study.miaov.com/v_show/1826

    课程费用:

    活动价:¥268.00288.00      VIP价:¥229.00

    学前基础

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

    讲师介绍

    课程目录

    第一章 运动和三角函数

    •  动画的基本概念

    •  常用的三角函数

    •  Math.atan 与 Math.atan2

    •  案例:箭头跟随鼠标转动

    •  正弦波的应用(上)

    •  正弦波的应用(下)

    •  正圆和圆周运动

    •  速度向量(上)

    •  速度向量(下)

    •  加速度

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

    •  环境边界-超出边界移除

    •  环境边界-重置物体

    •  环境边界-循环处理

    •  环境边界-边界反弹

    •  摩擦力及其应用

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

    •  与鼠标的交互

    •  拖拽绘制对象

    •  结合运动的拖拽

    •  投掷物体

    第四章 缓动和弹动

    •  缓动的基本原理

    •  缓动的应用案例

    •  弹动的基本原理

    •  弹动的应用案例

    •  处理多物体弹动(上)

    •  处理多物体弹动(下)

    第五章 撞检测

    •  矩形的碰撞检测(上)

    •  矩形的碰撞检测(下)

    •  圆形的碰撞检测

    •  多物体碰撞检测(上)

    •  多物体碰撞检测(下)

    •  光线投影法碰撞检测

    第六章 坐标系旋转和斜面反弹

    •  高级坐标旋转的原理

    •  斜面反弹(上)

    •  斜面反弹(中)

    •  斜面反弹(下)

    第七章 撞球处理之动能动量

    •  动能和动量

    •  一维碰撞处理

    •  二维撞球运动的原理

    •  二维撞球运动的实现(上)

    •  二维撞球运动的实现(下)

    第八章 粒子和万有引力

    •  粒子和万有引力基础概念

    •  万有引力的基本应用

    •  粒子花园(上)

    •  粒子花园(中)

    •  粒子花园(下)

    第九章 从 2D 到 3D

    •  3d基础概念

    •  canvas 模拟三维环境

    •  简单的 3d 动画(上)

    •  简单的 3d  动画(下)

    •  z环绕案例星空(上)

    •  z环绕案例星空(下)

    第十章 常见案例讲解和补充

    •  说明


    课程咨询:

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

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

课程目录

资料下载

购买课程后,可免费下载课件

讲师信息

付强

主讲教师:付强

讲师介绍:全职讲师,性格直率豪爽的东北爷们儿。 高中时就开始写各种游戏外挂,狂热的迷恋程序开发行业,从此坠入程序海洋的深渊,一发不可收拾! 从来抵挡不了最新技术以及各种有趣算法的诱惑,在潜心研究的同时,得出许多个人领悟和众多案例实践。尤其近期出现的NodeJS、ECMAScript6、微信小程序等新技术,个人研究状态更是达到了痴迷的地步。 现任妙味JS讲师,幽默风趣,乐于助人,擅长用最贴近生活的方式进行教学。

“100%中奖,幸运好礼转到手”
幸运用户
用户 奖励方式
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
1. 中奖后请联系客服,兑换奖品;
2. 兑奖有效期:2018 年 10 月 18 日 - 2018 年 12 月 31 日;
3. 本活动最终解释权归妙味课堂所有;
您还剩余1次抽奖机会
 
“100%中奖,幸运好礼转到手”
恭喜中奖
奖品名称
“下笔消费返还10%现金”
查看奖品详情
 
“100%中奖,幸运好礼转到手”
奖品名称
下笔消费返还10%现金
奖品描述:

1、赠送1年VIP会员视频权限

2、不能赠予,仅限中奖的用户使用

3、提供ID号+绑定的手机号

4、提供个人中心的中奖截图

兑换有效期: 2018年11月31日 - 17:00:00
兑换方式:联系客服兑换

客服联系方式:

QQ:2852509866、2852509868

微信:miaov-class、miaov-study

返回
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部