Рубрики
three.js

Базовые элементы 3D

три компонента scene, camera,renderer
компоненты

сцена
const scene=new THREE.Scene();
цвет экрана
scene.background=new THREE.Color(0xdddddd);

камера
const camera=new THREE.PerspectiveCamera(70,window.innerWidth/ window.innerHeight);
установить позицию камеры
camera.position.z=5;

рендер
const renderer=new THREE.WebGLRenderer();
размер по размеру экрану
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer,domElement);

функция для обновление, перерисовка на экране и выполнения
function animation(){
requestAnimationFrame(animate);
renderer.render(scene,camera);
}
animate();

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *