HTML5的推箱子程序

skyivben

应该说是导航菜单的“软件”下面。虽然说这两个单词的意义在这里是差不多的，大家看了也知道是怎么回事。  
我认为 SokoEditor 已经很不错了，功能很强，操作起来也很方便，是个非常不错的在线工具。

sokoban

哈哈，我搞错了，已经修正。

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 编辑 ]

stopheart

谢谢sokoban做出越来越出色的html5在线推箱子。
  刚才试编了一下，合并后很方便！
  能否加一功能：
  当我编大关卡时往往需要数箱子，能否显示一个数字，能统计箱子与点的差植，如是0刚好，正与负我清楚加箱子还是点！另外能否加一开关，可锁定图形大小，推时有用。

sokoban

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

stopheart

我有时候推的时候把图扩大了，这样点点会准一一些，不过在推得过程中不太容易掌握，点不好图会缩小到原来大小。

sokoban

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

stopheart

原帖由 sokoban 于 2012-1-18 20:48 发表 那加一个更大的皮肤也能解决这个问题。现在最大的是32大小的皮肤，可以加一个48甚至60大小的皮肤

我不是这个意思，这个功能再说吧！