作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试按照本教程进行操作:
http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/
在 three.js 中补间相机的视野,但该值似乎没有更新。知道我做错了什么吗?这是我的代码:
var fov = 70;
var zoomFov = 100;
function onDocumentMouseUp( event ) {
castRay();
}
function castRay(){
var vector = new THREE.Vector3( ( event.clientX / window.innerWidth ) * 2 - 1, - ( event.clientY / window.innerHeight ) * 2 + 1, 0.5 );
projector.unprojectVector( vector, camera );
var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
var intersects = ray.intersectObjects( objects );
if ( intersects.length > 0 ) {
var camObj = intersects[0].object;
camTween = new TWEEN.Tween( fov ).to( zoomFov,500 ).easing( camEase );
camTween.start();
camTween.onUpdate(function(){
updateCam(fov);
});
}
}
function updateCam(fov){
console.log(fov); //MH - outputs 70 every time
}
function animate() {
requestAnimationFrame( animate );
render();
TWEEN.update();
}
最佳答案
我用下面的代码解决了这个问题。似乎补间类需要一个对象的属性才能正确更新(?)
var fov = 70, zoomFov = 10, currentFov, camTween;
function castRay(){
var vector = new THREE.Vector3( ( event.clientX / window.innerWidth ) * 2 - 1, - ( event.clientY / window.innerHeight ) * 2 + 1, 0.5 );
projector.unprojectVector( vector, camera );
var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
var intersects = ray.intersectObjects( objects );
if ( intersects.length > 0 ) {
setupTween();
}
}
function setupTween(){
var update = function(){=
camera.projectionMatrix.makePerspective( currentFov.fov, window.innerWidth / window.innerHeight, 1, 1100 );
render();
}
currentFov = { fov: 70};
TWEEN.removeAll();
camTween = new TWEEN.Tween( currentFov ).to( {fov: zoomFov},500 ).easing( camEase ).onUpdate(update);
camTween.start();
}
function animate() {
requestAnimationFrame( animate );
render();
TWEEN.update();
}
关于javascript, three.js - 如何补间相机的 FOV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12847496/
我是一名优秀的程序员,十分优秀!