腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >手动将旋转和转换应用到Matrix4中的THREE.JS中

问手动将旋转和转换应用到Matrix4中的THREE.JS中
EN

Stack Overflow用户

提问于 2012-06-20 03:00:44

回答 1查看 6.3K关注 0票数 4

我试图理解three.js的协调空间，我知道有object.matrix和object.matrixWorld。

在无意中看到这篇博文矩阵基础。如何避免将方向存储为“三个角度”之后，我决定尝试学习如何手动操作Matrix4的属性，从而避免使用欧拉旋转。

我所要做的就是把我的立方体从原点0,0,0，0，然后在世界空间中旋转。在我看来，结果是立方体首先在y轴上平移，然后旋转会把它变成一个大的弧线回到平面上，但实际上它只是回到原点，忽略了平移。

我已经读了很多关于向量和矩阵的书，我相信我现在已经足够理解它们背后的理论了。我真正不明白的是three.js如何处理matrixWorld和矩阵。我都试过了！

这里有一个要演示的小提琴：http://jsfiddle.net/SCXNQ/151/

只需查看render()函数，看看我想要做什么！

编辑解决了工作版本14/09/12的JS小提琴

在下面答案的帮助下，我想我应该发布我更新的小提琴，演示我想要达到的目标- http://jsfiddle.net/SCXNQ/363/。

javascript

matrix

three.js

在线客服搭建方案

搭建集AI机器人、在线客服、智能外呼等多功能服务的客服系统，支持快速接入及自搭建客服系统，从而让顾客快速得到解答

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-20 03:27:49

看看这，这就是我认为你想要的。

编辑:哎呀，矩阵顺序出错了(另外一件事你需要有一个坚实的把握) ->也尝试这。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11118126

复制

three.js 数学方法之Matrix4

图像处理

今天郭先生说一说three.js中的Matrix4，相较于Matrix3来说，Matrix4和three.js联系的更紧密，因为在4x4矩阵最常用的用法是作为一个变换矩阵。这使得表示三维空间中的一个点的向量Vector3通过乘以矩阵来进行转换，如平移、旋转、剪切、缩放、反射、正交或透视投影等。这就是把矩阵应用到向量上。

郭先生的博客

2020/08/31

2.4K0

Eigen中四元数、欧拉角、旋转矩阵、旋转向量之间的转换

alpha

旋转向量 1，初始化旋转向量：旋转角为alpha，旋转轴为(x,y,z) Eigen::AngleAxisd rotation_vector(alpha,Vector3d(x,y,z)) 2，旋转向量转旋转矩阵 Eigen::Matrix3d rotation_matrix; rotation_matrix=rotation_vector.matrix(); Eigen::Matrix3d rotation_matrix; rotation_matrix=rotation_vector.toRotati

点云PCL博主

2022/01/27

3.4K0

将AI应用到供应链中的三个步骤

人工智能

灯塔大数据

2018/04/04

1.4K0

说下three.js 中的相机

图像处理渲染

所有的3D编程中都有一个避免不了的话题就是相机，相机就是这样一个抽象，它定义了三维空间到二维屏幕的投影方式，用“照相机”这样一个类比，可以使我们直观地理解这一投影方式。而针对投影方式的不同，照相机又分为正交投影照相机与透视投影照相机。

程序你好

2021/07/23

1.6K0

three.js 数学方法之Matrix3

javascript 编程算法数据结构

今天郭先生来说一说three.js的三维矩阵，这块知识需要结合线性代数的一些知识，毕业时间有点长，线性代数的知识大部分都还给了老师。于是一起简单的复习了一下。

郭先生的博客

2020/08/31

1.4K0

将request中的参数转换成Map

map request

/** * 将request中的参数转换成Map * @param request * @return */ private static Map<String, String> convertRequestParamsToMap(HttpServletRequest request) { Map<String, String> paramsMap = new HashMap<>(16); Set<Map.Entry<S

高大北

2022/09/21

7720

如何将机器学习技术应用到文本挖掘中

机器学习

本挖掘典型地运用了机器学习技术，例如聚类，分类，关联规则，和预测建模。这些技术揭示潜在内容中的意义和关系。文本发掘应用于诸如竞争情报，生命科学，客户呼声，媒体和出版，法律和税收，法律实施，情感分析和趋势识别。在本篇博客帖中，你将会学习到如何将机器学习技术应用到文本挖掘中。我将会向你展示如何使用RapidMiner（一款流行的预测分析开源工具）和亚马逊S3业务来创建一个文件挖掘应用。亚马逊S3业务是一项易用的存储服务，可使组织在网页上的任何地方存储和检索任意数量的数据。掘模型产生的结果可以得到持续的推

机器学习AI算法工程

2018/03/13

3.9K0

three.js中的矩阵计算

opengl api 图像处理存储

three.js中自带了矩阵运算库，不过在使用的过程中总是容易混淆。不知道是行主序还是列主序，前乘和后乘也很容易弄反。就在这里辨析一下。

charlee44

2020/09/10

7.5K0

three.js鼠标控制物体旋转

javascript

当我们需要固定场景背景，固定摄像机的时候。移动旋转物体可以使用Three.js提供的OrbitControls.js，也可以手动写控制器。

tianyawhl

2019/06/11

15.7K0

three.js 数学方法之Vector3

scala node.js

今天郭先生来说一说three.js的Vector3，该类表示的是一个三维向量（3D vector）。一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为x、y和z），可被用来表示很多事物，它的构造函数为Vector3( x : Float, y : Float, z : Float )x - 向量的x值，默认为0。y - 向量的y值，默认为0。z - 向量的z值，默认为0。创建一个新的Vector3。我仍然从它的属性，方法说起。

郭先生的博客

2020/08/31

3.4K0

three.js中帧缓存的使用

缓存 webgl 渲染 javascript

在网上查阅了一下three.js关于帧缓存的使用，感觉很多都是关于three.js中后处理通道的使用的。后处理通道确实使用FBO实现的，但其实我就是想获取某个时刻的渲染结果作为纹理，没必要在动态渲染中进行后处理。真正实现这个功能的是WebGLRenderTarget这个类，这是一个渲染目标的缓冲区，可以装载到WebGLRenderer中进行渲染，再从WebGLRenderTarget获取纹理对象。

charlee44

2020/06/22

4.3K0

错误: 无法将类 HTable中的构造器 HTable应用到给定类型；

java https html 网络安全

在2.x版本中 HTable被淘汰，只能用Table https://www.saoniuhuo.com/question/detail-1919274.html

Maynor

2022/04/06

1.5K0

Newtonsoft中Json和Xml的转换

xml json

var user = new Dictionary<string, object> { {"CompanyName","Epoint" }, {"UserName","Ellis" }, {"Address",new Dictionary<string,string> { {"Country","China"},

happlyfox

2019/08/05

2.3K0

独家｜图说Pandas中旋转和重塑函数

https 网络安全数据分析编程算法

本文通过图例的方式，举例说明了pandas中旋转（pivot）和重塑（reshape）函数的实现方式。

数据派THU

2019/11/20

6570

关于three.js中的矩阵更新

javascript 图像处理

three.js中的Mesh和Camera都继承自Object3D，Object3D提供了更新图形矩阵的接口：

charlee44

2020/06/02

3K0

Java 中 Array 和 ArrayList 的比较和转换

java arraylist 集合数组性能

在 Java 编程中，arrays 和 arraylists 都是基本的数据结构，用来存放数据集合。虽然两者的用途一样，但是它们的特点极大地影响应用的性能和灵活性。

Jimmy_is_jimmy

2023/08/16

2650

Java 中如何将 String 转换为 Long

apache math null package 工具类

根据官方的说法为：如果输入的字符串为 null 或者 0 的话，将会有下面的返回和输出。

HoneyMoose

2022/01/06

2.8K0

java中如何将数组转换为List

actionscript java 编程算法

如何将其转换为ArrayList <Element> arraylist = ？？？

硬核编程

2020/07/23

3.2K0

将List<Map>中的datas转换为json格式写入文件

其他

private static boolean writeToTextFileByJson(List<Map<String, Object>> datas, String title, String columns, String fileName, String encode) { final BufferedWriter bw; boolean flag = true; try { boolean hasExists = new File(fileName).exists();

用户3003813

2018/09/06

6.7K0

python中json和字符编码的转换

json python

json是用来转换python object 和json format 的，字符编码有gb2312，gb18030/gbk，utf-8等。

py3study

2020/01/10

4K0

相似问题

three.js -从Matrix4获得X，Y，Z旋转值

将联合转换转换为THREE.js旋转

将THREE.js对象旋转转换为画布旋转

手动将提交应用到存储库中的文件

112

将位移映射应用到当前Three.js中的网格中？

活动推荐

玩转EdgeOne Pages有奖征集

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例