three.js旋转面向对象

关闭

我已经从事矢量工作已有13年了,但是我仍然在为Three.js处理事情而苦苦挣扎。因此,我最喜欢做的事情就是用一个始终面对镜头并旋转的风扇来描述。

这就是我用另一种语言实现的方式:

// Create a vector facing in camera direction.
temp.x = 0;
temp.y = 1;
temp.z = 0;
vec_rotate(temp, camera.pan);

// Apply vector direction to scene object.
vec_to_angle(entity.pan, temp);

// Rotate scene object's angle around another angle / imaginary line from camera to object.
ang_rotate(
    entity.pan, 
    vector(random(360), 0, 0)
);

因此,在应用entity.lookAt(camera.position)之后,我错过了基于当前角度的角度旋转(示例的最后一个函数调用)。

西兰吉

建模风扇的一种方法如下:

var fan = new THREE.Mesh( ... );

var pivot = new THREE.Object3D();
scene.add( pivot );
pivot.lookAt( camera.position );

pivot.add( fan );

然后在动画循环中(假设默认情况下,风扇网格面向正z轴),

fan.rotation.z += 0.01;

three.js r.68

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Three.js的中心旋转mergeometry对象

来自分类Dev

在three.js中旋转对象

来自分类Dev

当对象旋转时Three.js旋转相机

来自分类Dev

Three.js旋转

来自分类Dev

围绕对象轴THREE.js旋转对象

来自分类Dev

使用Three.js,WebGL显示对象的顶点并旋转对象

来自分类Dev

使用Three.js,WebGL显示对象的顶点并旋转对象

来自分类Dev

节点js中的面向对象编程

来自分类Dev

three.js通过轴方向旋转对象

来自分类Dev

three.js通过鼠标向下旋转对象并移动

来自分类Dev

Three.js:添加和删除旋转对象的子代

来自分类Dev

Three.JS通过移动设备围绕对象旋转相机

来自分类Dev

Three.js通过圆路径旋转对象

来自分类Dev

Three.js:添加和删除旋转对象的子代

来自分类Dev

Three.js-围绕特定轴旋转对象

来自分类Dev

如何在Three.js中使用鼠标旋转对象?

来自分类Dev

Three.js 对象返回错误的位置/旋转/缩放值

来自分类Dev

面向对象的php

来自分类Dev

面向对象的流星

来自分类Dev

面向对象的Python

来自分类Dev

面向对象的php

来自分类Dev

面向对象的javascript

来自分类Dev

组成面向对象

来自分类Dev

面向移动设备的Three.js问题

来自分类Dev

如何编写面向对象的Node.js模型

来自分类Dev

three.js:结合tween.js绕世界轴旋转对象

来自分类Dev

混淆面向对象的Javascript

来自分类Dev

面向对象-类变量

来自分类Dev

简单的PHP面向对象$ this