Skip to content

T
three.js

车家大少爷 / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

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

Examples clean up.

上级 444a8b9f
显示空白变更内容
内联 并排
Showing with 29 addition and 102 deletion
examples/index.html
浏览文件 @ 1ec37295
......@@ -275,6 +275,7 @@
],
"misc": [
"misc_animation_keys",
"misc_controls_deviceorientation",
"misc_controls_fly",
"misc_controls_oculusrift",
"misc_controls_orbit",
......@@ -327,6 +328,9 @@
"canvas_performance",
"canvas_sandbox"
],
"raytracing": [
"raytracing_sandbox"
],
"software": [
"software_sandbox"
]
......
examples/misc_controls_deviceorientation.html
浏览文件 @ 1ec37295
......@@ -29,13 +29,13 @@
</head>
<body>
<div id="container"></div>
<div id="info">
<a href="http://threejs.org" target="_blank">three.js</a> - equirectangular panorama demo with DeviceOrientation controls.
photo by <a href="http://www.flickr.com/photos/jonragnarsson/2294472375/" target="_blank">Jón Ragnarsson</a>.
</div>
<div id="container"></div>
<script src="../build/three.min.js"></script>
<script src="js/controls/DeviceOrientationControls.js"></script>
......
examples/webgl_materials_cubemap_dynamic.html
浏览文件 @ 1ec37295
......@@ -6,7 +6,7 @@
<style>
body {
background: #000;
color: #999;
color: #333;
padding: 0;
margin: 0;
overflow: hidden;
......@@ -16,9 +16,9 @@
}
a { color: white }
#info { margin-top: 2em; }
#footer { width: 100%; margin: 2em auto; text-align: center; position: absolute; bottom: 0 }
#loading { color: orange; margin-top: 1em }
#info { position: absolute; top: 10px; width: 100%; }
#container { position: absolute; top: 0px; }
#footer { position: absolute; bottom: 10px; width: 100%; }
.h { color: skyblue }
.c { display: inline; margin-left: 1em }
......@@ -31,16 +31,14 @@
</head>
<body>
<div id="container"></div>
<div id="info">
<a href="http://threejs.org" target="_blank">three.js</a> - webgl dynamic cube reflection demo -
veyron by <a href="http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=1129" target="_blank">Troyano</a> -
gallardo by <a href="http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=1711" target="_blank">machman_3d</a>
</div>
<div id="loading">Loading...</div>
<div id="container"></div>
<div id="footer">
cars control: <span class="h">WASD</span> / <span class="h">arrows</span>
......@@ -88,13 +86,8 @@
var FOLLOW_CAMERA = false;
var MARGIN = 100;
var WIDTH = window.innerWidth || 2;
var HEIGHT = window.innerHeight || ( 2 + 2 * MARGIN );
var SCREEN_WIDTH = WIDTH;
var SCREEN_HEIGHT = HEIGHT - 2 * MARGIN;
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var SHADOW_MAP_WIDTH = 1024, SHADOW_MAP_HEIGHT = 1024;
......@@ -155,7 +148,7 @@
container = document.getElementById( 'container' );
camera = new THREE.PerspectiveCamera( 18, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
camera.position.set( 2000, 0, 2000 );
camera.position.set( 3000, 0, 3000 );
cameraTarget = new THREE.Vector3();
......@@ -196,11 +189,6 @@
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "absolute";
renderer.domElement.style.top = MARGIN + "px";
renderer.domElement.style.left = "0px";
container.appendChild( renderer.domElement );
// SHADOW
......@@ -319,8 +307,6 @@
}
checkStatus();
};
veyron.loadPartsBinary( "obj/veyron/parts/veyron_body_bin.js", "obj/veyron/parts/veyron_wheel_bin.js" );
......@@ -388,8 +374,6 @@
}
checkStatus();
};
gallardo.loadPartsBinary( "obj/gallardo/parts/gallardo_body_bin.js", "obj/gallardo/parts/gallardo_wheel_bin.js" );
......@@ -487,18 +471,6 @@
//
function checkStatus() {
if ( gallardo.loaded && veyron.loaded ) {
document.getElementById( "loading" ).style.display = "none";
}
}
//
function setSpritesOpacity( opacity ) {
for ( var i = 0; i < sprites.length; i ++ ) {
......@@ -766,7 +738,7 @@
function onWindowResize( event ) {
SCREEN_WIDTH = window.innerWidth;
SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
SCREEN_HEIGHT = window.innerHeight;
camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
camera.updateProjectionMatrix();
......
examples/webgl_shadowmap.html
浏览文件 @ 1ec37295
......@@ -49,11 +49,10 @@
var SHADOW_MAP_WIDTH = 2048, SHADOW_MAP_HEIGHT = 1024;
var MARGIN = 100;
var HUD_MARGIN = 0.05;
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
var SCREEN_HEIGHT = window.innerHeight;
var FLOOR = -250;
var camera, controls, scene, renderer;
......@@ -134,8 +133,6 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
renderer.domElement.style.top = MARGIN + 'px';
container.appendChild( renderer.domElement );
renderer.setClearColor( scene.fog.color, 1 );
......@@ -164,7 +161,7 @@
function onWindowResize() {
SCREEN_WIDTH = window.innerWidth;
SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
SCREEN_HEIGHT = window.innerHeight;
camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
camera.updateProjectionMatrix();
......
examples/webgl_shadowmap_performance.html
浏览文件 @ 1ec37295
......@@ -48,10 +48,8 @@
var SHADOW_MAP_WIDTH = 2048, SHADOW_MAP_HEIGHT = 1024;
var MARGIN = 100;
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
var SCREEN_HEIGHT = window.innerHeight;
var FLOOR = -250;
var camera, controls, scene, renderer;
......@@ -130,8 +128,6 @@
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
renderer.domElement.style.top = MARGIN + 'px';
container.appendChild( renderer.domElement );
renderer.setClearColor( scene.fog.color, 1 );
......@@ -159,7 +155,7 @@
function onWindowResize() {
SCREEN_WIDTH = window.innerWidth;
SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
SCREEN_HEIGHT = window.innerHeight;
camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
camera.updateProjectionMatrix();
......
examples/webgl_terrain_dynamic.html
浏览文件 @ 1ec37295
......@@ -15,16 +15,14 @@
text-align: center;
}
#info { margin-top: 2em }
#info { position: absolute; top: 10px; width: 100%; }
a { color: #fb0; }
#footer { width: 100%; margin: 2em auto; text-align: center; position: absolute; bottom: 0 }
#footer { position: absolute; bottom: 10px; width: 100%; }
.h { color: #fb0 }
.c { display: inline; margin-left: 1em }
#loading { width: 100%; margin: 2em auto; text-align: center; position: absolute; top: 25em }
#oldie a { color:#da0 }
#stats { position: absolute; top:0; left: 0 }
......@@ -46,8 +44,6 @@
music by <a href="http://incompetech.com/m/c/royalty-free/index.html?keywords=00875">Kevin MacLeod</a>
</div>
<div id="loading">Loading...</div>
<div id="footer">
<div class="c">
day / night: <span class="h">n</span>
......@@ -56,17 +52,8 @@
<div class="c">
animate terrain: <span class="h">m</span>
</div>
<div class="c">
toggle soundtrack: <span class="h">b</span>
</div>
</div>
<!--
<audio id="soundtrack" autoplay loop style="display:none">
<source src="sounds/Five_Armies.mp3" type='audio/mp3'>
<source src="sounds/Five_Armies.ogg" type='audio/ogg'>
</audio>
-->
<script src="../build/three.min.js"></script>
<script src="js/controls/TrackballControls.js"></script>
......@@ -238,10 +225,8 @@
if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
var MARGIN = 100;
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
var SCREEN_HEIGHT = window.innerHeight;
var renderer, container, stats;
......@@ -260,7 +245,6 @@
var animDelta = 0, animDeltaDir = -1;
var lightVal = 0, lightDir = 1;
var soundVal = 0, oldSoundVal = 0, soundDir = 1;
var clock = new THREE.Clock();
......@@ -281,8 +265,6 @@
container = document.getElementById( 'container' );
soundtrack = document.getElementById( "soundtrack" );
// SCENE (RENDER TARGET)
sceneRenderTarget = new THREE.Scene();
......@@ -436,9 +418,6 @@
// TERRAIN MESH
var geometryTerrain = new THREE.PlaneGeometry( 6000, 6000, 256, 256 );
geometryTerrain.computeFaceNormals();
geometryTerrain.computeVertexNormals();
geometryTerrain.computeTangents();
terrain = new THREE.Mesh( geometryTerrain, mlib[ "terrain" ] );
......@@ -452,11 +431,6 @@
renderer = new THREE.WebGLRenderer();
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.setClearColor( scene.fog.color, 1 );
renderer.domElement.style.position = "absolute";
renderer.domElement.style.top = MARGIN + "px";
renderer.domElement.style.left = "0px";
container.appendChild( renderer.domElement );
//
......@@ -597,7 +571,7 @@
function onWindowResize( event ) {
SCREEN_WIDTH = window.innerWidth;
SCREEN_HEIGHT = window.innerHeight - 2 * MARGIN;
SCREEN_HEIGHT = window.innerHeight;
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
......@@ -614,7 +588,6 @@
case 78: /*N*/ lightDir *= -1; break;
case 77: /*M*/ animDeltaDir *= -1; break;
case 66: /*B*/ soundDir *= -1; break;
}
......@@ -655,8 +628,6 @@
terrain.visible = true;
document.getElementById( "loading" ).style.display = "none";
}
}
......@@ -676,19 +647,6 @@
var delta = clock.getDelta();
soundVal = THREE.Math.clamp( soundVal + delta * soundDir, 0, 1 );
if ( soundVal !== oldSoundVal ) {
if ( soundtrack ) {
soundtrack.volume = soundVal;
oldSoundVal = soundVal;
}
}
if ( terrain.visible ) {
controls.update();
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或