无法使用未托管 javascript 库的库函数

Question

我正在尝试运行 pixijs 的示例 01（您必须一直向下滚动）： http://www.pixijs.com/examples/

当我运行它与我 pixi.js 的本地副本一起使用时，我得到的只是一个黑色方块。但是当我运行它与 pixi.js 的网络副本一起使用时，它只呈现舞台。我认为这可能与文件的位置有关？无论哪种方式，我都将所有文件放在同一个文件夹中，所以据我所知它应该可以工作。

Html:

    <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>

</head>
<body>
    <!-- it will not run if i use the local file -->
    <!-- <script src="/pixi.js"> -->
    <script src="http://www.goodboydigital.com/pixijs/examples/1/pixi.js"></script> 
    <script src="test.js"></script>
</body>
</html>

test.js的内容是这样的：

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

// create a renderer instance
var renderer = new PIXI.autoDetectRenderer(400, 400);

// 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("bunny.png");
// create a new Sprite using the texture
var bunny = new PIXI.Sprite(texture);

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

// move the sprite t the center of the screen
bunny.position.x = 200;
bunny.position.y = 150;

stage.addChild(bunny);

function animate() {
    requestAnimFrame( animate );

    // just for fun, lets rotate mr rabbit a little
    bunny.rotation += 0.1;

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

请帮忙。

Answer 1

如果您只是在浏览器中打开 index.html，您的浏览器将（希望如此）不允许该页面访问任何其他文件。这是一项安全功能，可限制恶意脚本造成的损害。

您需要本地网络服务器来提供此脚本。

仅使用<script src="pixi.js">，但确保index.html 使用本地网络服务器提供服务。

如果你不知道如何获取本地网络服务器运行宁导航到终端中的项目目录并触发以下命令到运行简约pythonhttp服务器.

python -m SimpleHTTPServer 8080

这将在您的浏览器中提供 localhost:8080 上的当前目录文件。

无法使用未托管 javascript 库的库函数

Unable to use library functions using unhosted javascript libraries

javascript

file

local

renderer

pixi.js