threejs中有三大组件:场景(scene)、相机(camera)和渲染器(renderer),有这三样东西,我们才能够使用相机将场景渲染到网页上去。
var scene = new THREE.Scene(); // 1.场景
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);// 2.透视相机
var renderer = new THREE.WebGLRenderer(); // 3.渲染器
renderer.setSize(window.innerWidth, window.innerHeight); // 设置渲染器的大小为窗口的内宽度,也就是内容区的宽度
renderer.render(scene, camera); // 使用渲染器,结合相机和场景来得到结果画面
document.body.appendChild(renderer.domElement); // 将渲染结果加到页面中