Skip to content

T
three.js

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

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

提交 ab9cc43b 编写于 作者: M Mr.doob
浏览文件
操作

Clean up.

上级 92fe5899
隐藏空白更改
内联 并排
Showing with 92 addition and 90 deletion
examples/files.js
浏览文件 @ ab9cc43b
...@@ -76,6 +76,7 @@ var files = { ...@@ -76,6 +76,7 @@ var files = {
"webgl_lines_splines", "webgl_lines_splines",
"webgl_loader_3mf", "webgl_loader_3mf",
"webgl_loader_amf", "webgl_loader_amf",
"webgl_loader_assimp",
"webgl_loader_assimp2json", "webgl_loader_assimp2json",
"webgl_loader_awd", "webgl_loader_awd",
"webgl_loader_babylon", "webgl_loader_babylon",
......
examples/webgl_loader_assimp.html
浏览文件 @ ab9cc43b
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>three.js webgl - Assimp - Binary</title> <title>three.js webgl - Assimp</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style> <style>
body { body {
color: #000; color: #000;
font-family: Monospace; font-family: Monospace;
font-size: 13px; font-size: 13px;
text-align: center; text-align: center;
background-color: #000; background-color: #000;
margin: 0px; margin: 0px;
overflow: hidden; overflow: hidden;
} }
#info { #info {
color: #fff; color: #fff;
position: absolute; position: absolute;
top: 10px; top: 10px;
...@@ -37,101 +36,103 @@ ...@@ -37,101 +36,103 @@
float: left; float: left;
text-align: center; text-align: center;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
<div id="info"> <div id="info">
<a href="http://threejs.org" target="_blank">three.js</a> <a href="http://threejs.org" target="_blank">three.js</a>
<a href="https://github.com/Virtulous" target="_blank">Assimp Binary File format</a> <a href="https://github.com/Virtulous" target="_blank">Assimp File format</a>
<div>Assimp binary loader by <a href="https://virtulo.us" target="_blank">Virtulous</a></div> <div>Assimp loader by <a href="https://virtulo.us" target="_blank">Virtulous</a></div>
<div>Octaminator model from <a href="http://opengameart.org/content/octaminator-engine-ready" target="_blank">Teh_Bucket and raymoohawk</a></div> <div>Octaminator model from <a href="http://opengameart.org/content/octaminator-engine-ready" target="_blank">Teh_Bucket and raymoohawk</a></div>
</div> </div>
<script src="../build/three.js"></script> <script src="../build/three.js"></script>
<script src="js/loaders/AssimpLoader.js"></script> <script src="js/loaders/AssimpLoader.js"></script>
<script src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script src="js/libs/stats.min.js"></script> <script src="js/libs/stats.min.js"></script>
<script src="js/controls/OrbitControls.js"></script> <script src="js/controls/OrbitControls.js"></script>
<script> <script>
if ( !Detector.webgl ) Detector.addGetWebGLMessage(); if ( !Detector.webgl ) Detector.addGetWebGLMessage();
var container, stats; var container, stats;
var camera, scene, renderer; var camera, scene, renderer;
var clock = new THREE.Clock(); var clock = new THREE.Clock();
var animation; var animation;
init(); init();
function init() { function init() {
container = document.getElementById( 'container' ); container = document.getElementById( 'container' );
camera = new THREE.PerspectiveCamera( 25, window.innerWidth / window.innerHeight, 1, 10000 ); camera = new THREE.PerspectiveCamera( 25, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.set( 600, 1150, 5 ); camera.position.set( 600, 1150, 5 );
camera.up.set( 0, 0, 1 ); camera.up.set( 0, 0, 1 );
camera.lookAt( new THREE.Vector3( -100, 0, 0 ) ); camera.lookAt( new THREE.Vector3( -100, 0, 0 ) );
scene = new THREE.Scene(); scene = new THREE.Scene();
var light = new THREE.DirectionalLight( 0xffffff, 1.5 ); var light = new THREE.DirectionalLight( 0xffffff, 1.5 );
light.position.set( 0, 4, 4 ).normalize(); light.position.set( 0, 4, 4 ).normalize();
scene.add( light ); scene.add( light );
var ambient = new THREE.AmbientLight( 0x333333, 1.5 ); var ambient = new THREE.AmbientLight( 0x333333, 1.5 );
scene.add( ambient ); scene.add( ambient );
renderer = new THREE.WebGLRenderer( { renderer = new THREE.WebGLRenderer( {
antialias: true antialias: true
} ); } );
renderer.setClearColor( 0xfff4e5 ); renderer.setClearColor( 0xfff4e5 );
renderer.setPixelRatio( window.devicePixelRatio ); renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setSize( window.innerWidth, window.innerHeight );
renderer.sortObjects = false; renderer.sortObjects = false;
container.appendChild( renderer.domElement ); container.appendChild( renderer.domElement );
renderer.setClearColor( new THREE.Color( 0, 0, 0 ), 1 ); renderer.setClearColor( new THREE.Color( 0, 0, 0 ), 1 );
var controls = new THREE.OrbitControls( camera, renderer.domElement ); var controls = new THREE.OrbitControls( camera, renderer.domElement );
controls.target.set(-100,0,0); controls.target.set(-100,0,0);
controls.update(); controls.update();
stats = new Stats(); stats = new Stats();
container.appendChild( stats.dom ); container.appendChild( stats.dom );
var loader = new THREE.AssimpLoader(); var loader = new THREE.AssimpLoader();
loader.load( "./models/assimp/octaminator/Octaminator.assimp", function( err, object ) {
object.object.rotation.x = Math.PI / 2;
scene.add( object.object );
animation = object.animation;
loader.load( "./models/assimp/binary/squid.assimp", function( err, object ) { } );
object.object.rotation.x = Math.PI / 2; window.addEventListener( 'resize', onWindowResize, false );
scene.add( object.object ); animate();
animation = object.animation;
} ); }
window.addEventListener( 'resize', onWindowResize, false ); function onWindowResize() {
animate();
} camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
function onWindowResize() { }
camera.aspect = window.innerWidth / window.innerHeight; var now = performance.now();
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
} function animate() {
var now = performance.now(); var delta = performance.now() - now;
now += delta;
requestAnimationFrame( animate, renderer.domElement );
renderer.render( scene, camera );
function animate() { if ( animation )
animation.setTime( now / 1000 );
var delta = performance.now() - now; stats.update();
now += delta;
requestAnimationFrame( animate, renderer.domElement );
renderer.render( scene, camera );
if ( animation )
animation.setTime( now / 1000 );
stats.update();
} }
</script> </script>
</body> </body>
</html> </html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或