从Phaser中的位图数据加载精灵表
Loading spritesheet from bitmapdata in Phaser
我试图使用BitmapData构建一个图像,并将该图像用作精灵表,但我认为我缺少了一些东西。
我在我的预加载中这样做。。。
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不是函数
有人能指引我朝正确的方向走吗?
将位图数据作为精灵表添加到相位器:
game.cache.addSpriteSheet('key',null,bitmapdata.canvas, framewidth, frameheight);
spritesheet()函数只能获取url图像,而不能获取位图数据对象,请参阅文档,这会导致您的错误。
至少根据这个论坛的帖子,框架AFAIK不支持从位图数据创建精灵表。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- 如何使用Pixijs获取在加载的精灵表资产中定义的图像
- 使用Jquery预加载精灵表
- 在Crafty.js中加载精灵时的彩色背景
- 使用画架JS加载精灵表
- CSS 精灵加载
- 从Phaser中的位图数据加载精灵表
- 在pixi v3中加载精灵表
- Javascript游戏精灵加载
- JS:加载精灵时不需要插件
- 从本地内存加载音频并播放精灵
- 预加载程序与精灵动画
- 为什么我的精灵表被多次加载
- Pixi.js精灵无法加载