织梦CMS - 轻松建站从此开始!

我的网站

当前位置: 主页 > 网站优化 >

Mugeda HTML5技术教程:制作网页游戏

时间:2019-03-21 15:29来源:未知 作者:admin 点击:
本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些MugedaAPI的用法和使用Mugeda动画制作网页游戏的方法。 2、开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行; 3、手机从上移动到最下面一行的

  本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些MugedaAPI的用法和使用Mugeda动画制作网页游戏的方法。

  2、开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行;

  3、手机从上移动到最下面一行的任意一格,就算胜利,或游戏时间结束,消除的石头数量超过30个也算胜利。

  只要三个相同的石头相邻的排在一列或者一行,他们就会消失,同时上面的石头往下落,落到消失的石头位置上。

  游戏开始首先生成一个8*8=64的石头阵列,会从上到下一次落下。阵列的石头会存放到一个数组中。每个石头都有相应的类型。

  对石头对象添加inputstart、inputend事件监听。实现点击输入和拖动输入。当有有效输入时,交换对应的两个相邻的石头。等待检测时发现是否会形成消掉石头的条件,如果没有则再交换回来。

  游戏开始后,会在每帧都调用一次runcheck()函数来检测是否有生成消掉石头的条件。检测的方式是:先按行遍历一遍数组,看有没有连续超过三个相邻石头的类型是相同的。然后再按列遍历一遍数组,看有没有连续超过三个相邻石头的类型是相同的。如果有,则将相同的石头消除,并生成新的石头,并从上到下依次落下。

  posYNumber生成石头的Y轴坐标,因为要实现新生成的石头依次落下。

  总结,通过设计一个简单的小游戏可以更深刻的理解MugedaAPI的用法。具体用到的API接口请参考[MugedaHTML5技术教程之11]MugedaAPI简介。有关游戏的逻辑则因人而异,这里不做具体讨论,建议是做的过程先易后难,先做最简单的游戏充分熟悉了MugedaAPI的用法后再制作稍微复杂的游戏。下一节我们将要做案例分析:制作移动教育课件。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片