精华内容
下载资源
问答
  • Html5游戏平台源码,40款h5小游戏和多款有趣的测试。在浏览器可以直接运行。包含包括答题问卷、积分赚取、抽奖、找你妹,跑酷...等,对与要写H5小游戏或者微信公众号小游戏的朋友是一个很好的参考,大家可以下载来看看
  • 多款H5小游戏源码, 修改游戏直接改H5或JS即可 , 内容包括 作者推荐:1,7,8 1.html5愤怒的小红帽游戏源码下载 2.北京赛车开奖游戏源码 3.射击类js小游戏源码 4.踩云彩跳高小游戏 5.赛车闯关 6.塔防射击神箭手.zip...
  • 适合前端H5初学者,进阶者,爱好者。分享给大家学习,由于上传大小的限制,挑选了最好的200多套源码。支持编辑更换图片即可使用!
  • 40款H5小游戏平台完整源码下载,可以放在微信公众号平台里面加载玩耍,也可以二次开发,这个具体看你个人怎么玩了
  • 120款h5小游戏源码和多款有趣的测试。在浏览器可以直接运行。大家可以下载来看看
  • 40个h5小游戏源码

    2018-07-12 09:28:04
    h5小游戏源码,供大家参考使用,如有问题可以联系我,尽力解答
  • H5经典小游戏源码

    2018-09-30 12:51:59
    一款不过的小游戏
  • 40个H5小游戏完整源码-new

    千次下载 热门讨论 2016-11-16 09:26:16
    40个H5小游戏完整源码-new
  • body {  margin: 0;  padding: 0; } .tile {  display: block;  float: left;  border-radius: 5%;... 这是一款支持PC端跟手机端的HTML5响应式网页翻牌小游戏代码。电脑手机都可以玩的网页小游戏源码。
  • H5小游戏-H5答题游戏

    2019-11-28 11:36:53
    H5移动端小游戏 - 答题游戏,内容完整,代码简洁,注释明确,特别容易读懂,简易上手使用!(下载后如果需要技术支持可留言博主或者私信)
  • 养鸡小游戏h5代码

    2020-12-15 13:52:32
    养鸡小游戏h5代码只有前端代码,没有后端代码,HTML页面完整,逻辑页面完整可以随意修改和增加,可以下载试试
  • h5小游戏-砸金蛋

    2019-10-29 17:23:28
    h5移动端小游戏 - 砸金蛋,代码简洁,注释明确,内容完整,特别容易读懂,简易上手!
  • html5踩云彩跳高益智类小游戏源码下载。游戏介绍:触屏左右滑动控制人物跳高的位置方向,踩云彩上,往上跳高,跳的越高分数越高。支持pc端。
  • Html5游戏平台源码,40款h5小游戏和多款有趣的测试。在浏览器可以直接运行。大家可以下载来看看 0.0.0.0
  • H5 组词小游戏代码

    2018-05-10 20:02:33
    H5小游戏 篇一 组词游戏 项目功能简介 词库功能,项目文件里配有csv格式的中文常用词组词库,每次随机抽取词语进行游戏 匹配消除功能,自动在词库中匹配选中词语并进行消除 选中动画以及消除动画,均由svg生成爆炸...

    H5小游戏 篇一 组词游戏

    项目功能简介

    1. 词库功能,项目文件里配有csv格式的中文常用词组词库,每次随机抽取词语进行游戏
    2. 匹配消除功能,自动在词库中匹配选中词语并进行消除
    3. 选中动画以及消除动画,均由svg生成爆炸动画
    4. 智能提醒系统,10秒之后未作操作可提示单词
    5. 过关判定

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

    https://github.com/fanshyiis/...

    获取词库,根据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<num; 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项.
            break;
        }
    }
    return return_array;

    }

    enter image description here

    svg动画渲染插件
      function clear(id) {
      document.getElementById(id).innerHTML = ''
        console.log(id,'-----------------')
          bodymovin.loadAnimation({
    container: document.getElementById(id), // 渲染动画的 dom 元素
    renderer: 'svg',
    loop: false,
    autoplay: true,
    path: './js/data.json'
      })
      }
    
    var vue = new Vue({
      el: '#vue',
      data: {
          windowBg: false,
          restart: false,
          passNum: cn,
          pass: 1,
        grid: 9,
        allText: null,
        gridList: [],
        text: '春天里柳树发芽百花',
        one: null,
        two: null,
        reData: null,
        timeDuring: 0
      },
      methods: {
          // 重置函数
          reStart () {
              this.restart = true
              setTimeout(function () {
                vue.restart = false
              }, 800)
              this.playAudio('restart')
              this.passNum = cn
              this.gridList = JSON.parse(JSON.stringify(this.reData))
          },
          playAudio (val) {
              var x = document.getElementById(val)
              x.load()
              x.play()
          },
          setTime () {
              this.timeDuring++
              if (this.timeDuring === 10) {
                  this.tip()
              }
              console.log(this.timeDuring)
            setTimeout(function () {
                vue.setTime()
            }, 1000)
          },
          tip () {
              let a = ''
              console.log(choose)
              this.gridList.map(val => {
                  if (!val.r && val.f) {
                    a = a + val.f
                  }
              })
              let b = null
              choose.map(val => {
                  if (a.indexOf(val.a) !== -1 && a.indexOf(val.b) !== -1) {
                      b = val.a
                  }
              })
              if (!b) {
                  this.getNextPass()
              }
              if (this.one) {
                  this.choose(this.one, 't')
              }
              this.gridList.map(val => {
                  if (!val.r && val.f === b) {
                    this.one = null
                    this.choose(val, 't')
                  }
              })
              console.log(a)
          },
          // 选择函数
          choose (item, type) {
              if (type !== 't') {
              this.timeDuring = 0
              }
              if (!item.f) {
                  return false
              }
              if (this.one && item.x === this.one.x && item.y === this.one.y) {
                  this.playAudio('touchCard')
                item.choose = !item.choose
                this.one = null
                  return false
              } else {
                  this.playAudio('touchCard')
                  item.choose = !item.choose
                  if (this.one) {
                      this.two = item
                      // font()
                      // 模拟消除
                      // 加上timeout效果更好
                      var _this = this
                      setTimeout(function () {
                          _this.clearText()
                      }, 300)
                  } else {
                      this.one = item
                      // font()
                  }
              }
          },
          // 消除逻辑
          clearText () {
              var r = false
              dataBase.map(val =>{
                  if (val.a === this.one.f && val.b === this.two.f) {
                      r = true
                  }
              })
              if (!r) {
                  this.gridList.map(val => {
                      if (val.x === this.two.x && val
                          .y === this.two.y) {
                          val.choose = false
                          this.playAudio('error')
                      }
                      if (val.x === this.one.x && val
                          .y === this.one.y) {
                          val.choose = false
                      }
                  })
                  this.two = false
                  this.one = false
                  return false
              }
              this.gridList.map(val => {
                  if (val.x === this.one.x && val
                      .y === this.one.y) {
                      clear(val.x + '' + val.y)
                      setTimeout(function () {
                          val.f = ''
                      }, 200)
                      val.r = true
                  }
                  if (val.x === this.two.x && val
                      .y === this.two.y) {
                      clear(val.x + '' + val.y)
                      setTimeout(function () {
                              val.f = ''
                          }, 200)
                      val.r = true
                      this.playAudio('success')
                  }
              })
              this.passNum--
              console.log(this.passNum)
              if (this.passNum === 0) {
                  this.playAudio('next')
                  this.windowBg = true
              }
              // this.sound_error = true
              this.one = null
              this.two = null
          },
          // 进入下一关
          getNextPass () {
              this.one = false
              this.timeDuring = 0
              this.windowBg = false
              cn = cn + 2,
              this.pass++
              this.passNum = cn
              getDataBase()
              setTimeout(function () {
                  font()
              }, 1000)
          },
          //初始化函数
        start () {
          this.gridList = []
          for (var i = 0; i < this.grid; i++) {
              for (var j = 0; j < this.grid; j++) {
             this.gridList.push({
                  x: i,
                  y: j,
                  f: '',
                  choose: false,
                  r: false,
                  m: false
             })
            }
          }
          var l = []
          choose.map(val => {
              l.push(val.a)
              l.push(val.b)
          })
          $("#bggg").click()
          // this.playAudio('bgm')
          console.log(l)
          this.allText = l
          var c = getArrayItems(this.gridList, cn * 2)
          console.log(c)
          c.map((val, index) => {
              val.f = l[index]
          })
          this.reData = JSON.parse(JSON.stringify(this.gridList))
        }
      },
      created () {
          getDataBase()
          this.setTime()
      }
    })
    其他函数就不一一介绍了
    上个图最后
    
    
    展开全文
  • h5小游戏源码

    2018-08-16 09:17:48
    一个简单的h5小游戏源码,包含源文件,可直接在平台运行
  • 几十个H5小游戏,还有Vue版本。希望对你有帮助!希望对你有帮助!希望对你有帮助!希望对你有帮助!希望对你有帮助!
  • html5简单的闯关小游戏源码下载 html5简单的闯关小游戏源码下载
  • 几十个微信H5小游戏完整源码

    热门讨论 2017-11-07 15:20:58
    收集的一些微信H5游戏源码,包含:2048、小鸟飞飞、飞的更高、一个都不能死、找你妹......
  • 30个最新微信H5游戏代码,主要是用于微信吸粉,极容易吸引用户。包括答题问卷、积分赚取、抽奖等各种类型。
  • 密室逃脱H5小游戏

    2018-10-26 13:05:16
    密室以私有方式管理通讯工具:信号发生器、信号中转器、信号接收器 每个工具都有唯一可寻址的编码(即ID) 信号发生器与信号接收器只能与1到多个信号中转器相连 发生器是信号传输起始端
  • 450多款H5小游戏源码

    2020-06-28 11:14:05
    今天把本博主近几年来收集整理的近今天把本博主近几年来收集整理的近450多款H5小游戏源码发布出来,以后我还会不定时更新的,因为源码是打包集成的,一个一个更新太烦,所以我都是一批一批的更新的,一段时间后我会...
  • 最新H5猜骰子游戏二次开发版源码,thinkPHP框架搭建,里面付安装教程
  • 本源码为 H5小游戏:愤怒的小红帽 完全开源免费分享。 游戏玩法:帮助小红帽安全达到老奶奶的加,当狼进入靶子中心后点击屏幕射箭。 源码存放环境:LINUX 6.X + Nginx 环境
  • 微信H5小游戏200套源码 各种小游戏 吸粉 引流必备!
  • 白鹭H5飞机小游戏源码+完整资源 可供自学 如果有不懂的可以联系我 看到了尽量给你解答
  • golang开发的h5小游戏服务端domo
  • HTML5版3D魔方小游戏源码下载,h5游戏源码下载,h5小游戏,魔方游戏代码开发下载,免安装,直接双击就可以运行。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,951
精华内容 4,380
关键字:

h5小游戏代码