javascript - 在 Phaser 中从位图数据加载 spritesheet

标签 javascript bitmap phaser-framework sprite-sheet

我正在尝试使用 BitmapData 构建图像并将该图像用作 spritesheet,但我认为我遗漏了一些东西。

我正在预加载中执行此操作...

oBitmapData = game.add.bitmapData(tileWidth * 2, tileHeight);
oBitmapData.ctx.fillStyle = 'blue';
oBitmapData.ctx.fillRect(0,0,tileWidth, tileHeight);
oBitmapData.ctx.fillStyle = 'red';
oBitmapData.ctx.fillRect(tileWidth,0,tileWidth, tileHeight);

oSpriteSheet = game.load.spritesheet(tiles[key].name + 'Sheet', oBitmapData, tileWidth, tileHeight);

然后在其他地方......

game.add.sprite(x, y, tiles[key].name + 'Sheet', 0, tilesGroup);

运行代码时出现以下错误

未捕获类型错误:url.match 不是函数

有人可以引导我走向正确的方向吗?

最佳答案

要将位图数据作为 Sprite 表添加到移相器:

game.cache.addSpriteSheet('key',null,bitmapdata.canvas, framewidth, frameheight);

关于javascript - 在 Phaser 中从位图数据加载 spritesheet,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34401175/

相关文章:

javascript - 街机物理碰撞不会与墙壁水平碰撞?

javascript - Webpack,less-loader - 意外的 token - 为什么?

android - 如何只显示位图的一部分——

android - 位图内存泄漏 - Android

javascript - 如何在 JavaScript (Phaser) 中延迟定时器的开始时间

javascript - 无法在 Phaser.js 中为 Sprite 设置动画

javascript - echarts-事件3.1.6

javascript - 如何查看数组是否有值,如果有则返回 true。 - JavaScript

javascript - 如何停止具有混合高度、一列或两列 Bootstrap Carousel 元素的弹跳响应页面?

c# - 如何捕获此 WPF 位图加载异常?