文章/答案/技术大牛

发布

问PIXI.js渲染不工作
EN

Stack Overflow用户

提问于 2015-03-01 16:48:02

回答 1查看 3.8K关注 0票数 0

我正在学习本教程(http://www.yeahbutisitflash.com/?p=5226)，使用Chrome，不知道为什么这不起作用。这是我的控制台输出

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>

然而，它没有显示任何东西。教程说我应该看到舞台上设置的背景色。

谢谢。

javascript

canvas

renderer

stage

pixi.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-06 20:41:32

PIXI.autoDetectRenderer的第三个参数应该是对象，而不是元素。您应该将Object属性"view“设置为您的画布元素。

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

还请注意，您可能需要运行本地服务器才能在Chrome中查看它。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28796222

复制

相似问题

问PIXI.js渲染不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PIXI.js渲染不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PIXI.js渲染不工作
EN