Question

对不起总noob问题，但我刚开始在three.js。对于专业人士来说，这可能是一个简单的答案。我试着从最基本的场景开始，并从那里建立我的知识。所以我从文档中直接开始了示例场景。我在运行时得到的全部，无论是在本地，还是在我的服务器上，只是一个白色的屏幕，没有画布或场景。我下载的示例在本地和我的服务器上工作，所以我不太清楚为什么这不起作用。这是我的代码。

<!DOCTYPE html>
<html>
<head>
<title>My first Three.js app</title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<canvas></canvas>
<script src="threejs/three.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 10000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var geometry = new THREE.BoxGeometry(700, 700, 700, 10, 10, 10);
var material = new THREE.MeshBasicMaterial({color: 0xfffff, wireframe: true});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 1000;
function render() {
    requestAnimationFrame(render);
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
    renderer.render(scene, camera);
};
render();
</script>
</body>
</html>

提前感谢您的帮助。
乔

Answer 1

检查您的three.js文件位置。这个src对我有用，我的html文件在home文件夹（three.js-master）

<script src="build/three.js"></script>

Answer 2

我也遇到了同样的问题..教程说要复制first_app文件夹中的three.js文件（即＆＃39; js＆＃39;文件夹）。即使将src更改为＆＃34; build / three.js＆＃34;正如Ben所建议的那样，我没有为我工作。所以，我只是尝试删除＆＃34; js /＆＃34;部分来自代码..＆amp;你猜怎么着？它对我有用。

所以，在我的代码中，＆＃39; src＆＃39;行看起来像

    `<src="three.js">File not found...</script>

这是有效的，因为在此应用程序的同一文件夹中有三个.js文件的副本。但是，不知何故教程文本不起作用..但你可以试试这个......它也可能对你有用

三个js样本场景不起作用

2 个答案: