Javascript 图像精灵不';用PIXI JS在我的画布上不显示
我的图像精灵(game.player_booba)没有出现,我不明白为什么。尽管它在x和y中的位置有所改变,但它并未出现Javascript 图像精灵不';用PIXI JS在我的画布上不显示,javascript,image,canvas,sprite,pixi.js,Javascript,Image,Canvas,Sprite,Pixi.js,我的图像精灵(game.player_booba)没有出现,我不明白为什么。尽管它在x和y中的位置有所改变,但它并未出现 game.player_booba.init(); game.player_booba.sprite.image.addEventListener("load", (event) => { window.requestAnimationFrame(game.loop); }); 我的密码笔: 谢谢老实说,我不知道这个问题与PIXI有什么关系。您已将其包含到co
game.player_booba.init();
game.player_booba.sprite.image.addEventListener("load", (event) => {
window.requestAnimationFrame(game.loop);
});
我的密码笔:
谢谢老实说,我不知道这个问题与PIXI有什么关系。您已将其包含到codePen项目中,但从未实际使用过该库。所有渲染都直接使用本机2d画布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);