Javascript/PixiJS 不加载纹理

Posted

技术标签:

【中文标题】Javascript/PixiJS 不加载纹理【英文标题】:Javascript/PixiJS not loading texture 【发布时间】:2014-09-14 12:57:57 【问题描述】:

我一直在玩 PixiJS 和 javascript。现在,我在 5 天前一直在关注兔子的教程(http://www.goodboydigital.com/pixi-js-tutorial-getting-started/),它在我的电脑上完美运行,兔子正在加载。

现在,我在我的笔记本电脑上,它没有加载兔子 - 它永远不会出现。我尝试了 3 种不同的浏览器。代码完全一样。 bunny.png 位于同一个文件夹、同名和所有内容中。我一开始以为我的代码有问题,所以我决定只复制粘贴教程中的所有内容,但它不起作用。这与这台运行 Windows 7 的笔记本电脑有关,不确定是什么。我还尝试使用 Chrome OS 笔记本电脑上的资源运行脚本,但没有成功。

有办法解决这个问题吗?

【问题讨论】:

没有代码很难判断是什么问题,尝试将其上传到 jsfiddle 并在此处发布链接。 抱歉,在 jsfiddle 上找不到。 但是,这是整个示例。 link 这里是单独的代码。 pastebin.com/6AtNtpXp 【参考方案1】:

看起来必须指定兔子图像的完整路径。我创建了一个fiddle,示例可以正常运行,您可以自己查看。

这是我更改的相关部分:

    // create a texture from an image path
    var texture = PIXI.Texture.fromImage(
        "http://www.goodboydigital.com/pixijs/bunnymark/bunny.png");
    // create a new Sprite using the texture
    var bunny = new PIXI.Sprite(texture);

【讨论】:

以上是关于Javascript/PixiJS 不加载纹理的主要内容,如果未能解决你的问题,请参考以下文章

OpenGL - 纹理加载不正确

加载了应用纹理材质的模型只是黑色,不知道如何调试

BMP 纹理不显示

纹理图集中的纹理未加载或出现

ThreeJS .dae 不加载纹理

使用 ASSIMP 和 OpenGL 加载 3D 模型时纹理不正确