HTML5的推箱子程序

sokoban

HTML5版本的在线推箱子程序SokoPlayer基本完成。
程序用脚本语言 javascript 编写，使用了HTML5的canvas（画布）元素和，版本较低的一些浏览器可能无法运行，如IE6,IE7, IE8等。

目前程序带有一个较为完善的编辑器，功能已经相当丰富。

程序的地址是：
http://sokoban.ws/sokoplayer/SokoPlayer_HTML5.php

HTML5版本的优点是不需要Java插件。如果您用的浏览器比较新，那么直接就能在浏览器里面游戏，
甚至在智能手机或平板电脑的浏览器都能运行。但是程序还没有对触摸屏特别优化，不如在台式机上使用方便。

sokoban

sokoban

再弄一个基于HTML5的推箱子关卡编辑器，基本功能都有了，可以到下面地址使用：

http://sokoban.ws/utility/SokoEditor.php

sokoban

HTML5版本的SokoPlayer作了较大的更新

http://sokoban.ws/sokoplayer/SokoPlayer_HTML5.php

anian兄为本次更新贡献了大量的代码，捕获鼠标，滑轮和键盘输入以及读入XSB关卡部分，是anian兄的贡献。

主要更新如下：
1，可以在输入框一次载入多个xsb关卡，作为textarea关卡集显示
2，用鼠标滑轮来撤销和恢复
3，可以打开或关闭标尺和网格。#号按钮表示“网格“。打开标尺功能后，鼠标指向的格子会有提示。
4，现在点击人，人能够移动到的地方也用小白点提示。
5，可以自由改变关卡的方向。[>] 按钮表示向右90度旋转, [  |  ] 按钮表示左右镜面反射，[ o ] 表示恢复到原始方向。

[ 本帖最后由 sokoban 于 2011-6-12 10:37 编辑 ]

sokoban

多谢支持和鼓励，很多功能也是边学边弄的。

sokoban

谢谢skyivben兄的建议，现在用手机上网，过些天在电脑上修改一下。

sokoban

已经更新，现在按M把当前关卡的当前状态输出到文本框。
若想输出初始状态，先按esc重置后再按M

sokoban

我测试了一下Chrome ，似乎正常。会不会是浏览器还是用缓存的.js 文件，多刷新几次看行不行？

sokoban

把 SokoEditor HTML5  的链接直接加到导航菜单的"软件"下面了。SokoEditor HTML5 有几个地方我自己也还不太满意，还有待进一步完善，先加了链接再说，以后再慢慢改了。

[ 本帖最后由 sokoban 于 2011-7-25 09:25 编辑 ]

sokoban

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