Simple 3D Vector Visualizer

[leemun1]

Hi everyone,

Just wanted to share my simple 3D vector visualizer.
It visualizes vectors using THREE's arrow helpers.

You can:

• add new vectors
• edit existing vectors
• delete existing vectors

Live example

Source

[felixmariotto]

Nice !
If the user could easily add/subtract vectors, I think it could have a very real educational value.

Also at some point it crashed and I got this error :

I happened when I clicked on “Draw” to add a vector, I think it was [ -3, 2, 0 ]

[leemun1]

Thank you for giving it a try!

I definitely agree that being able to visualize some vector operations would be helpful.
I will try to toss those into the app when i have a chance.

Also, thank you for the error screenshot. It is now fixed in the live demo

[manthrax]

Add cross product and dot product!

[idobenamram]

this is super awesome!!!

[wenrenqiang]

Support visualization of quaternion matrix vector addition and subtraction?

[yesbird]

Great idea !
I have similar surfaces visualization template for math tutorials with XR support:
https://mathview.yesbird.online/

Code is here, maybe you will find it usefull.

Sources of inspiration:
https://virtualmathmuseum.org
https://3d-xplormath.org/j/index.html

[hofk]

@wenrenqiang

visualization of quaternion

see

Quaternion - Axis, Angle Visualization

I’ve been using quaternions. Because rotation in space is not easy, I was looking for a simple visualization. I found a lot of theory about quaternions and a workable converter. http://www.energid.com/resources/orientation-calculator/ But no visualization for my own requirements. So I created it myself. Quaternion and axis, angle are continuously converted into each other. [quaternion] If you want to try the little helper, you will find him there: http://threejs.hofk.de/ or directly ther…

Quaternion - method .setFromBasis( e1, e2, e3 )

These posts and examples are about movement on a curve. Struggling with paths - #14 by hofk Car Racing - For lovers of fast cars! MotionAlongCurve MovementOnCurve CarRacing However, the solution via matrices requires computational effort. I have been looking for a solution with quaternions that requires fewer formula steps. The solution is a new method in the quaternion class. I added it to three.module.129.Quaternion.js in the example BasisToQuaternion. This makes the calculat…