ComputerGraphics/20210129/demo/js/main.js

61 lines
1.8 KiB
JavaScript

// 场景、相机、光源定义定义
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000000);
camera.up.set(0,0,1);
var light = new THREE.AmbientLight(0xffffff);
scene.add(light);
// 渲染器定义
var canvas = document.createElement( 'canvas' );
canvas.id = 'model';
var context = canvas.getContext( 'webgl2', {antialias: true, preserveDrawingBuffer: true});
var renderer = new THREE.WebGLRenderer({canvas: canvas, context: context, logarithmicDepthBuffer: true});
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0xffffff);
document.body.appendChild(renderer.domElement);
window.addEventListener('resize', onWindowResize);
// 相机控制
var controls = new THREE.OrbitControls(camera, renderer.domElement);
// 加载模型数据
const loader = new THREE.FileLoader();
loader.load(
'/demo/res/single-demo.json',
function(data)
{
var bimScene = BIMLoader(JSON.parse(data));
var box = new THREE.Box3();
box.expandByObject(bimScene);
box.expandByScalar(10000);
var cameraPos = new THREE.Vector3(box.min.x, box.min.y, box.max.z);
camera.position.copy(cameraPos);
controls.target = box.getCenter();
scene.add(bimScene);
},
function(xhr)
{
console.log((xhr.loaded / xhr.total * 100) + '% loaded');
},
function(err)
{
console.error('An error happened');
}
);
function onWindowResize()
{
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
}
function animate() {
requestAnimationFrame( animate );
controls.update();
renderer.render( scene, camera );
}
animate();