jQuery迷宫寻找出路

来源:https://www.sucaihuo.com/js/306.html 2015-08-20 10:44浏览(1378) 收藏

今天分享一款益智类游戏:自动寻路。
jQuery迷宫寻找出路
分类:游戏 > 益智 难易:高级
查看演示 下载资源 下载积分: 20 积分

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()
})
标签: 寻路
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2