コードバとpixi.jsでiphoneにキャンバスがレンダリングされない

Question

iphoneのドキュメントにキャンバスが添付されている問題があります。実行中：cordovaコンパイルしてください：cordova launch browser canvasが追加され、うまく描画されます。 xcodeとiosシミュレータを使用するとアプリが起動しますが、キャンバスはレンダリングされません。私はここで何か間違っていますか？

onDeviceReady: function() { 
    this.receivedEvent('deviceready'); 

    var Container = PIXI.Container, 
     autoDetectRenderer = PIXI.autoDetectRenderer, 
     loader = PIXI.loader, 
     resources = PIXI.loader.resources, 
     Sprite = PIXI.Sprite, 
     Rectangle = PIXI.Rectangle, 
     TextureCache = PIXI.TextureCache, 
     Graphics = PIXI.Graphics, 
     Text = PIXI.Text, 
     ParticleContainer = PIXI.ParticleContainer, 
     stage, 
     renderer; 

    stage = new Container(); 

    renderer = new autoDetectRenderer(window.innerWidth, window.innerHeight); 

    document.body.appendChild(renderer.view); 


}, 

Answer 1

このコード例では、実際にコンテナをレンダリングすることはありません。例：PIXIの例を確認してください。ここをクリックしてください：https://pixijs.github.io/examples/#/basics/basic.js

また、電話する必要があります： レンダリングレンダー（ステージ）;

ほとんどの場合、requestAnimationFrame（functionToCall）が必要です。あなたが可動部品を持っているときに、実際にゲームを実行するためにそこに電話してください。

Answer 2

他の回答と同様に、ネイティブメソッド​​を使用してrenderer.render(stage)を再帰的に呼び出す必要があります。さらに、CordovaはWebビュー内で実行される単なるWebページです。この例はどのWebブラウザでも実行されます。

onDeviceReady: function() { 
    this.receivedEvent('deviceready'); 
    var Container = PIXI.Container, 
    autoDetectRenderer = PIXI.autoDetectRenderer, 
    loader = PIXI.loader, 
    resources = PIXI.loader.resources, 
    Sprite = PIXI.Sprite, 
    Rectangle = PIXI.Rectangle, 
    TextureCache = PIXI.TextureCache, 
    Graphics = PIXI.Graphics, 
    Text = PIXI.Text, 
    ParticleContainer = PIXI.ParticleContainer, 
    stage, 
    renderer; 
    stage = new Container(); 
    renderer = new autoDetectRenderer(window.innerWidth, window.innerHeight); 
    document.body.appendChild(renderer.view);   
    // requestAnimationFrame will make gameLoop recursive 
    function gameLoop() { 
     // Loop this function 60 times per second 
     requestAnimationFrame(gameLoop); 
     //HERE: <-- the logic of your game or animation 
     renderer.render(stage); 
    } 
    gameLoop(); 

}、​​に関する追加説明については

がhttps://www.paulirish.com/2011/requestanimationframe-for-smart-animating/

次のリンクを読んで