在sprite.js(画布)中滚动表面背景

时间:2012-10-27 21:11:41

标签: javascript canvas sprite

我正在使用Sprite.js制作基于磁贴的浏览器游戏来与画布进行交互。 https://github.com/batiste/sprite.js/

这是我现在得到的(PC版本有更大的可见区域): http://www.youtube.com/watch?v=l3c-cmWUVrc

由于性能原因,每帧重绘每个图块并不容易,因此我尝试使用scrolling.js附带的sprite.js制作滚动表面背景。这里有一个示例http://batiste.dosimple.ch/sprite.js/tests/test_scrolling.html该示例有效,但似乎ScrollingSurface.update有错误,或者有些东西我不知道。

我试图绘制5x5瓷砖,5秒后在第一块瓷砖附近绘制另外5x5瓷砖。但它只吸引了第一批。并且surface.update()仅更新曲面的位置。这是我的代码https://github.com/Sektoid/sprite.js/blob/master/tests/test_scrolling.html(你还需要在scrolling.js中设置this.divider = 1.0,如果你想避免4次绘制相同的图块。)没有像sprite.js这样的论坛与其他精灵和游戏引擎一样,但它很快且非常有用。看看吧!请帮助我:))

0 个答案:

没有答案
相关问题