微信小程序游戏demo：消灭黑暗势力；随机点路径
点评：不多的游戏类demo
123.gif (99.06 KB, 下载次数: 0)下载附件3 天前 上传
项目结构：
代码示例：
纯文本查看 复制代码
//index.js
//获取应用实例
var points = require('../common/points')
var judgeWall = require('../common/judgeWall')
var calculateObs = require('../common/calculateObstacle')
var app = getApp()
Page({
//这里声明的是 类的全局变量
data: {
userInfo: {},
circleBlackList: [], // 黑色圆点位置
circleList: [], // 圆点数组
colorCircleFirst: '#FFDF2F',// 圆点颜色1
colorCircleSecond: '#FE4D32', // 圆点颜色2
colorCircleBlack: '#000000',// 圆点颜色黑色
isRunning: false, // 是否正在进行
blackCircleIndex: 0, // 黑色圆点
steps: 0, // 点击步数
},
//事件处理函数
bindViewTap: function () {
wx.navigateTo({
url: '../logs/logs'
})
},
// 黄色圆点 点击方法
tapCircle: function (event) {
console.log(event);
var circleID = event.target.id;
var tpCircleColorList = app.globalData.circleColorList;
var tpBlackCircleList = this.data.circleBlackList;
var colorStatus = tpCircleColorList;
var blackIndex = this.data.blackCircleIndex;
if (!colorStatus) {
// 将点击的点选中
tpCircleColorList = true;
app.globalData.circleColorList = tpCircleColorList;
// 如果是墙 则 成功找到出口
var judge = judgeWall.judgeIfWall(blackIndex, true);
if (judge) {
var tstep = this.data.steps;
tstep = tstep + 1;
this.setData({
circleColorList: tpCircleColorList,
steps: tstep,
});
return;
}
// 判断逃脱路径
var path = calculateObs.calculatePath(blackIndex);
// 如果已经没路走了 则成功围困
if (path.length == 0) {
var tstep = this.data.steps;
tstep = tstep + 1;
this.setData({
circleColorList: tpCircleColorList,
steps: tstep,
});
return
}
console.log(path);
// 有路的话则将原来黑点还原 继续逃出路径的下一点
tpBlackCircleList = false;
blackIndex = path;
tpBlackCircleList = true;
// 操作步数
var tstep = this.data.steps;
tstep = tstep + 1;
// 这里是 暴露对wxml的数据接口
this.setData({
circleColorList: tpCircleColorList,
circleBlackList: tpBlackCircleList,
blackCircleIndex: blackIndex,
steps: tstep,
});
}
},
onLoad: function () {
console.log('onLoad');
var that = this;
var leftCircle = 7.5;
var topCircle = 7.5;
var circleList = [];
var circleMap = {};
var circleColorList = [];
var circleBlackList = [];
var circleBlackIndexList = [];
//调用应用实例的方法获取全局数据
app.getUserInfo(function (userInfo) {
//更新数据
that.setData({
cuserInfo: userInfo
})
})
// 计算每个圆点的top和left
for (var i = 0; i < 11; i++) {
for (var j = 0; j < 11; j++) {
if ((i + 1) % 2 == 0) {
if (j != 0) {
leftCircle = (50 + 8) * j + 36;
} else {
leftCircle = 36;
}
} else {
leftCircle = 50 * j + 8 * (j + 1);
}
topCircle = 50 * i + 8 * (i + 1);
circleColorList.push(false);
circleBlackList.push(false);
circleList.push({ topCircle: topCircle, leftCircle: leftCircle });
}
}
// 注入黑色圆点初始位置随机点位
circleBlackIndexList = points.blackPoints;
// 生成随机整数
var randomIndex = parseInt(24 * Math.random());
var randomCircleIndex = 60
// circleBlackIndexList;
circleBlackList = true;
// 构造初始二叉树
// 为全局变量赋值
app.globalData.circleColorList = circleColorList;
that.setData({
circleColorList: circleColorList,
circleList: circleList,
circleBlackList: circleBlackList,
blackCircleIndex: randomCircleIndex,
})
}
})
纯文本查看 复制代码
/*
*二叉树的节点对象
*/
function Node() {
this.content = ''; //节点的文本
this.leftChild = null; //节点的左孩子引用
this.rightChild = null; //节点右孩子引用
}
// 在构建好二叉树节点之后紧接着用递归来构建二叉树
var charecters = ['A', 'B', 'C', 'D', 'E', 'F', 'G',
'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
function buildTree(node, i) {
var leftIndex = 2*i+1, //左孩子节点的索引
rightIndex = 2*i+2; //右孩子节点的索引
if(leftIndex < charecters.length) { //判断索引的长度是否超过了charecters数组的大小
var childNode = new Node(); //创建一个新的节点对象
childNode.text = charecters; //给节点赋值
node.leftChild = childNode; //给当前节点node加入左孩子节点
buildTree(childNode, leftIndex); //递归创建左孩子
}
if(rightIndex < charecters.length) { //下面注释参照上面的构建左孩子的节点
var childNode = new Node();
childNode.text = charecters;
node.rightChild = childNode;
buildTree(childNode, rightIndex);
}
}
//下面构造二叉树
var node = new Node();
node.text = charecters;
buildTree(node, 0); //索引i是从0开始构建
**** Hidden Message *****
我觉得不错这个 感谢楼主分享 不错不错呀，非常实用 11111111111111
专注于与个人游戏开发者合作，有产品的朋友联系微信号jim20180688，详聊 专注于与个人游戏开发者合作，有产品的朋友联系微信号jim20180688，详聊
页:
[1]