Javascript 点击精灵时,Pixi不会改变位置
我试图创建一个示例pixi应用程序。在我有图像的地方,当用户点击图像时,它应该移动它的位置Javascript 点击精灵时,Pixi不会改变位置,javascript,canvas,pixi.js,Javascript,Canvas,Pixi.js,我试图创建一个示例pixi应用程序。在我有图像的地方,当用户点击图像时,它应该移动它的位置 var canvasWidth = window.innerWidth; var canvasHight = window.innerHeight var renderer = PIXI.autoDetectRenderer(canvasWidth, canvasHight); document.body.appendChild(renderer.view); var stage = new PIXI.
var canvasWidth = window.innerWidth;
var canvasHight = window.innerHeight
var renderer = PIXI.autoDetectRenderer(canvasWidth, canvasHight);
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();
PIXI.loader
.add('images/sample.png')
.add('images/background.jpg')
.load(setup);
function setup() {
var backGround = new PIXI.Sprite(
PIXI.loader.resources["images/background.jpg"].texture);
var steve = new PIXI.Sprite(
PIXI.loader.resources["images/sample.png"].texture);
backGround.hieght = canvasHight;
backGround.width = canvasWidth;
setPropertiesToSteve(steve);
stage.addChild(backGround);
stage.addChild(steve);
renderer.render(stage);
}
// Function just to set properties for steve
function setPropertiesToSteve(steve) {
steve.interactive = true;
steve.position.x = canvasWidth/2;
steve.position.x = canvasWidth/4;
steve.on('pointerdown',function(){
steve.position.x = steve.position.x + 10;
});
}
但是当我点击这个物体时,什么也没发生。我对小精灵很陌生,所以不知道该怎么处理 您需要再次渲染舞台:) 看一看官方的Pixi示例
他们使用PIXI.Application类,该类设置了一些常见的东西,比如自动重新渲染舞台的计时器。我在做我的第一个pixi应用程序。当我重新渲染舞台时,它工作了。:)