HTML5的推箱子程序

sokoban

HTML5推箱子更新

地址：http://sokoban.ws/sokoplayer/SokoPlayer_HTML5.php

把编辑器和游戏程序合二为一。

点击“进入/退出编辑模式“来切换。

进入编辑模式后，会多了三行按钮。
第一行是工具按钮，先点中选择一种工具，再在画布上编辑。

加行，减行，加列，减列工具选中，在画布上点击，点中的行或列就会被删除或在该处增加行或列。

区域选择工具可以作区域操作。选择此工具后，可拖动鼠标在画布上选择一个矩形区域。
选择区域后，就可点击第二行工具进行相应的操作。

第三行按钮是对关卡的操作。
其中“保存“按钮把当前编辑的关卡保存到内存。保存后退出编辑模式就可以在游戏模式下测试关卡。
注意：只是在内存中保存修改，关闭浏览器或刷新网页后，保存的关卡丢失。

sokoban

接上，

合并后有一些好处：
编辑模式下可以使用网格
SokoPlayer 的读入关卡模块是anian兄写得，兼容性和可靠性比较强。

sokoban

SokoPlayer HTML5 还有一个重要的新功能是可以从地址中接受关卡。

可以把任意一个关卡作为一个链接发给他人，别人点开后就可以直接在线游戏了。
如下面这个链接：

第30期比赛关卡

1. 
   
2. http://sokoban.ws/sokoplayer/?w=21&h=21&lvl=___________HHHHHHHHH_|___________H___H___H_|___________H_H***H_H_|___HHHHHHHHH_*___*_H_|__HH_______H_*___*_H_|_HH__*_*_*_H__***__H_|_H__*_*_*__H_*___*_H_|HHHH*HHH_*_H_*___*_H_|H______H*a*___***__H_|H_*_*__H_*_H_H_H_HHHH|H*$***_H*__H_*______H|H______H__H_*******_H|H*****_H_H_*___*____H|H______HH____*****H_H|HHHHHH_H__H_*__*____H|____H_$._H__*__*____H|____H___H__********_H|____HHHHHH_____*____H|_________HHHHH_*_HHHH|_____________H_._H___|_____________HHHHH___

复制代码

要生成这种链接，只需把关卡载入 SokoPlayer ，然后点击“输出链接“ 按钮即可。

[ 本帖最后由 sokoban 于 2012-1-18 14:43 编辑 ]

sokoban

数箱子显示差值容易实现。用开关锁定图形大小是什么意思呢，不是太明白，能否解释一下？
是不是指的是网页的缩放？如果是网页的缩放，好像不太容易实现，要查查看能否锁定网页缩放大小。

sokoban

那加一个更大的皮肤也能解决这个问题。现在最大的是32大小的皮肤，可以加一个48甚至60大小的皮肤

sokoban

我没有用过iPad，都是在电脑上调试，所以在iPad上的一些功能需求一时理解不了。

sokoban

原帖由 stopheart 于 2012-1-18 20:26 发表
我有时候推的时候把图扩大了，这样点点会准一一些，不过在推得过程中不太容易掌握，点不好图会缩小到原来大小。

是上次提过的放大镜功能吗？

sokoban

HTML5 推箱子更新

(1)修正了一些bug
(2)退出编辑模式时总是保存
(3)编辑模式时显示箱子和目标的数量差，若是正数，则还要加箱子，若是负的，加目标。
若是0，则箱子和目标刚好相等。
(4)加了前进，后退，暂停等控制按钮，方便演示观看答案。

sokoban

是这个地址 http://sokoban.ws/sokoplayer/SokoPlayer_HTML5.php 吗？
关卡都有啊。stopheart 兄看不到关卡吗？

sokoban

IE8或以下都不行，不支持 HTML5，看不到图像。只有IE9以上才行。