Three.js 不会在本地运行——有什么想法吗？答案

【问题标题】：Three.js will not run locally- any ideas?Three.js 不会在本地运行——有什么想法吗？
【发布时间】：2013-07-04 21:10:30
【问题描述】：

所以，我现在正在尝试 Three.js，但在运行它时遇到了一些问题-

使用网站上的教程-

<html>
    <head>
        <title>My first Three.js app</title>
        <style>canvas { width: 100%; height: 100% }</style>
    </head>
    <body>
        <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script>
        <script>
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

            var geometry = new THREE.CubeGeometry(1,1,1);
            var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
            var cube = new THREE.Mesh(geometry, material);
            scene.add(cube);

            camera.position.z = 5;

            var render = function () {
                requestAnimationFrame(render);

                cube.rotation.x += 0.1;
                cube.rotation.y += 0.1;

                renderer.render(scene, camera);
            };

            render();
            alert("hit");
            </script>
    </body>
</html>

因为我使用了来自 github 的脚本源，所以它可以工作。但是，当我下载three.min.js 或three.js 文件并在本地运行时，如下所示：

<html>
    <head>
        <title>My first Three.js app</title>
        <style>canvas { width: 100%; height: 100% }</style>
    </head>
    <body>
        <script src="three.min.js"></script>
        <script>
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

            var geometry = new THREE.CubeGeometry(1,1,1);
            var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
            var cube = new THREE.Mesh(geometry, material);
            scene.add(cube);

            camera.position.z = 5;

            var render = function () {
                requestAnimationFrame(render);

                cube.rotation.x += 0.1;
                cube.rotation.y += 0.1;

                renderer.render(scene, camera);
            };

            render();
            alert("hit");
            </script>
    </body>
</html>

这行不通……

【问题讨论】：

标签： github three.js webgl local

【解决方案1】：

如果您从本地文件系统运行任何网页，预计会出现问题。在 Windows 中，在本地运行某些东西的最简单方法是下载 WebMatrix，它会为您安装一份 IIS express 的副本，您只需点击一下即可。

【讨论】：