jQuery迷宫寻找出路

jQuery迷宫寻找出路

今天分享一款益智类游戏:自动寻路。

淘建站为您提供更多_游戏_益智_寻路,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 133 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:游戏 > 益智 难易程度:高级

HTML

<div id='btns'>
    <div class='btn' id='solve'>开始</div>
    <div class='btn' id='regen'>重新来一次</div>
</div>
<div id='maze'></div>
<script src="jquery.min.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/index.js"></script>

jQuery

$('#regen').click(function(){
  $('#solve').text("solve").removeClass('disabled')
  $(this).addClass('disabled')
  maze.visited_cells = [];
  maze.solution = [];
  maze.init()
  maze.mazifiy(0, 0);
  maze.print()
  $(this).removeClass('disabled')
})

$('#solve').click(function(){
  $(this).text("solving...").addClass('disabled')
  $('#regen').addClass('disabled')
  maze.solution = [];
  maze.solve(0,0);
  maze.solution_copy = maze.solution.concat([])
  maze.print_solution()
})

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/306.html
jQuery迷宫寻找出路 希望对你有帮助,感谢您的支持!
留言(0)
头像
 阿里云限量代金券,戳我领取
1 2