2013-11-09 5 views
1

Мне нужно работать над проектом, который использует three.js. Поэтому я попытался изучить базовый язык, и O написал этот простой код, чтобы увидеть что-то. Но это не работает вообще, и когда я нажимаю, чтобы просмотреть его в веб-браузере, ничего не отображается.Как использовать три js write?

Это мой код:

<!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> 

Почему это не работает? Что я сделал не так ?

+0

Что с JQuery 1.5.1? Почему бы не использовать текущую версию? –

+0

Я буду использовать его, я просто изучаю основные три js сейчас – eran10

ответ

0

Добрый день, не могли бы вы сказать нам, какую версию вы используете Three.js (он отображается в консоли, когда он загружает, если вы не уверены), и какой браузер вы используете?

Несколько нот, renderer.setClearColorHex устарели сейчас, это должно быть только renderer.setClearColor.

Также вы установите камеру с width/height, но я не вижу их определено в любом месте?

Следующая является camera.position.z = 300; может быть слишком далеко, чтобы увидеть маленький кубик (0, 0, 0)

Попробуйте эти пункты, и дайте нам знать, если он работает.

+0

Мне удалось показать куб на экране спасибо! – eran10