Фантазии о Вселенной и мой личный сайт
Настройка ThreeJS для работы

Настройка ThreeJS для работы

Для начала, надо поставить последнюю версию ThreeJS на сайт.

Минимальный код для запуска:

<!DOCTYPE html> <html> <head> <script src="js/three.min.js"></script> </head> <body> <script> // Ширина и высота окна WebGL var width = 640; var height = 480; // Создание объектов var scene = new THREE.Scene(); // 75 - угол обзора; width / height - пропорции; 0.1 .. 1000 дальность прорисовки var camera = new THREE.PerspectiveCamera( 75, width / height, 0.1, 1000 ); var renderer = new THREE.WebGLRenderer(); // Установка ширины и высоты renderer.setSize( width, height ); // Добавление на страницу document.body.appendChild( renderer.domElement ); // Создадим какую-нибудь геометрию var geometry = new THREE.BoxGeometry( 1, 1, 1 ); var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } ); var cube = new THREE.Mesh( geometry, material ); scene.add( cube ); // Слегка отодвинем камеру camera.position.x = 1; camera.position.y = 1; camera.position.z = 3; function animate() { requestAnimationFrame( animate ); renderer.render( scene, camera ); } animate(); </script> </body> </html>

Можно еще его тут посмотреть