canvas动画

原创 doudoutianzun 教程 canvas动画 638阅读 2018-05-30 15:57:33 举报

试了下,在这里运行不出来,我做了gif的图,但是后面几张也看不到动画,所以想要看效果,可以直接复制粘贴;
我也是个动画小白,在陆续学习中,每次的学习成果都会加进来哦,对canvas动画感兴趣的小伙伴欢迎来交流学习;
因为是初学者所以模仿了一些canvas大神,如果大神不允许我发表出来可以给我留言哈O(∩_∩)O;

星空动画

这个是在jq插件库看到的效果,自己跟着写了一下;

绚丽花朵

这个是哔哩哔哩里面的一个大神的作品,我照着写了一个差不多的
大神的

小白我的(和大神是没法比的,我这个是用矩形画的,大神的那个使用圆形,原理是跟大神学习的,在这里感谢大神)

bounce小球

根据椭圆公式写出来的动画

原理其实跟第一个的星空动画很类似,只是用的数学公式不同

评论 ( 3 )
最新评论
folat 2F 2018-05-31 21:41:46 3F

额,因为window.innerWidth和window.innerHeight的值是0,赋值给画布的width和height,导致画布的尺寸也为0。

doudoutianzun 1F 2018-05-31 15:56:16 2F

我也不晓得我这个为啥运行不出来

folat 2018-05-30 18:08:36 1F