三js樣本場景不能正常工作

對不起總noob問題，但我只是從three.js開始。這對專業人士來說可能是一個簡單的答案。我試圖從最基本的場景開始，並從那裏建立我的知識。所以我直接從文檔開始了示例場景。當我在本地運行它時，我的服務器上只有一個白色屏幕，沒有畫布或場景。我下載的例子既在本地也在我的服務器上工作，所以我不太清楚爲什麼這不起作用。這是我的代碼。三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>

在此先感謝您的幫助。
Joe

來源

2016-08-21 joeb

檢查您的three.js文件位置。這SRC工作對我來說，我的html文件是在主文件夾（three.js所主）

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

來源

2016-08-21 14:38:23

我也面臨着同樣的問題。本教程說要three.js所複製文件的文件夾first_app （即'js'文件夾）。即使按照Ben所建議的將src更改爲「build/three.js」，也不適合我。所以，我只是試圖從代碼中刪除「js /」部分。&猜怎麼着？它爲我工作。

所以，在我的代碼「SRC」行看起來像

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

這工作，因爲有three.js所的文件在同一文件夾的副本作爲本申請。然而，不知何故，教程文本不起作用..但你可以試試這個..它可能也適用於你

來源

2016-12-18 14:41:53

三js樣本場景不能正常工作

回答

相關問題