スプライトをクリックするとPixiの位置が変わらない

Question

サンプルの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; 
    }); 
} 

しかし、オブジェクトをクリックしても何も起きません。私はpixijs.SOに非常に新しいです、これをどう扱うべきかわかりません。

Answer 1

あなたは再び:) がhttps://pixijs.github.io/examples/彼らは自動的に再ティッカーのような一般的なものを設定しPIXI.Applicationクラスを使用

があなたのステージレンダリング公式ピクシーの例を見てみましょう、ステージをレンダリングする必要があります