<aside> <img src="/icons/list_gray.svg" alt="/icons/list_gray.svg" width="40px" />

Table of Contents

</aside>

Definition


image.png

Cross product is a vector multiplication operation that results in another vector, not a scalar (unlike the dot product).

Here is $\mathbf{u}=(u_x, u_y, u_z)$ & $\mathbf{v} = (v_x, v_y, v_z)$

Then the cross product is computed like so.

$$ \mathbf{u} \times \mathbf{v} = \begin{pmatrix} u_y v_z - u_z v_y \\ u_z v_x - u_x v_z \\ u_x v_y - u_y v_x \end{pmatrix}

$$

Geometric Interpretation


Magnitude


Blue & Red Vector | Cross Product | Area of Parallelogram

Blue & Red Vector | Cross Product | Area of Parallelogram

The magnitude of the cross product vector $\|\mathbf{u}\times\mathbf{v}\|$ represents the area of the parallelogram spanned by $\mathbf{u}$ and $\mathbf{v}$.

$$ \|\mathbf{u}\times\mathbf{v}\|=\|\mathbf{u}\|\|\mathbf{v}\|\sin\theta $$

Example

image.png

Here is $\mathbf{u}=(2,0,1)$, $\mathbf{v}=(1,0,3)$.

Direction


image.png

The direction of the resulting vector $\mathbf{w}$ = $\mathbf{u}$ × $\mathbf{v}$ can be easily found using the right-hand rule.

<aside> <img src="/icons/dialogue_blue.svg" alt="/icons/dialogue_blue.svg" width="40px" />

Why Cross Product follows “Right-Hand-Rule”

Why does the "right-hand-rule" for vector cross-products work?

Properties


Anti-commutativity

This property shows that $\mathbf{u} \times \mathbf{v} \neq \mathbf{v} \times \mathbf{u}$ in general. so that we say that the cross product is anti-commutative.

$$ \mathbf{u} \times \mathbf{v} = -(\mathbf{v} \times \mathbf{u}) $$

Parallel Vectors

If $\|\sin\theta\|=0$ (i.e., $\theta=0°$ or $\theta=180°$), then $\|\mathbf{u}\times\mathbf{v}\|=0$

Orthogonalization with Cross Product


Cross product allows to find a vector orthogonal to two 3D vectors.

Here is $\mathbf{u}$ and $\mathbf{v}$.

$$ \mathbf{w} = \mathbf{u} \times \mathbf{v} $$

This property is particularly useful.

Practice : Graph


3D Graph

https://www.desmos.com/3d/wyoywrymn9

<aside> <img src="/icons/warning_yellow.svg" alt="/icons/warning_yellow.svg" width="40px" />

</aside>

Elements