这是一个很简单的html5游戏，通过学习原博文自己做了些改造，
现在附上原博文的链接
这是游戏的截图：
1.有计算抓住的怪物的数量
2.有背景，英雄，怪物。
第一步：建立html文件和js文件
建立一个games文件夹，在文件夹中建立js文件夹，images文件夹，以及index.html。
game.js放在js文件夹中，图片放在images文件夹中。
html代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple Canvas Game</title>
</head>
<body>
<script src="js/game.js"></script>
</body>
</html>
第二步：如何制作这样一个游戏
我们首先要明白游戏的流程是怎样的。这个游戏十分简单，只是简单的抓怪兽，玩家通过操纵键盘的上下左右来让英雄移动从而抓怪兽，然后记录得分。
我们需要一个游戏环境和角色来让玩家操作
1.首先我们用canvas来创建一个画布作为游戏的舞台。
通过canvas标签创建元素，然后我们设置画布的宽度高度，之后让画布添加到页面上。
var canvas = document.createElement("canvas");
var ctx = canvas.getContext(&
最低0.47元/天 解锁文章
扫一扫
2318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
