Javascript Pixi.js精灵未加载试验身体{ 保证金：0；填充：0；背景色：#000000；溢出：隐藏； } //创建pixi阶段的新实例 var stage=新的PIXI.stage（0x66FF99）； //创建渲染器实例 var renderer=PIXI.autodetectedrenderer（window.innerWidth，window.innerHeight）； //将renderer视图元素添加到DOM中 document.body.appendChild（renderer.view）；请求动画帧（动画）； //从图像路径创建纹理 var texture=PIXI.texture.fromImage（“https://dl.dropboxusercontent.com/s/en13743nxusaozy/player.PNG?dl=1&token_hash=AAFVxLm8fEjk3xxPad-kAZ98LJqLoZpdFy9fQtGrIfXL-A”）； //使用纹理创建新的精灵 var player=新的PIXI.Sprite（纹理）； //将精灵定位点居中 player.anchor.x=0.5； player.anchor.y=0.5； //将精灵移动到屏幕中央 player.position.x=200； player.position.y=150；舞台。儿童（玩家）；函数animate（）{ 请求动画帧（动画）； //轮换球员玩家轮换次数+=0.1； //上台渲染器。渲染（舞台）； }_Javascript_Pixi.js

Javascript Pixi.js精灵未加载试验身体{ 保证金：0；填充：0；背景色：#000000；溢出：隐藏； } //创建pixi阶段的新实例 var stage=新的PIXI.stage（0x66FF99）； //创建渲染器实例 var renderer=PIXI.autodetectedrenderer（window.innerWidth，window.innerHeight）； //将renderer视图元素添加到DOM中 document.body.appendChild（renderer.view）；请求动画帧（动画）； //从图像路径创建纹理 var texture=PIXI.texture.fromImage（“https://dl.dropboxusercontent.com/s/en13743nxusaozy/player.PNG?dl=1&token_hash=AAFVxLm8fEjk3xxPad-kAZ98LJqLoZpdFy9fQtGrIfXL-A”）； //使用纹理创建新的精灵 var player=新的PIXI.Sprite（纹理）； //将精灵定位点居中 player.anchor.x=0.5； player.anchor.y=0.5； //将精灵移动到屏幕中央 player.position.x=200； player.position.y=150；舞台。儿童（玩家）；函数animate（）{ 请求动画帧（动画）； //轮换球员玩家轮换次数+=0.1； //上台渲染器。渲染（舞台）； }

javascript

Javascript Pixi.js精灵未加载试验身体{ 保证金：0；填充：0；背景色：#000000；溢出：隐藏； } //创建pixi阶段的新实例 var stage=新的PIXI.stage（0x66FF99）； //创建渲染器实例 var renderer=PIXI.autodetectedrenderer（window.innerWidth，window.innerHeight）； //将renderer视图元素添加到DOM中 document.body.appendChild（renderer.view）；请求动画帧（动画）； //从图像路径创建纹理 var texture=PIXI.texture.fromImage（“https://dl.dropboxusercontent.com/s/en13743nxusaozy/player.PNG?dl=1&token_hash=AAFVxLm8fEjk3xxPad-kAZ98LJqLoZpdFy9fQtGrIfXL-A”）； //使用纹理创建新的精灵 var player=新的PIXI.Sprite（纹理）； //将精灵定位点居中 player.anchor.x=0.5； player.anchor.y=0.5； //将精灵移动到屏幕中央 player.position.x=200； player.position.y=150；舞台。儿童（玩家）；函数animate（）{ 请求动画帧（动画）； //轮换球员玩家轮换次数+=0.1； //上台渲染器。渲染（舞台）； },javascript,pixi.js,Javascript,Pixi.js,这是我的代码（来自pixijs示例，Loaiding the bunny），出于某种原因，我似乎无法加载精灵。。。有人可以看一下代码并提供帮助吗？当我放入右链接时（舞台渲染变为黑色）。当我输入了错误的精灵链接时，舞台呈现良好，但没有精灵 <!DOCTYPE HTML> <html> <head> <title>Test</title> <style> body {

这是我的代码（来自pixijs示例，Loaiding the bunny），出于某种原因，我似乎无法加载精灵。。。有人可以看一下代码并提供帮助吗？当我放入右链接时（舞台渲染变为黑色）。当我输入了错误的精灵链接时，舞台呈现良好，但没有精灵

    <!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>

使用上述代码，将创建一个跨域请求以加载Sprite纹理。这通常是不允许的（如Dropbox案例）

要查看精灵，您必须将文件复制到本地web服务器或允许在其他服务器上进行跨域请求（）

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

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