今天心血来潮，想搞搞H5游戏开发，于是就动手实践一把，把过程记录下来跟大家分享分享。
准备工作
一开始嘛肯定是要先把基础的环境给搭起来。我这人比较喜欢简单直接，所以就没用那些个复杂的引擎，像什么白鹭、Cocos2d-js，听着就头大。我直接选个叫lufylegend的引擎，听说是一位国内大神写的，用起来特别方便，就一个js文件，往项目里一扔就完事。
然后，新建一个HTML文件。这个HTML文件就是游戏的入口，所有东西都从这里开始。
开始动手
环境搭好，接下来就是写代码。先在HTML文件里，把lufylegend引擎给引进来，就是一个script标签的事。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
<script src="lufylegend-x.x.*"></script>
注意：把上面的"x.x.x"替换成你下载的版本号。
然后，就可以开始写JavaScript代码。我这里就简单做个小游戏，先画个背景，再加个能动的小方块。
画个背景
用Canvas来画背景。这玩意儿就像一块画布，你可以在上面画各种东西。先创建一个Canvas对象，然后设置一下背景颜色，比如设成蓝色。
// 初始化游戏
LInit(50, "mygame", 800, 480, main);
function main(){
// 设置背景颜色
*.backgroundColor = "blue";
上面代码里的"mygame"是给你的游戏Canvas起个名字, 800和480是设置它的宽度和高度。你可以自己随便改。
加个小方块
背景有，再来加个能动的小方块。我这里就简单点，直接用lufylegend引擎提供的LSprite对象。
var player;
function main(){
// ... (之前的背景代码)
// 创建小方块
player = new LSprite();
*(1, "#ff0000", [0, 0, 50, 50], true, "#ff0000");
addChild(player); // 把小方块加到游戏里
这段代码里，我用`drawRect`画个红色的正方形，大小是50x50像素。然后用`addChild`把它显示到游戏里。
让小方块动起来
现在小方块有，但还是死的，得让它能动起来才好玩。我这里就用键盘的上下左右键来控制它移动。
function onkeydown(event) {
if (* == 37) { // 左
player.x -= 5;
} else if (* == 38) { // 上
player.y -= 5;
} else if (* == 39) { // 右
player.x += 5;
} else if (* == 40) { // 下
player.y += 5;
然后把这个函数加到游戏里：
function main(){
// ... (之前的代码)
// 加入键盘事件
*(window,*_DOWN,onkeydown);
这段代码就是监听键盘事件,`KEY_DOWN`就是表示按下键盘的动作，按下不同方向键，就改变小方块的x、y坐标，让它移动起来。
总结
这样一来，一个简单的小游戏就差不多完成。这只是个最最基础的例子，如果要做出更复杂的游戏，还需要学习更多的东西，比如碰撞检测、动画效果、游戏逻辑等等。不过万事开头难嘛有这个基础，以后再慢慢研究也不迟。
今天的分享就到这里，希望对大家有所帮助。下次有空再来分享其他好玩的东西！
