移相器/ Pixi的法線貼圖過濾器不工作

Question

我想申請一個法線貼圖到移相器精靈，但我發現在移相器2.1.1以下WebGL的錯誤（Pixi的1.6.1）：

Could not initialise shaders phaser.js:3411 
WebGL: INVALID_OPERATION: useProgram: program not valid phaser.js:3475 
WebGL: INVALID_OPERATION: getUniformLocation: program not linked phaser.js:3478 
WebGL: INVALID_OPERATION: getAttribLocation: program not linked phaser.js:3486 

這裏是我的代碼：

preload: function() { 
    game.load.script('normal', './js/NormalMapFilter.js'); 

    game.load.image('cardfront', './img/sample-front.png'); 
    game.load.image('cardnormal', './img/sample-front-norm.jpg'); 
}, 

create: function() { 
    this.cardfrontnorm = PIXI.Texture.fromImage('cardnormal'); 
    this.normalmap = new PIXI.NormalMapFilter(this.cardfrontnorm); 

    this.card = game.add.sprite(game.width/2, game.height/2, 'cardfront'); 
    this.card.filters = [this.normalmap]; 
} 

兩個精靈形象和正常的地圖是512 * 512。

任何幫助將不勝感激，謝謝！

Answer 1

顯然，NormalMapFilter做了一個實驗，絕不意味着要引入庫：

Check HTML5 Game Devs - Pixijs forum

然而，你可以嘗試使用插件照明在這裏：如果可以的話 https://github.com/pixijs/pixi-lights