-
Notifications
You must be signed in to change notification settings - Fork 1
Open
Description
学习canvas的时候到了,你要是不会canvas,写完这道题,你就会canvas了,听我的。
预估学习完成用时:35min。
canvas 的 宽500 高 500 底色黑色
创建一个小球 宽20 高20
点击小球 从 (20, 20) 的地方,向 (480, 480) 由慢到快移动
canvas 基础用法:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage
canvas 绘制图形:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes
canvas 基础动画:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_animations
动画实现:自己探索吧。
可以把自己的效果写在以下任意平台上:
http://codepen.io/ 大佬们都在上面写demo,不过国内访问巨慢
https://jsbin.com/ 这个平台比较简洁,如果能进得去可以用这个
https://code.h5jun.com/?html,output 这个是月影大佬自己搭建的jsbin,服务器在国内快一点
可以把核心代码放在回复里~
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels