妙味周末训练营 Canvas - 那些震撼的交互动画怎么做的

“老板,今年怎么不涨工资啊?”
“今年效益不好,明年多给你长点。”

“经理,那个之前说好的这个项目开发组组长是我的,怎么是小张了?”
“哦,这个事啊,你和小张还是都很努力,不过小张在技术上懂的更多一点,更适合这个位子。别急,下个项目保证就是你了~”

“小张,周末准备干嘛去啊?”
“哦哦,是陈哥啊。准备再去练练 canvas ”

“呃……”
“嗯嗯~回见哈”

——你还想被敷衍吗?
——在职场上总是差了一点点的那个人,别总是你!
——本周末,来妙味课堂,与 积极上进、志同道合的少数派 小伙伴们一起,专注学习~
——某些职场技能的提升,只差那么“一点点”…

妙味周末训练营: Canvas 功法修炼 - 那些震撼的交互动画怎么做的

每次面对一些精巧有趣的案例,作为 “前端开发” 的你,不应该也不至于心生赞叹,甚至对它的实现原理一无所知。这不过是一些基本公式在 canvas 中的扩展应用,在更多设计师心中,他们之所以无法实现更为梦幻、甚至令人惊叹的创意,皆因技术所限。而我们这群顶着 “前端开发工程师” 职称的庞大群体,必须发挥手中的技术,与交互动画设计师们一起,为公司的产品找到一个更为打动人心的展现方式。

本次课程将为大家带来 canvas 常见的动画交互知识,例如:加速度、缓动、动能动量、高级坐标旋转 等。讲师现场为大家展示的案例知识点包括:基本的 ES6 语法、canvas 的基础 api(圆和线条的绘制)、粒子的概念、速度的产生、加速度、粒子间弹动的计算、根据弹动加速度计算每个粒子单独的加速度、动能、动量守恒的应用,高级坐标旋转的应用、处理粒子的二维碰撞,处理多粒子碰撞 等。最后利用这些知识完成一个粒子花园的动画效果。期待大家学成以后,举一反三,实现更犀利的案例。

进修宝典:

  • canvas 的基础 api 介绍

  • 动能守恒和动量守恒

  • 如何处理粒子间的反弹

  • 高级坐标旋转的应用

  • 利用弹动计算粒子间的加速度

  • 根据总加速度求出每个粒子的单独加速度


免费参加周末训练营:

第一步:填写预约报名信息,客服妹纸会在活动前与您联系确认报名;

预约报名地址:https://jinshuju.net/f/1doAfB

第二步:核对信息确定报名后,缴纳 10 元“占座费”,费用会在活动当天签到时返还;

第三步:邮件通知报名信息;

练功时间:2017 年 11 月 11 日 13:30 ~ 17:30

练功道场:妙味 - 北京教学部 - 西二旗 - 辉煌国际大厦西 6 号楼 319 室

咨询QQ:2852509867

课程案例:

  • 利用弹动求出每个粒子的加速度

  • 处理2个粒子的二维碰撞反弹

武功基础:

你需要具备 JS 的基础语法、ES6 的常用语法、事件、面向对象的编程基础、以及对 HTML5 中 canvas 的 api 的基本了解。对于基础不足的小伙伴可以参考:http://2017.miaov.com/v_show/1442


相关链接:

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


妙味 2017 年周末活动回顾

>>妙味周末训练营 2.0 版活动现场回顾-给你所需要的知识~
>>妙味周末训练营2.0版开启报名通道(附 react 视频)
>>妙味上海周末训练营回顾:学习框架从这里启航
>>妙味周末大福利:React 系统训练营,免费带你学框架
>>来瞧一瞧妙味上海周末自习课情况,听说还能带好基友一起来?
>>妙味公开课“IT行业揭秘”献给在职业发展方向迷茫的小伙伴
>>妙味课堂·上海公开课活动火爆现场照片
>>妙味·上海公开课:基于 “vue、UI组件库” 打造网易新闻应用
>>Vue 学习风暴——妙味周末技术专题活动通知
>>妙味课堂·上海公开课活动·现场照片实拍
>>妙味课堂 - 2017年春季“上海”公开课现场聚会活动


广而告之:《WEB前端开发零基础课程:PC\移动端\响应式\bootstrap\less》即将开班

零基础班课程教材:《前端HTML+CSS修炼之道:视频同步+直播》


“别再往翻了,快去报名,免费听好课,别忘了占座!”


课程咨询:

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

想要了解妙味课堂最新开课消息吗?长按二维码关注吧!

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