前言：
本篇博文可以供大家参考，但是更多的是写给自己作为学习和鞭策，希望大神赐教，谢谢。
这是一个很简单的游戏，通过学习原博文然后进行了一些改造，附上链接。
原文：点击打开链接
其中还是有很多不好的设计思维，比如主角和怪物并不是分开处理，如果后续有其他的改动会比较麻烦。
本篇博文，从头到尾的做一遍，有助于理解游戏的各个流程步骤。
完成截图如下：
1.有记分系统
2.有碰撞检测
3.使用window.requestAnimation()方法来进行刷新，存在兼容性问题
第一部分：初始化html文件和建立Js文件。（ps：资源部分我就不提供了，网上都是。）
建立games文件夹，在文件夹下建立js文件夹和images文件夹以及运行demo.html。
将图片资源放进images，在js文件夹中建立game.js文件。
首先是构建html结构，因为整个游戏全部都用js完成，所以html代码为0，改造一下title，引入一下js文件即可。
具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple Canvas Game</title>
</head>
<body>
<script src="js/game.js"></script>
</body>
<
最低0.47元/天 解锁文章
6111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
