Pixi.js 精灵未加载答案

【问题标题】：Pixi.js sprite not loadingPixi.js 精灵未加载
【发布时间】：2014-04-27 00:16:24
【问题描述】：

    <!DOCTYPE HTML>
<html>
<head>
    <title>Test</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #000000;
            overflow: hidden;
        }
    </style>
    <script src="http://www.goodboydigital.com/pixijs/examples/1/pixi.js"></script>

</head>
<body>
    <script>

    // create an new instance of a pixi stage
    var stage = new PIXI.Stage(0x66FF99);

    // create a renderer instance
    var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);

    // add the renderer view element to the DOM
    document.body.appendChild(renderer.view);

    requestAnimFrame( animate );

    // create a texture from an image path
    var texture = PIXI.Texture.fromImage("https://dl.dropboxusercontent.com/s/en13743nxusaozy/player.PNG?dl=1&token_hash=AAFVxLm8fEjk3xxPad-kAZ98LJqLoZpdFy9fQtGrIfXL-A");
    // create a new Sprite using the texture
    var player = new PIXI.Sprite(texture);

    // center the sprites anchor point
    player.anchor.x = 0.5;
    player.anchor.y = 0.5;

    // move the sprite t the center of the screen
    player.position.x = 200;
    player.position.y = 150;
        stage.addChild(player);


    function animate() {

        requestAnimFrame( animate );

        //rotate player
        player.rotation += 0.1;

        // render the stage   
        renderer.render(stage);
    }

    </script>

    </body>
</html>

这是我的代码（来自 pixjs 示例，Loaiding the bunny），由于某种原因，我似乎无法加载精灵...有人可以看看代码并提供帮助吗？当我输入正确的链接时（舞台渲染变黑）。当我输入错误的精灵链接时，舞台渲染良好，但没有精灵。

【问题讨论】：

标签： javascript pixi.js

【解决方案1】：

var texture = PIXI.Texture.fromImage("https://dl.dropboxusercontent.com/s....");

通过上面的代码，创建了一个跨域请求来加载 Sprite 纹理。这通常是不允许的（例如 Dropbox 的情况）。

为了查看精灵，您必须将文件复制到本地 Web 服务器或允许其他服务器上的跨域请求 (https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS)

//local image instead of cross domain
var texture = PIXI.Texture.fromImage("img/player.PNG");

【讨论】：