Skip to content

T
three.js

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

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

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

Cleaning webgl_geometry_extrude_splines a bit.

上级 b4b712fa
隐藏空白更改
内联 并排
Showing with 32 addition and 45 deletion
examples/webgl_geometry_extrude_splines.html
浏览文件 @ b17defa8
......@@ -156,7 +156,7 @@
if ( toggle ) {
animation = !animation;
animation = animation === false;
document.getElementById('animation').value = 'Camera Spline Animation View: ' + (animation? 'ON': 'OFF');
}
......@@ -199,9 +199,6 @@
//
camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.01, 1000);
splineCamera = new THREE.PerspectiveCamera(84, window.innerWidth / window.innerHeight, 0.01, 1000);
cameraHelper = new THREE.CameraHelper(splineCamera);
camera.position.set(0, 50, 500);
scene = new THREE.Scene();
......@@ -212,39 +209,39 @@
parent = new THREE.Object3D();
parent.position.y = 100;
scene.add(parent);
scene.add( parent );
splineCamera = new THREE.PerspectiveCamera(84, window.innerWidth / window.innerHeight, 0.01, 1000);
parent.add(splineCamera);
cameraHelper = new THREE.CameraHelper(splineCamera);
scene.add(cameraHelper);
addTube();
// Debug point
cameraEye = new THREE.Mesh(
new THREE.SphereGeometry( 5 ),
new THREE.MeshBasicMaterial( { color: 0xdddddd } )
);
cameraHelper.visible = showCameraHelper;
cameraEye.visible = showCameraHelper;
cameraEye = new THREE.Mesh( new THREE.SphereGeometry( 5 ), new THREE.MeshBasicMaterial( { color: 0xdddddd } ) );
parent.add(cameraEye);
cameraHelper.scale.multiplyScalar( 0.1 );
splineCamera.add(cameraHelper);
parent.add(splineCamera);
cameraHelper.visible = showCameraHelper;
cameraEye.visible = showCameraHelper;
//
renderer = new THREE.WebGLRenderer({ antialias: true } );
renderer.setSize(window.innerWidth, window.innerHeight);
container.appendChild(renderer.domElement);
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
stats = new Stats();
stats.domElement.style.position = 'absolute';
stats.domElement.style.top = '0px';
container.appendChild(stats.domElement);
container.appendChild( stats.domElement );
renderer.domElement.addEventListener('mousedown', onDocumentMouseDown, false);
renderer.domElement.addEventListener('touchstart', onDocumentTouchStart, false);
renderer.domElement.addEventListener('touchmove', onDocumentTouchMove, false);
renderer.domElement.addEventListener( 'mousedown', onDocumentMouseDown, false );
renderer.domElement.addEventListener( 'touchstart', onDocumentTouchStart, false );
renderer.domElement.addEventListener( 'touchmove', onDocumentTouchMove, false );
//
......@@ -270,9 +267,9 @@
event.preventDefault();
renderer.domElement.addEventListener('mousemove', onDocumentMouseMove, false);
renderer.domElement.addEventListener('mouseup', onDocumentMouseUp, false);
renderer.domElement.addEventListener('mouseout', onDocumentMouseOut, false);
renderer.domElement.addEventListener( 'mousemove', onDocumentMouseMove, false );
renderer.domElement.addEventListener( 'mouseup', onDocumentMouseUp, false );
renderer.domElement.addEventListener( 'mouseout', onDocumentMouseOut, false );
mouseXOnMouseDown = event.clientX - windowHalfX;
targetRotationOnMouseDown = targetRotation;
......@@ -289,17 +286,17 @@
function onDocumentMouseUp(event) {
renderer.domElement.removeEventListener('mousemove', onDocumentMouseMove, false);
renderer.domElement.removeEventListener('mouseup', onDocumentMouseUp, false);
renderer.domElement.removeEventListener('mouseout', onDocumentMouseOut, false);
renderer.domElement.removeEventListener( 'mousemove', onDocumentMouseMove, false );
renderer.domElement.removeEventListener( 'mouseup', onDocumentMouseUp, false );
renderer.domElement.removeEventListener( 'mouseout', onDocumentMouseOut, false );
}
function onDocumentMouseOut(event) {
renderer.domElement.removeEventListener('mousemove', onDocumentMouseMove, false);
renderer.domElement.removeEventListener('mouseup', onDocumentMouseUp, false);
renderer.domElement.removeEventListener('mouseout', onDocumentMouseOut, false);
renderer.domElement.removeEventListener( 'mousemove', onDocumentMouseMove, false );
renderer.domElement.removeEventListener( 'mouseup', onDocumentMouseUp, false );
renderer.domElement.removeEventListener( 'mouseout', onDocumentMouseOut, false );
}
......@@ -309,7 +306,7 @@
event.preventDefault();
mouseXOnMouseDown = event.touches[0].pageX - windowHalfX;
mouseXOnMouseDown = event.touches[ 0 ].pageX - windowHalfX;
targetRotationOnMouseDown = targetRotation;
}
......@@ -322,7 +319,7 @@
event.preventDefault();
mouseX = event.touches[0].pageX - windowHalfX;
mouseX = event.touches[ 0 ].pageX - windowHalfX;
targetRotation = targetRotationOnMouseDown + (mouseX - mouseXOnMouseDown) * 0.05;
}
......@@ -387,19 +384,9 @@
cameraHelper.update();
parent.rotation.y += (targetRotation - parent.rotation.y) * 0.05;
if (animation) {
renderer.render(scene, splineCamera);
} else {
renderer.render(scene, camera);
}
parent.rotation.y += ( targetRotation - parent.rotation.y ) * 0.05;
renderer.render( scene, animation === true ? splineCamera : camera );
}
</script>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或