最简单的弹一弹小游戏

 

最近弹一弹小游戏很火，分享一个自制的最简单的弹一弹小游戏！！

声明一下：该游戏使用H5+CSS+JS制作，功能简单，纯属娱乐，点开网页即可畅玩！！

首先，是整个界面的布局：

    

		
弹一弹   分数：
		
0
	
	

		
		
	
	

可以说没一点技术含量了，会一点点前端的就能看懂。

接着是CSS：

再然后就是重中之重了  JS的使用：

实现鼠标点击按钮，然后开始按钮变成暂停按钮是通过下面的函数实现：

只需要将文本中的conslog.log()换为点击后你想要执行的函数或方法即可。

弹一弹难的一点就是反弹路径了，我们可以设置横向与纵向移动的像素数，当到达边界时，只需将这两个值取反即可实现反弹。

 

下面就是整个游戏的源代码：

	
	
	


	

		
弹一弹   分数：
		
0
	
	

		
		
	
	

欢迎大家积极评论！！新手上路，笔下留情。。