论坛 › ★ 推箱子 (Sokoban) › HTML5的推箱子程序

sokoban 发表于 2011-5-25 13:52:04

HTML5的推箱子程序

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

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

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

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

奇遇 发表于 2011-5-25 15:01:49

HTML5.。牛逼。。

moren 发表于 2011-5-25 16:06:06

HTML5确实牛，flash表示鸭梨大

tonylmd 发表于 2011-5-25 16:52:19

就是最近一直在忙的东西吧 辛苦辛苦

anian 发表于 2011-5-25 19:57:37

HTML5版本好用!    版主制作辛苦了!   :handshake

sokoban 发表于 2011-5-26 12:19:29

http://player.youku.com/player.php/sid/XMjY5OTk4MTcy/v.swf

sokoban 发表于 2011-5-28 19:40:31

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

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

anian 发表于 2011-5-29 19:04:29

HTML5的SokoEditor不错。

sokoban 发表于 2011-6-12 10:35:02

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

anian 发表于 2011-6-12 21:41:48

现在的SokoPlayer HTML5 已经很好用。

感谢制作和更新!  :handshake

查看完整版本: HTML5的推箱子程序