1、切换图片纹理

切换图片纹理，就是更改图片显示内容

示例

var app = new PIXI.Application(400,400);
document.body.appendChild(app.view);
var bg = new PIXI.Sprite.fromImage("res/plane/bg/img_bg_level_2.jpg");
app.stage.addChild(bg);
var plane = new PIXI.Sprite.fromImage("res/plane/plays/planplay_1.png");
app.stage.addChild(plane);
var texture = new PIXI.Texture.fromImage('res/plane_blue_01.png');
bg.interactive = true;
bg.on("click", bgClick);
function bgClick() {
    plane.texture = texture;
}

代码讲解

1、创建纹理

var texture = new PIXI.Texture.fromImage(‘res/plane_blue_01.png’);
用于创建一个纹理， ‘res/plane_blue_01.png’是纹理的内容

2、更改图片的纹理

plane.texture = texture;
将飞机plane图片的纹理，更改为texture所指定的纹理内容

2、通过图片文件，创建图片显示元素

示例

var app = new PIXI.Application(500,600);
document.body.appendChild(app.view);
var plane = new PIXI.Sprite.fromImage("res/plane_blue_01.png");
app.stage.addChild(plane);

代码讲解

1、通过图片文件创建图片显示元素

var plane = new PIXI.Sprite.fromImage(“res/plane_blue_01.png”);

3、通过图片纹理，创建图片显示元素

示例

var app = new PIXI.Application(500,600);
document.body.appendChild(app.view);
var texture = new PIXI.Texture.fromImage("res/plane_blue_01.png");
var plane = new PIXI.Sprite(texture);
app.stage.addChild(plane);

代码讲解

1、创建纹理

var texture = new PIXI.Texture.fromImage(“res/plane_blue_01.png”);

2、通过纹理创建图片显示元素

var plane = new PIXI.Sprite(texture);
通过己创建好的纹理，来创建一个图片显示元素
texture：图片纹理的名称