PIXI.js рендер не работает

Я следую этому руководству (http://www.yeahbutisitflash.com/?p=5226), используя Chrome, и не могу понять, почему это не работает. Вот мой вывод консоли:PIXI.js рендер не работает

init() successfully called. 
pixi.dev.js:224 Pixi.js v2.2.7 - webGL  http://www.pixijs.com/ ♥♥♥ 
index2.html:26 PIXI.WebGLRenderer 
index2.html:28 render complete.

А вот мой код:

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Endless Runner Game Demo</title> 
    </head> 

    <body onload="init();"> 
    <div align="center"> 
    <canvas id="game-canvas" width="512" height="384"></canvas> 
    </div> 
    <script src="js/pixi.js-master/bin/pixi.dev.js"></script> 
    <script> 
    function init() { 
     console.log("init() successfully called."); 
     stage = new PIXI.Stage(0x66FF99); 
     renderer = PIXI.autoDetectRenderer(
     512, 
     384, 
     document.getElementById("game-canvas") 
    ); 
     console.log(renderer); 
     renderer.render(stage); 
     console.log("render complete."); 
    } 
    </script> 
</body> 
</html>

Тем не менее, он ничего не отображает. В учебном пособии сказано, что на данный момент я должен увидеть цвет фона на сцене.

Спасибо.

источник

2015-03-01 ProGrammar

Третий аргумент PIXI.autoDetectRenderer должен быть Объектом, а не элементом. Вы должны установить свойство «Свойство» объекта «Свойство».

var renderer = PIXI.autoDetectRenderer(512, 384, { 
    view: document.getElementById("game-canvas") 
});

Также обратите внимание, что вам может потребоваться запустить локальный сервер, чтобы просмотреть его в Chrome.

источник

2015-03-06 20:41:32 Karmacon

Если я создаю новый вид (или холст) с помощью PIXI, то есть 'PIXI.autoDetectRenderer (512, 384);', есть ли способ присвоить ID этому, поэтому я могу проверить наличие созданного когда мне нужно настроить таргетинг на определенный вид (из нескольких представлений, установленных на экране)? –

ответ

Смежные вопросы