小游戏《堆木头》开发

前述

网上找了一款H5小游戏《堆木头》，源码实现是使用Dom技术开发的。本篇我们就一起动手使用白鹭引擎来实现这款游戏的基本功能，教程也尽可能的细化每个实现步骤。读者最好先去看下改造前的源码，然后再来看本篇教程，有了对比后，读者能够更好的理解使用白鹭引擎开发游戏。 读者在阅读之前，建议先熟悉下白鹭引擎的基本概念。

改造后的运行效果地址：点击查看

开始

运行改造后的游戏，效果如下：。

可以看到，界面上呈现了开始游戏的模态框，模态框周边有个一定透明度的蒙层，底部是游戏运行界面。然后点击开始按钮，随着点击放木头，木头不断堆叠，分数也随着变动。接下来我们一起动手实现。

首先将相应图片资源复制一份到我们的项目中，然后回到编辑器头部的资源，弹出添加提示，点击添加，这样资源配置信息就会自动添加到 default.res.json 中。

添加开始模态框

模态框运行效果图：

。