[原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码)

Sokoban

介绍

[原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码)

游戏说明

经典的推箱子是一个来自日本的古老游戏,目的是在训练你的逻辑思考能力。
在一个狭小的仓库中,要求把木箱放到指定的位置(如绿色点),稍不小心就会出现箱子无法移动或者通道被堵住的情况,所以需要巧妙的利用有限的空间和通道,合理安排移动的次序和位置,才能顺利的完成任务。

玩法介绍
  • 轻按键盘的方向键(上下左右),控制熊猫方向推动箱子。
  • 或者点击熊猫的上下左右行走,点击熊猫和箱子的下一个空间推动箱子。
效果预览

在这里插入图片描述

使用说明
  1. 引入jQuery,及js、css文件
  2. 写html
<div class="content">
    <div data-sokoban></div>
    <div>
        <button type="button" class="start">开始游戏</button>
    </div>
</div>
  1. 注册插件
$(function(){
    var $btn = $('.start');

    var mySokoban = new Sokoban('[data-chess]', $btn, false);
    mySokoban.restart();
    $btn.click(function() {
        mySokoban.restart();
    });
});
更多

[原创]源码:Github仓库Gitee仓库效果预览CSDN下载

结语:

本插件使用了 Apache-2.0 开源许可协议,仅供学习使用,如需商用请联系原创作者!

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值