如何使用三個js寫入？

我需要處理使用three.js的項目。所以我試圖學習基本知識，O寫這個簡單的代碼只是爲了看看一些東西。但它根本不起作用，當我點擊在網絡瀏覽器上查看它時，什麼也沒有顯示出來。如何使用三個js寫入？

這是我的代碼：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
    <script src="Three.js"></script> 
</head> 
<body> 
    <script type="text/javascript">4 
     var renderer = new THREE.WebGLRenderer({ antialias: true }); 
     renderer.setSize(document.body.clientWidth, 
         document.body.clientHeight); 

     document.body.appendChild(renderer.domElement); 

     renderer.setClearColorHex(0xEEEEEE, 1.0); 
     renderer.clear(); 

     // new THREE.PerspectiveCamera(FOV, viewAspectRatio, zNear, zFar); 
     var camera = new THREE.PerspectiveCamera(45, width/height, 1, 10000); 
     camera.position.z = 300; 

     var scene = new THREE.Scene(); 
     var cube = new THREE.Mesh(new THREE.CubeGeometry(50, 50, 50), 
         new THREE.MeshBasicMaterial({ color: 0x000000 })); 
     scene.add(cube); 

     renderer.render(scene, camera); 
    </script> 
</body> 
</html>

爲什麼它不工作？我做錯了什麼？

來源

2013-11-09 eran10

jquery 1.5.1是什麼？爲什麼不使用當前版本？ –

我會用它，我只是在學習現在的三個js的基本 – eran10

美好的一天，你能告訴我們你使用的是什麼版本的Three.js（它在控制檯中顯示，一旦它加載，如果你不確定），以及你使用的是什麼瀏覽器？

有幾點注意事項，renderer.setClearColorHex現已棄用，這應該只是renderer.setClearColor。

您還設置了相機width/height，但我沒有看到他們在任何地方定義？

接下來是camera.position.z = 300;可能是太遠了，看到一個小立方體（0，0，0）

嘗試的項目，讓我們知道，如果它的工作原理。

來源

2013-11-09 19:17:40

我成功地展示了多維數據集屏幕感謝！ – eran10

請看這個例子。 http://mrdoob.github.io/three.js/examples/#webgl_geometry_cube

您缺少一個用於連續幀渲染的主循環。同樣如Darryl所說，寬度和高度是多少？

來源

2013-11-09 20:22:11 GuyGood

如何使用三個js寫入？

回答

相關問題