我可以使用以下代码将一组图像加载到pixi.js中:
let preloadAssetsData = data.map(function(value) {
return 'http://localhost:8080' + value.url;
});
PIXI.loader.reset();
PIXI.loader.add(preloadAssetsData).load(function() {
console.log('All assets loaded');
});
其中data
是图像网址数组。但是,这似乎仅适用于图像而不适用于视频文件(.mp4)。
2016年8月30日编辑:我认为它不适用于视频的原因是因为当我尝试使用此代码加载图像的纹理时:
let texture = PIXI.loader.resources['http://localhost:8080' + url].texture;
texture.baseTexture.on('loaded', function() {
texture.baseTexture.source.pause();
});
我遇到JavaScript错误:read property 'baseTexture' of undefined
。但是,当我使用PIXI.Texture.fromVideo(...)
为视频加载纹理时,我没有问题。但是,我不是在利用预先加载的资源,就像图像一样。
let texture = PIXI.Texture.fromVideo('http://localhost:8080' + url);
texture.baseTexture.on('loaded', function() {
texture.baseTexture.source.pause();
});