Skip to content

T
three.js

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

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

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

Merge branch 'master' into dev

上级 065c06a8 4bab4687
隐藏空白更改
内联 并排
Showing with 32 addition and 30 deletion
docs/scenes/geometry-browser.html
浏览文件 @ 0e8166f5
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
body { body {
margin:0; margin:0;
font-family: 'inconsolata'; font-family: 'inconsolata';
...@@ -18,9 +18,9 @@ ...@@ -18,9 +18,9 @@
line-height: 18px; line-height: 18px;
overflow: hidden; overflow: hidden;
} }
canvas { width: 100%; height: 100% } canvas { width: 100%; height: 100% }
#newWindow { #newWindow {
display: block; display: block;
position: absolute; position: absolute;
...@@ -31,12 +31,14 @@ ...@@ -31,12 +31,14 @@
</style> </style>
</head> </head>
<body> <body>
<a id='newWindow' href='./geometry-browser.html' target='_blank'>Open in New Window</a> <a id='newWindow' href='./geometry-browser.html' target='_blank'>Open in New Window</a>
<script src="../../build/three.min.js"></script> <script src="../../build/three.min.js"></script>
<script src='../../examples/js/libs/dat.gui.min.js'></script> <script src='../../examples/js/libs/dat.gui.min.js'></script>
<script src="../../examples/js/controls/OrbitControls.js"></script> <script src="../../examples/js/controls/OrbitControls.js"></script>
<script src="../../examples/js/geometries/TextGeometry.js"></script>
<script src="../../examples/js/utils/FontUtils.js"></script>
<script src="../../examples/fonts/gentilis_bold.typeface.js"></script> <script src="../../examples/fonts/gentilis_bold.typeface.js"></script>
<script src="../../examples/fonts/gentilis_regular.typeface.js"></script> <script src="../../examples/fonts/gentilis_regular.typeface.js"></script>
<script src="../../examples/fonts/optimer_bold.typeface.js"></script> <script src="../../examples/fonts/optimer_bold.typeface.js"></script>
...@@ -45,22 +47,22 @@ ...@@ -45,22 +47,22 @@
<script src="../../examples/fonts/helvetiker_regular.typeface.js"></script> <script src="../../examples/fonts/helvetiker_regular.typeface.js"></script>
<script src="../../examples/fonts/droid/droid_serif_regular.typeface.js"></script> <script src="../../examples/fonts/droid/droid_serif_regular.typeface.js"></script>
<script src="../../examples/fonts/droid/droid_serif_bold.typeface.js"></script> <script src="../../examples/fonts/droid/droid_serif_bold.typeface.js"></script>
<script src='js/geometry.js'></script> <script src='js/geometry.js'></script>
<script> <script>
document.getElementById('newWindow').href += window.location.hash; document.getElementById('newWindow').href += window.location.hash;
var gui = new dat.GUI(); var gui = new dat.GUI();
var scene = new THREE.Scene(); var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 50 ); var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 50 );
camera.position.z = 30; camera.position.z = 30;
var renderer = new THREE.WebGLRenderer({antialias: true}); var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement ); document.body.appendChild( renderer.domElement );
var orbit = new THREE.OrbitControls( camera, renderer.domElement ); var orbit = new THREE.OrbitControls( camera, renderer.domElement );
orbit.enableZoom = false; orbit.enableZoom = false;
...@@ -71,7 +73,7 @@ ...@@ -71,7 +73,7 @@
lights[0] = new THREE.PointLight( 0xffffff, 1, 0 ); lights[0] = new THREE.PointLight( 0xffffff, 1, 0 );
lights[1] = new THREE.PointLight( 0xffffff, 1, 0 ); lights[1] = new THREE.PointLight( 0xffffff, 1, 0 );
lights[2] = new THREE.PointLight( 0xffffff, 1, 0 ); lights[2] = new THREE.PointLight( 0xffffff, 1, 0 );
lights[0].position.set( 0, 200, 0 ); lights[0].position.set( 0, 200, 0 );
lights[1].position.set( 100, 200, 100 ); lights[1].position.set( 100, 200, 100 );
lights[2].position.set( -100, -200, -100 ); lights[2].position.set( -100, -200, -100 );
...@@ -81,40 +83,40 @@ ...@@ -81,40 +83,40 @@
scene.add( lights[2] ); scene.add( lights[2] );
var mesh = new THREE.Object3D() var mesh = new THREE.Object3D()
mesh.add( new THREE.LineSegments( mesh.add( new THREE.LineSegments(
new THREE.Geometry(), new THREE.Geometry(),
new THREE.LineBasicMaterial({ new THREE.LineBasicMaterial({
color: 0xffffff, color: 0xffffff,
transparent: true, transparent: true,
opacity: 0.5 opacity: 0.5
}) })
)); ));
mesh.add( new THREE.Mesh( mesh.add( new THREE.Mesh(
new THREE.Geometry(), new THREE.Geometry(),
new THREE.MeshPhongMaterial({ new THREE.MeshPhongMaterial({
color: 0x156289, color: 0x156289,
emissive: 0x072534, emissive: 0x072534,
side: THREE.DoubleSide, side: THREE.DoubleSide,
shading: THREE.FlatShading shading: THREE.FlatShading
}) })
)); ));
var options = chooseFromHash( mesh ); var options = chooseFromHash( mesh );
scene.add( mesh ); scene.add( mesh );
var prevFog = false; var prevFog = false;
var render = function () { var render = function () {
requestAnimationFrame( render ); requestAnimationFrame( render );
var time = Date.now() * 0.001; var time = Date.now() * 0.001;
...@@ -125,20 +127,20 @@ ...@@ -125,20 +127,20 @@
} }
renderer.render( scene, camera ); renderer.render( scene, camera );
}; };
window.addEventListener( 'resize', function () { window.addEventListener( 'resize', function () {
camera.aspect = window.innerWidth / window.innerHeight; camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix(); camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setSize( window.innerWidth, window.innerHeight );
}, false ); }, false );
render(); render();
</script> </script>
</body> </body>
</html> </html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或