![c64346d5ba7af5204fcdff36e833282f.png](https://i-blog.csdnimg.cn/blog_migrate/09fab0fed4bde0dabc25be3c6539c14e.jpeg)
这里不会去 讲面向对象基础,canvas基础,因为太枯燥了。相信大家学过面向对象的都可能有一个疑问,就是这玩意儿有什么用。最多也是写一个类,然后去new,得到类的实例,去调用类的方法。当然我觉得这完全没发挥出面向对象的威力来,好了,老规矩,先上效果Demo。
![ccfeb27154162cfe10cc5bd1dd8754ad.gif](https://i-blog.csdnimg.cn/blog_migrate/0d535ca3d710006d4e98822c27e8f9b6.gif)
相信很多刚入门canvas的同学和我一样,看到这样的效果,一脸蒙蔽,这尼玛怎么做?感觉乱七八糟,不知道如何下手。下面来简单分析下
特效分析
1、我们不要被那么多的小球给搞晕了,这里面涉及到了一点点的高中物理知识,我们先看一个小球。每一个小球从屏幕的底部中间开始发射,然后有一个向上的速度speedY,但是因为为了符合物理现象,我们给每个小球一有个重力g。然后小球在X轴方向有一个速度,这个速度可为负。
2、我们接下来创建小球类。我这用ES6直接开撸了,不太会ES6的,可以用ES5 function模拟一样。
class Ball{ constructor(option={}){