Image sprite在PIXI JS中未显示在我的画布中

Question

我的图片精灵（game.player_booba）没有出现，我也不明白为什么。尽管修改了它在x和y中的位置，但它并未出现。

game.player_booba.init();
game.player_booba.sprite.image.addEventListener("load", (event) => {
  window.requestAnimationFrame(game.loop);

});

我的代码笔：https://codepen.io/manonragnotti/pen/abbeEKO

谢谢

Answer 1

老实说，我什至不知道这个问题与PIXI有什么关系。您已经将其包含在您的codePen项目中，但实际上从未使用过该库。所有渲染均使用本机2d canvas API完成。原因是没有在屏幕上绘制字符精灵，这是因为它是在从未添加到DOM的画布上绘制的。在这行上看到

buffer = document.createElement("canvas").getContext("2d");

您正在创建canvas元素，然后将其2d上下文分配给变量“ buffer”，但是dom元素从未添加到文档中。因此，您需要执行以下操作：

bufferCanvas = document.createElement("canvas");
buffer = bufferCanvas.getContext("2d");
window.document.body.appendChild(bufferCanvas);