Skip to content

T
three.js

Ablesons / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

体验新版 GitCode，发现更多精彩内容 >>

未验证 提交 51afad97 编写于 作者: M Michael Herzog 提交者： GitHub
浏览文件
操作

Examples: Clean up. (#21552) 

* Examples: Clean up.

* IFCLoader: Fix path to core.
上级 e48fc94d
隐藏空白更改
内联 并排
Showing with 64 addition and 49 deletion
examples/jsm/loaders/IFCLoader.js
浏览文件 @ 51afad97
......@@ -14,7 +14,7 @@ import {
InterleavedBuffer,
InterleavedBufferAttribute,
BufferAttribute,
} from '../../../../build/three.module.js';
} from '../../../build/three.module.js';
var ifcAPI = new IfcAPI();
......
examples/webgl_loader_ifc.html
浏览文件 @ 51afad97
......@@ -11,7 +11,6 @@
</head>
<body>
<div id="container"></div>
<div id="info">
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a>
-
......@@ -26,61 +25,77 @@
import { IFCLoader } from './jsm/loaders/IFCLoader.js';
//Scene
const scene = new THREE.Scene();
scene.background = new THREE.Color( 0x8cc7de );
//Renderer
const container = document.querySelector( '#container' );
const renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setPixelRatio( Math.min( window.devicePixelRatio, 2 ) );
renderer.setAnimationLoop( animation );
container.appendChild( renderer.domElement );
//Camera
const camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 1000 );
camera.position.z = - 70;
camera.position.y = 25;
camera.position.x = 90;
camera.lookAt( 0, 0, 0 );
const controls = new OrbitControls( camera, renderer.domElement );
//Initial cube
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshPhongMaterial( { color: 0xffffff } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );
//Lights
const directionalLight1 = new THREE.DirectionalLight( 0xffeeff, 0.8 );
directionalLight1.position.set( 1, 1, 1 );
scene.add( directionalLight1 );
const directionalLight2 = new THREE.DirectionalLight( 0xffffff, 0.8 );
directionalLight2.position.set( - 1, 0.5, - 1 );
scene.add( directionalLight2 );
const ambientLight = new THREE.AmbientLight( 0xffffee, 0.25 );
scene.add( ambientLight );
//Window resize support
window.addEventListener( 'resize', () => {
let scene, camera, renderer;
init();
function init() {
//Scene
scene = new THREE.Scene();
scene.background = new THREE.Color( 0x8cc7de );
//Camera
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 1000 );
camera.position.z = - 70;
camera.position.y = 25;
camera.position.x = 90;
//Initial cube
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshPhongMaterial( { color: 0xffffff } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );
//Lights
const directionalLight1 = new THREE.DirectionalLight( 0xffeeff, 0.8 );
directionalLight1.position.set( 1, 1, 1 );
scene.add( directionalLight1 );
const directionalLight2 = new THREE.DirectionalLight( 0xffffff, 0.8 );
directionalLight2.position.set( - 1, 0.5, - 1 );
scene.add( directionalLight2 );
const ambientLight = new THREE.AmbientLight( 0xffffee, 0.25 );
scene.add( ambientLight );
//Setup IFC Loader
const ifcLoader = new IFCLoader();
ifcLoader.load( 'models/ifc/rac_advanced_sample_project.ifc', function ( model ) {
scene.add( model );
render();
} );
//Renderer
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setPixelRatio( window.devicePixelRatio );
document.body.appendChild( renderer.domElement );
//Controls
const controls = new OrbitControls( camera, renderer.domElement );
controls.addEventListener( 'change', render );
window.addEventListener( 'resize', onWindowResize );
render();
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
} );
render();
//Setup IFC Loader
const ifcLoader = new IFCLoader();
//Load IFC file
ifcLoader.load( 'models/ifc/rac_advanced_sample_project.ifc', ( geometry ) => scene.add( geometry ) );
}
//Animation
function animation() {
function render() {
controls.update();
renderer.render( scene, camera );
}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或