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