h5网页小游戏php源码,H5 组词小游戏源代码

这是一个使用H5实现的组词小游戏,包含词库功能,随机抽取词语进行游戏,自动匹配消除,并带有SVG生成的动画效果。游戏还具备智能提醒系统,10秒无操作后会提示单词。核心代码包括从CSV加载词库、随机抽取函数和SVG动画渲染。通过Vue.js实现界面交互和逻辑控制。
摘要由CSDN通过智能技术生成

H5小游戏 篇一 组词游戏

项目功能简介

词库功能,项目文件里配有csv格式的中文常用词组词库,每次随机抽取词语进行游戏

匹配消除功能,自动在词库中匹配选中词语并进行消除

选中动画以及消除动画,均由svg生成爆炸动画

智能提醒系统,10秒之后未作操作可提示单词

过关判定

## 核心代码展示链接描述

获取词库,根据csv文件

$.ajax({

url: './js/ck2.csv',

dataType: 'text'

}).done(successFunction);

// 回调函数

function successFunction(data) {

var allRows = data.split(/\r?\n|\r/);

for (var singleRow = 1; singleRow < allRows.length; singleRow++) {

if (allRows[singleRow].length === 2) {

var m = {

a: allRows[singleRow][0],

b: allRows[singleRow][2]

}

dataBase.push(m)

}

}

}

随机抽取函数

会根据数组的长度获取随机数据

function getArrayItems(arr, num) {

//新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;

var temp_array = new Array();

for (var index in arr) {

temp_array.push(arr[index]);

}

//取出的数值项,保存在此数组

var return_array = new Array();

for (var i = 0; i

//判断如果数组还有可以取出的元素,以防下标越界

if (temp_array.length>0) {

//在数组中产生一个随机索引

var arrIndex = Math.floor(Math.random()*temp_array.length);

//将此随机索引的对应的数组元素值复制出来

return_array[i] = temp_array[arrIndex];

//然后删掉此索引的数组元素,这时候temp_array变为新的数组

temp_array.splice(arrIndex, 1);

} else {

//数组中数据项取完后,退出循环,比如数组本来只有10项,但要求取出20项.

b

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值