admin 管理员组

文章数量: 1086019


2024年4月22日发(作者：doma是什么牌子)

龙源期刊网

基于JavaScript技术下的Web小游戏随机

地图的实现

作者：吴强

来源：《科学与财富》2018年第34期

摘要：Web小游戏深受大众所喜爱的小游戏，本文详细的介绍在Web平台下，使用

JavaScript脚本语言实现Web小游戏中最为关键算法之—“随机地图”。

关键词：Web小游戏；JavaScript；随机地图

随着社会的发展，人们的生活的压力越来越大，游戏成为了人们放松和解压的一种方式，

为了满足人们的需要，游戏事业飞速发展，游戏开发的种类也越来越多，越来越新颖。网络游

戏深受大众的喜爱。

JavaScrip是一款Web开发的脚本语言，常用来制作网页的动态功能，制作Web小游戏使

用JavaScrip更加机动灵活。

Web小游戏种类繁多，但是绝大多数游戏都离不开地图，如贪吃蛇、连连看、推箱子、泡

泡堂等等，每种游戏都有不同的地图，地图布局大至分为三类：第一类固定地图，如推箱子，

这类游戏地图的每一关都是固定的；第二类是所有对像都是随机的，如连连看游戏，游戏图片

要求成对出现，随机布在二维地图中；第三类为半随机地图，各关地图都是固定的，但是每一

关的果实、道具是随机布在地图之中的，如贪吃蛇、泡泡堂等。固定地图的布局相对来说比较

简单，一般采用一个二维数组，数组中的数分别表示不同的对象，再跟据这个数组完成相应布

局。而随机地图布局的方法有很多种，现在我们就探讨一下。

一、分析数据二维数组取数

现在以“连连看游戏”为例，游戏首先要考虑如何制作地图，根据游戏规则，制作地图要解

决以下几个问题：一是地图有多大，有多少行，有多少列；二是每张图片允许出现多少次；三

是排列的图片应是随机出现的，每次都不相同。

“连连看”是一个平面游戏，根据关数的不同图片的数量上也可以有所不同，可以由5行8

列的组成，也可以由7行12列的等等，跟据地图的大小和难度的不同，同一张图片可以出现

8次也可以出现6次或4次列组成，图片出现的次数越少，难度越大。现在我就以7行12列，

每张图片出现6次为例，7×12共有84张图片，每张出现6次，一共有14张不同的图片组成。

平面游戏地图最为常见的是使用二维数组来完成，JavaScript中的数组和其他许多编程语

言有所不同，JavaScript中数组的下标变量可以是任意数据类型，根据游戏要求，JavaScript可

龙源期刊网

以更加方便的制作游戏地图。制作7×12的地图每张图片出现6张，因此定义一个7×12的二维

数组，中间取数为1至14，每个数出现6次，程序如下：

二、随机交换数组数据：

以上二维数组的数据是有规律的，那如何将这个有规律的数组数据随机排列呢？可以对二

维数组进行遍历，每个下标变量都和二维数组中随机的取一个下标变量交换数据，当循环完毕

后，数组也成为了一个随机的二维数组，数据是没有规律出现的。程序代码如下：

3、制作图片类：

JavaScript是一个面向对象的编程软件，可以做一个图片对象类，可以记录每张游戏图片

的基本信息及当前状态以便程序访问。

4、根据数组数据布置地图

首先用PhotoShop将做出14张一样大小的图片，如40×50像素存为jpg文件，并顺序命名

为pic0、pic1、pic2……pic14，将图片存入站点中的图片文件夹img中，利用JavaScript语言

生成HTML代码实现游戏地图的布局，代码如下：

随机地图布局的算法还有很多，使用不用的HTML标签布局JavaScript代码也不相同，在

制作游戏的过程中只有利用每一种软件的优势，才能更好的制作出优秀的Web小游戏。

龙源期刊网


本文标签： 游戏 地图 图片 数组 制作

版权声明：本文标题：基于JavaScript技术下的Web小游戏随机地图的实现 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1713752167a649915.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。