CreateJS:处理位图

时间:2012-12-13 00:57:05

标签: javascript image canvas createjs

使用EaselJS(HTML Canvas框架,来自CreateJS)

我有一个tileset,我需要绘制一个tilemap。 所以我将tileset位图分配给每个tile。 但是,当然,每个图块只需绘制一部分图块集。

我想出了如何绘制Bitmap的一部分(Bitmap.sourceRect),但这意味着我必须克隆每个tile的tileset!

来自Flash AS3背景,我选择了这个库,因为它应该是相似的,但是对于图像处理似乎有所不同(通过使用许多Bitmap和一个BitmapData来解决这个问题)。

感谢。

1 个答案:

答案 0 :(得分:1)

请考虑使用SpriteSheet和BitmapAnimation。 GitHub中有一些例子可以提供帮助。

https://github.com/CreateJS/EaselJS/blob/master/examples/SpriteSheet.html http://www.createjs.com/#!/EaselJS/demos/spritesheet