本文实例编写的一个小游戏,基于HTML5中的canvas。游戏主要是小球反弹击打小方块。在代码中主要实现了小方块的生成,键盘键事件的监听,小球的移动和碰壁之后的反弹以及怎样消除小方块等方法。代码使用到了一个js脚本库
游戏开发流程:
1、创建画布:
将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如border和border-radius,这样一来使其看上去像手机,利于观看。
<!--将画布嵌在div块里面,使其可以居中-->
<canvas id=liuming_canvas width=300px height
2021-12-14 19:36:41
59KB
AS
asc
c
1