javascript - 旋转一个简单的立方体两次

标签 javascript three.js blender

我在 Blender 3d 方面有一些经验,但在 3d 编程方面几乎没有经验,我现在正在尝试使用 two.js

我的问题是:我有一个简单的立方体,我围绕y轴旋转它;然后我需要再次围绕 y 轴旋转它,但就好像轴也旋转了一样。在 Blender 上,我会按 RKEY 两次。

第一次使用时旋转:cube.rotation.y += Math.PI*.5;

如何在 Three.js 中做到这一点?我也尝试过一些矩阵变换,但我可以完成。

--

@muimota 帮我弹奏 fiddle ,然后我将在下面完成我的解释:

谢谢@muimota,这个例子将帮助我解释我想要做什么!这是changed fiddle有更清晰的解释:立方体旋转了两次(y 和 z),然后将在 y 轴上无限旋转。我想做的是让它始终平行于其中一个面旋转 - 就像第一次旋转平行于其顶面一样。

最佳答案

如果您将立方体每帧旋转 90°,它看起来会是一样的,您可能会认为它没有旋转(但它确实旋转了)。

这是一个例子: http://jsfiddle.net/Lbabobdx/

function render() {

  //ROTATES 90º every frame looking the same
  mesh.rotation.y += Math.PI/2;

  renderer.render(scene, camera);
}

关于javascript - 旋转一个简单的立方体两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26434614/

相关文章:

javascript - 如何使用单击JavaScript更改动态创建的div的背景?

javascript - 如何在页面加载后立即调用 JavaScript 方法

javascript - Three.js:对盒状几何体进行动画处理

javascript - Three.js - 设置相机位置

shader - 你如何在 blender 循环节点着色器中添加时间关系?

javascript - 用animate实现jQuery的抖动效果

javascript - WebGL/Three.js - 移动相机时,纹理着色的粒子不规则地闪烁

javascript - 将模型导入 three.js - 性能

three.js - 为什么在 ThreeJs 中两张脸看不见?

javascript - 使用 Labjs 我得到一个 "$ is not defined"错误但是 js 仍然有效,不知道为什么 :(