How to calculate the new vector of a 3D vector rotated by the quaternion of threeJS?

given a quaternion, how to calculate the new vector of a three-dimensional vector rotated by this quaternion?

Quaternion refers to Quaternion of the threeJS document

I understand the formula for calculating rotation of quaternions. I can write it myself, but I always think that the quaternion of threejs must have an api that can be calculated. I don"t have to write it myself, but I can"t find it in the interface document. Which one is it?

< hr >

rotation formula reference: https://www.zhihu.com/questio.

if you want to calculate a dot ,:

3. 0:

4. :

in this way, a quaternion rotation operation is completed.

Three.js

Mar.18,2021

you mean the rotation matrix (Matrix4) of the object's coordinates. Object3D.setRotationFromMatrix
reference https://threejs.org/docs/inde.
or Euler angle rotation (Euler) object3D.setRotationFromEuler
reference https://threejs.org/docs/inde.
or axis angle rotation (Vector3, Float) object3D.setRotationFromAxisAngle
reference https://threejs.org/docs/inde.

Previous: The problem of setting width and height of Table Table in antd

Next: Website 502, nginx error log, it seems that php-fpm made a mistake.

How is the streamer effect similar to the one in the website below achieved?
sample website http: mac.xunlei.com check that the code uses three.js, but doesn t know how to implement it. ...

Thunderbolt three.js

Feb.28,2021
Three explains the objects in the scene
for example, I want to get the position of each object then add a note at the top how to do this? ...

Three.js

Feb.28,2021
How to avoid selecting objects through the upper div when using three.js raycaster
when using three.js, use raycaster to select objects. If there is div occlusion on the upper layer of the canvas, the mouse can still select the model in the canvas. If you want to select a model that is not available when there is div occlusion, how to ...

Javascript autodesk-forge three.js forge

Mar.01,2021
How to realize the 3D version of gluttonous Snake turning Technology through webgl
I want to implement a 3D version of Snake through babylonJS or THREE.js. where, when the snake turns, I want it to turn in a way similar to the image below. In other words, I want the snake to turn more smoothly, just like a vehicle turn in real life...

Javascript game webgl three.js game

Mar.02,2021
Perspective patch appears when three.js loads obj hollowed-out cabinet sub-model, and the rendering effect is very poor.
ask for your advice. Recently, when I was working on a project, I used three.js to load an obj hollowed-out cabinet model. When I was hyperopic, I had serious perspective patches, set many properties of the renderer, and turned on the performance of the...

Three.js

Mar.03,2021
Is there a more mature acquisition scheme for UV mapping of Three.js more complex maps?
I want to make a model with 3dmax and load using ThreeJS . Given the mapping rules, the map image resource is later loaded image or canvas, can replace the map and re-render with one click. because the model is not a simple square or other regular g...

Canvas webgl three.js javascript

Mar.03,2021
Threejs loader json has no effect
there is a json 3D object, which was successfully imported when it was imported, and no error was reported, but it had no effect. ask the boss to take a look at it. Thank you very much! The code address of is as follows: https: github.com LengYXin t...

Node.js css json javascript three.js

Mar.04,2021
Why is the three.js cylinder only textured?
three.js frame of WEBGL I created a cylinder with the geometric model of CylinderGeometry, but I only want to paste it on the side of the arc. I don t want to paste the bottom of the arc. How to deal with this? Or is there any way to achieve it? ...

Three.js webgl html5

Mar.10,2021
How three.js renders more than a thousand sphere movements and color changes without sticking
three.js renders more than a thousand sphere movements and color changes without sticking. At present, the var sphereMaterial = new THREE.MeshBasicMaterial ({color: 0xff0000}) of the sphere is created in this way; var sphereGeometry = new THREE.Sphere...

Three.js

Mar.11,2021
What is the idea of realizing the canvas special effect of this heat dissipation blade on the apple official website?
what is the idea of realizing the canvas special effect of this heat dissipation blade on the official website of https: www.apple.com macbook.apple ...

Three.js

Mar.11,2021
Three.js explains the objects in the scene
for example, I want to get the position of each object then add a note at the top how to do this? ...

Three.js

Mar.11,2021
How to add events to imported Obj in three.js?
found that click events could not be added to the imported obj because obj is of type group. so you need to convert obj to type mesh. but I don t know how to implement it. Do you have a great god to explain it ?...

Three.js

Mar.11,2021
How does three.js change the transparency of the map?
I created a ball model, and then posted a picture on the model, and then slowly let the ball disappear, changing the transparency has no effect! Ask for advice pay the complete code: <!DOCTYPE html> <html> <head> <meta charse...

Canvas webgl three.js

Mar.16,2021
How to use three.js in react how to use js File in js/examples
how to use three.js in react how to use js files in js examples ...

React.js three.js

Mar.21,2021
How to generate a random circle in a large circle
ask the masters how to generate a random circle in the circle. The random circle cannot exceed the boundary of the large circle ...

Javascript three.js html5 pixijs canvas

Mar.24,2021
How to mix metal materials for a fbx model in three.js?
I ve loaded a fbx model, which has materials and maps, and now I want to add a metal-like reflective effect to the model. I tried to create a new phong material directly and add it to the model, but at this time the original material and map of the m...

Three.js

Mar.25,2021
How canvas draws n tangent cellular grids
ask the gods how to achieve this kind of effect ...

Egret pixijs three.js javascript canvas

Mar.25,2021
How to set up the AABB bounding box of 3D model at the front end?
as the title, I load 3D models to the page through webGL, but the location, size, angle and so on of some models are not very suitable. I want to do a script for automatic normalization and standardization of 3D models at the front end. My current think...

Webgl three.js javascript

Mar.28,2021
How does js load on demand?
threejs needs to call too many js when building a scene, how to load it on demand? tried requirejs, but didn t feel quite in demand. for example, to build a material, you need to import about 10 + js, but this material is not used initially (such a...

Three.js javascript

Mar.30,2021
Are the units of parameters in ThreeJS the same as those in 3dmax and blender?
for example, if the position of camera is set to 0,0,24 in 3dmax, and the position of camera is also set to 0,0,24 using the ThreeJS loading model, is the image the same as that of 3dmax? ...

Three.js 3dmax

Mar.31,2021