In this article I will attempt to explain the concept of Quaternions in an easy to understand way. I will explain how you might visualize a Quaternion as well as explain the different operations that can be applied to quaternions. I will also compare applications of matrices, euler angles, and quaternions and try to explain when you would want to use quaterions instead of Euler angles or matrices and when you would not.
Table of Contents
 Introduction
 Complex Numbers
 Powers of i
 The Complex Plane

Quaternions
 Quaternions as an Ordered Pair
 Adding and Subtracting Quaternions
 Quaternion Products
 A Real Quaternion
 Multiplying a Quaternion by a Scalar
 Pure Quaternions
 Additive Form of a Quaternion
 Unit Quaternion
 Binary Form of a Quaternion
 Quaternion Conjugate
 Quaternion Norm
 Quaternion Normalization
 Quaternion Inverse
 Quaternion Dot Product
 Rotations
 Quaternion Interpolation
 Conclusion
 Download the Demo
 Reference
This article is extremely math intensive and is not intended for the weakhearted.
Introduction
In computer graphics, we use transformation matrices to express a position in space (translation) as well as its orientation in space (rotation). Optionally, a single transformation matrix can also be used to express the scale or “shear” of an object. We can think of this transformation matrix as a “basis space” where if you multiply a vector or a point (or even another matrix) by a transformation matrix you “transform” that vector, point or matrix into the space represented by that matrix.
In this article, I will not discuss the details of transformation matrices. For a detailed description of transformation matrices, you can refer to my previous article titled Matrices.
In this article, I want to discuss an alternative method of describing the orientation of an object (rotation) in space using quaternions.
The concept of quaterinions was realized by the Irish mathematician Sir William Rowan Hamilton on Monday October 16th 1843 in Dublin, Ireland. Hamilton was on his way to the Royal Irish Academy with his wife and as he was passing over the Royal Canal on the Brougham Bridge he made a dramatic realization that he immediately carved into the stone of the bridge.
Complex Numbers
Before we can fully understand quaterions, we must first understand where they came from. The root of quaternions is based on the concept of the complex number system.
In addition to the wellknown number sets (Natural, Integer, Real, and Rational), the Complex Number system introduces a new set of numbers called imaginary numbers. Imaginary numbers were invented to solve certain equations that had no solutions such as:
To solve this expression, we must state that which we know is not possible because the square of any number (positive or negative) is always positive.
Mathematicians generally can’t accept that an expression does not have a solution so a new term was invented called the imaginary number that can be used to solve such equations.
The imaginary number has the form:
Don’t try to actually understand this term as there is no logical reason why it exists. We just have to accept that is just something that squares to .
The set of imaginary numbers can be represented by .
The set of complex numbers (represented by the symbol ) is the sum of a real number and an imaginary number and has the form:
It could also be stated that all Real numbers are complex numbers with and all imaginary numbers are complex numbers with .
Adding and Subtracting Complex Numbers
Complex numbers can be added and subtracted by adding or subtracting the real, and imaginary parts.
Addition:
Subtraction:
Multiply a Complex Number by a Scalar
A complex number is multiplied by a scalar by multiplying each term of the complex number by the scalar:
Product of Complex Numbers
Complex numbers can also be multiplied by applying normal algebraic rules.
Square of Complex Numbers
A complex number can also be squared by multiplying by itself:
Complex Conjugate
The conjugate of a complex number is a complex number with the imaginary part negated and is denoted as either or .
The product of a complex number and its conjugate gives a special result.
Absolute Value of a Complex Number
We can use the conjugate of a complex number to compute the absolute value (or norm, or magnitude) of a complex number. The absolute value of a complex number is the squareroot of the complex number multiplied by its conjugate and is denoted :
Quotient of Two Complex Numbers
To compute the quotient of two complex numbers, we multiply the numerator and denominator by the complex conjugate of the denominator.
Powers of i
If we state that then it should be possible to raise i to other powers as well.
If we keep writing this sequence, we will see a pattern emerge .
A similar pattern emerges from the increasing negative powers.
You may have seen a similar pattern in mathematics before but in the form which is generated by rotating a point 90 degrees counterclockwise on a 2D Cartesian plane and the sequence is generated by rotating a point 90 degrees clockwise on a 2D Cartesian plane.
The Complex Plane
We can also map complex numbers in a 2D grid called the Complex Plane by mapping the Real part on the horizontal axis and the Imaginary part on the vertical axis.
As shown in the previous sequence, we can say that if we multiply a complex number by i, we can rotate the complex number through the complex plane at 90 degree increments.
Let’s see if this is true. We’ll take an arbitrary point p in the complex plane:
and we multiply it by i gives q:
Multiplying q by i gives r:
And multiplying r by i gives s:
And multiplying s by i gives t:
Which is exactly what we started with (p). If we plot these complex numbers on the complex plane, we get the following result.
We can also rotate clockwise in the complex plane by multiplying the complex number by i.
Rotors
We can also perform arbitrary rotations in the complex plane by defining a complex number of the form:
Multiplying any complex number by the rotor q produces the general formula:
Which can also be written in matrix form:
Which is the method to rotate an arbitrary point in the complex plane counterclockwise about the origin.
Quaternions
With this knowledge of the complex number system and the complex plane, we can extend this to 3dimensional space by adding two imaginary numbers to our number system in addition to i.
The general form to express quaternions is
Were, according to Hamilton’s famous expression:
and
You may have noticed that the relationship between i, j, and k are very similar to the cross product rules for the unit cartesian vectors:
Hamilton also recognized that the i, j, and k imaginary numbers could be used to represent three cartesian unit vectors i, j, and k with the same properties of imaginary numbers, such that .
The image above visualizes the relationship between the cartesian unit vectors represented by i, j, and k.
Quaternions as an Ordered Pair
We can also represent quaternions as an ordered pair:
Where v can also be represented by its individual components:
Using this notation, we can more easily show the similarities between quaternions and complex numbers.
Adding and Subtracting Quaternions
Quaternions can be added and subtracted similar to complex numbers:
Quaternion Products
We can also express the product of two quaternions:
Which results in another quaternion. If we replace the imaginary numbers i, j, and k in the previous expression by the ordered pairs (also known as the quaternion units),
And substituting back to the original expression together with gives:
And expanding this expression into a sum of ordered pairs gives:
If we multiply through with the quaternion unit and extract the common vector components, we can rewrite this equation in this way:
This equation gives us the sum of two ordered pairs. The first ordered pair is a Real quaternion and the second is a Pure quaternion. These two ordered pairs can be combined into a single ordered pair:
And if we substitute,
We get:
Which is the general equation of a quaternion product.
A Real Quaternion
A Real Quaternion is a quaternion with a vector term of 0:
And the product of two Real Quaternions is another Real Quaternion:
Which is similar to the product of two complex numbers that contain a zero imaginary term.
Multiplying a Quaternion by a Scalar
We can also multiply a quaternion by a scalar which should obey the rule:
We can confirm this by using the product or Real Quaterions shown above to multiply a quaternion by the scalar as a Real Quaternion:
Pure Quaternions
Similar to Real Quaterions, Hamilton also defined the Pure Quaternion as a quaternion that has a zero scalar term:
Or, written in its component parts:
And we can also take the product of two Pure quaternions:
According to the quaternion product rule shown above.
Additive Form of a Quaternion
We can also express quaternions as an addition of the Real and Pure quaternion parts:
Unit Quaternion
Given an arbitrary vector v, we can express this vector in both its scalar magnitude and its direction as such:
And combining this definition with the definition of a pure quaternion gives:
And we can also describe a unit quaternion that has a zero scalar and a unit vector as such:
Binary Form of a Quaternion
We can now combine the definitions of the unit quaternion and the additive form of a quaternion, we can create a representation of quaternions which is similar to the notation used to describe complex numbers:
This gives us a way to represent the quaternion that is very similar to complex numbers:
Quaternion Conjugate
The quaternion conjugate can be computed by negating the vector part of the quaternion:
And the product of a quaternion with its conjugate gives:
Quaternion Norm
If you recall from the definition of the norm of a complex number:
Similarly, the norm (or magnitude) of a quaternion is defined as:
Which allows us to express the norm of a quaternion as:
Quaternion Normalization
With the definition of a quaternion norm, we can use it to normalize a quaternion. A quaternion is normalized by dividing it by :
As an example, let’s normalize the quaternion:
First, we must compute the norm of the quaternion:
Then, we must divide the quaternion by the norm of the quaternion to compute the normalized quaternion:
Quaternion Inverse
The inverse of a quaternion is denoted . To compute the inverse of a quaternion, we take the conjugate of the quaternion and divide it by the square of the norm:
To show this, we can take the fact that by definition of the inverse:
And multiply both sides by the conjugate of the quaternion gives:
And by substitution we get:
And for unitnorm quaternions whose norm is 1, we can write:
Quaternion Dot Product
Similar to vector dotproducts, we can also compute the dot product between two quaternions by multiplying the corresponding scalar parts and summing the results:
We can also use the quaternion dotproduct to compute the angular difference between the quaternions:
And for unitnorm quaternions, we can simplify the equation:
Rotations
If you recall we defined a special form of the complex number called a Rotor that could be used to rotate a point through the 2D complex plane as:
Then by its similarities to complex numbers, it should be possible to express a quaternion that can be used to rotate a point in 3Dspace as such:
Let’s test if this theory holds by computing the product of the quaternion q and the vector p. First, we can express p as a Pure quaternion in the form:
And q is a unitnorm quaternion in the form:
Then,
We see that the result is a general quaternion with both a scalar and a vector parts.
Let’s first consider the “special” case where p is perpendicular to in which case, the dotproduct term and the result becomes the Pure quaternion:
In this case, to rotate p about we just substitute and .
As an example, let’s rotate a vector p 45° about the zaxis then our quaternion q is:
And let’s take a vector p that adheres to the special case that p is perpendicular to k:
Now let’s find the product of qp:
Which results in a Pure quaternion that is rotated 45° about the k axis.
We can also confirm that the magnitude of the resulting vector is maintained:
Which is exactly the result we expected!
We can visualize this by the following image:
Now let’s consider a quaternion that is not orthogonal to p. If we specify the vector part of our quaternion to 45° offset from p we get:
And multiplying our point p by q we get:
And substituting , p and gives:
Which is no longer a pure quaternion, and it has not been rotated 45° and the vector’s norm is no longer 2 (instead it has been reduced to ).
This result can be visualized by the image.
However, all is not lost. Hamilton recognized (but didn’t publish) that if we postmultiply the result of qp by the inverse of q then the result is a pure quaternion and the norm of the vector component is maintained. Let’s see if we can apply this to our example.
First, let’s compute :
For gives:
And combining the previous value of qp and gives:
Which is a pure quaternion and the norm of the result is:
which is the same as p so the norm of the vector is maintained.
The image below visualizes the result of the rotation.
So we can see that the result is a pure quaternion and that the norm of the initial vector is maintained, but the vector has been rotated 90° rather than 45° which is twice as much as desired! So in order to correctly rotate a vector p by an angle about an arbitrary axis , we must consider the halfangle and construct the following quaternion:
Which is the general form of a rotation quaternion!
Quaternion Interpolation
One of the most important reasons for using quaternions in computer graphics is that quaternions are very good at representing rotations in space. Quaternions overcome the issues that plague other methods of rotating points in 3D space such as Gimbal lock which is an issue when you represent your rotation with eular angles.
Using quaternions, we can define several methods that represents a rotational interpolation in 3D space. The first method I will examine is called SLERP which is used to smoothly interpolate a point between two orientations. The second method is an extension of SLERP called SQAD which is used to interpolate through a sequence of orientations that define a path.
SLERP
SLERP stands for Spherical Linear Interpolation. SLERP provides a method to smoothly interpolate a point about two orientations.
I will represent the first orientation as and the second orientation as . The point that is interpolated will be prepresented by and the interpolated point will be represented by . The interpolation parameter will interpolate from when to when .
The standard linear interpolation formula is:
The general steps to apply this equation are:
 Compute the difference between and .
 Take the fractional part of that difference.
 Adjust the original value by the fractional difference between the two points.
We can use the same basic principle to interpolate between two quaternion orientations.
Quaternion Difference
The first step dictates that we must compute the difference between and . With regards to quaternions, this is equivalent to computing the angular difference between the two quaternions.
Quaternion Exponentiation
The next step is to take the fractional part of that difference. We can compute the fractional part of a quaternion by raising it to a power whose value is in the range 0…1.
The general formula for quaternion exponentiation is:
Where the exponential function for quaternions is given by:
And the logarithm of a quaternion is given by:
For t=0, we have:
And for t=1, we have:
Fractional Difference of Quaternions
And to compute the interpolated angular rotation, we adjust the original orientation and adjust it by the fractional part of the difference between and .
Which is the general form of spherical linear interpolation using quaternions. However, this is not the form of the slerp equation that is commonly used in practice.
We can apply a similar formula for performing a spherical interpolation of vectors to quaternions. The general form of a spherical interpolation for vectors is defined as:
This is visualized in the following image.
This formula can be applied unmodified to quaternions:
And we can obtain the angle by computing the dotproduct between and .
Considerations
There are two issues with this implementation which must be taken into consideration during implementation.
First, if the quaternion dotproduct results in a negative value, then the resulting interpolation will travel the “longway” around the 4D sphere which is not necessarily what we want. To solve this problem, we can test the result of the dot product and if it is negative, then we can negate one of the orientations. Negating the scalar and the vector part of the quaternion does not change the orientation that it represents but by doing this we guarantee that the rotation will be applied in the “shortest” path.
The other problem arises when the angular difference between and is very small then becomes 0. If this happens, then we will get an undefined result when we divide by . In this case, we can fallback to using linear interpolation between and .
SQUAD
Just as a SLERP can be used to compute an interpolation between two quaternions, a SQUAD (Spherical and Quadrangle) can be used to smoothly interpolate over a path of rotations.
If we have the sequence of quaternions:
And we also define the “helper” quaternion () which we can consider an intermediate control point:
Then the orientation along the subcuve defined by:
at time t is given by:
Conclusion
Besides being extremely difficult to understand, quaternions provide a few obvious advantages over using matrices or Euler angles for representing rotations.
 Quaternion interpolation using SLERP and SQUAD provide a way to interpolate smoothly between orientations in space.
 Rotation concatenation using quaternions is faster than combining rotations expressed in matrix form.
 For unitnorm quaternions, the inverse of the rotation is taken by subtracting the vector part of the quaternion. Computing the inverse of a rotation matrix is considerably slower if the matrix is not orthonormalized (if it is, then it’s just the transpose of the matrix).
 Converting quaternions to matrices is slightly faster than for Euler angles.
 Quaternions only require 4 numbers (3 if they are normalized. The Real part can be computed at runtime) to represent a rotation where a matrix requires at least 9 values.
However for all of the advantages in favor of using quaternions, there are also a few disadvantages.
 Quaternions can become invalid because of floatingpoint roundoff error however this “error creep” can be resolved by renormalizing the quaternion.
 And probably the most significant deterrent for using quaternions is that they are very hard to understand. I hope that this issue is resolved after reading this article.
There are several math libraries that implement quaternions and a few of those libraries implement quaternions correctly. In my personal experience, I find GLM (OpenGL Math Library) to be a good math library with a good implementation of quaternions. If you are interested in using quaternions in your own applications, this is the library I would recommend.
Download the Demo
I created a small demo that demonstrates how a quaternion is used to rotate an object in space. The demo was created with Unity 3.5.2 which you can download for free and view the demo script files. The zip file also contains a Windows binary executable but Using Unity, you can also generate a Mac application (and Unity 4 introduces Linux builds as well).
Reference
Vince, J (2011). Quaternions for Computer Graphics. 1st. ed. London: Springer.  
Dunn, F. and Parberry, I. (2002). 3D Math Primer for Graphics and Game Development. 1st. ed. Plano, Texas: Wordware Publishing, Inc. 

Quaternions – Wikipedia  
Quaternions and Spatial Rotation – Wikipedia 
I like this website.
Thanks Lawrence, you comments are welcome.
This is a wonderfully clear and concise introduction to quaternions! There are a few typos that could be corrected. “It’s” should be “its” throughout. (The first is a contraction of “it is”, the second is the possessive form of “it”.) Also, “gimble’ should be “gimbal”. And “principal” should be “principle”: both are words but they have different meanings.
I will show this tutorial to all my robotics students.
Dave,
Thanks for the corrections! Let me know if you find anything else.
Well done! I find this website through google and found it very informative and useful. I would like to learn graphics programming for a long time, but it’s quite difficult to get started, especially the mathematics, may you kindly suggest what mathematics I should know and how to learn graphics programming effectively? Thank you very much.
Gary,
For basic graphics programming you will want to have a good understanding of vector algebra (vector addition & subtraction, dot & cross products) as well as matrix algebra (matrix products, inverse & transpose). Also knowledge of basic lighting equations is important.
I recommend you read the books I’ve referenced in the math articles here: http://3dgep.com/?cat=27 as well as read the the OpenGL articles here http://3dgep.com/?cat=11.
If you’d like to get into shader programming, then you should follow the Cg articles here: http://3dgep.com/?cat=108.
I also plan to make a set of GLSL articles, but I can’t promise when they will be ready.
Thank you for writing such a thorough post on quaternions, it is much appreciated!
Unfortunately though, quite a few of the equation listings don’t show properly in neither Firefox nor Chrome on my Win7 computer ( see http://grab.by/hQJm for example). Just wanted to let you know
Thanks for pointing this out. A few weeks after creating this tutorial, the LaTeX generator I was using went offline and i had to switch to another provider. This provider seems to have a different parser than the one I was using when I created the page on quaternions in the first place. I switched again and some of the formulas that were not showing up before are fixed now but others are broken. I really need to install my own CGI handler for LaTex on my own server.
Thanks for the headsup!
I find this to be a great tutorial but I’m having the same problem Trond had with every single equation, but the way it looks it seems to be a great tutorial.
Luke,
I have moved the script that is used to generate the formulas to a new server. There have been some hiccups with this script but I hope to have them all fixed now.
What happen for some picture of equation.
Henry, when I created this article I was using a different source for the LaTeX generation. That source has since become unavailable so I had to switch to another source which apparently handles LaTeX differently. I need to go through each equation which isn’t rendering correctly to find out why this is happening but this takes time… It will be fixed in the future.
This is the only coherent introduction to quaternions I have found on the web. It is failry complex and I will have to read through this several times. I am assuming you are drawing heavily from Vince, as Dunn is pretty sketchy. Thanks for pulling this together–I feel like I have found a startting point!
Excellent tutorial/article on quaternions, it helped me get a good insight, thanks for the effort and this website is great!
While familiar with the use of rotational matrices all my previous attempts to get a hold of quaternions have failed.
What worked for me with your explanation is that you explained it by analogy to rotation in the complex plane which I already understood: the next step was then easy for me.
Many thanks for your work and making it available.
Great tutorial, loving it so far!
I’ve spot one minor error I think though:
> The interpolation parameter t will interpolate P from q1 when t = 0 to q1 when t = 1.
Shouldn’t this be:
> The interpolation parameter t will interpolate P from q1 when t = 0 to q2 when t = 1.
Shammah,
Thanks for pointing this out!
WOW! Very nice article. I actually implemented a simple quaternion library in C++ while reading it :). Very well presented too.
Please it look like very importent&impresive post, but you aware that we can’t read it becouse lack of picture? equations?
Can you attach or sent a full pdf format to read it please?
Mica,
Sorry if the formulas did not show up for you. The images for the formulas are generated on another sever than where the article itself is hosted. If the server that generates the images is inaccessible, then the formulas may not show up. This is annoying but if the images don’t show up, then check back in a few minutes and perhaps it is fixed at that time. I strive for 100% uptime, but some downtime is unavoidable.
Thanks, this is actually really relevant to MA2 for first year students aswell.
This was fantastic! Thank you so much for writing it up.
This is a great explanation but I got really stuck at why the product of two quaternions is minus the dot product. We have:
SaSb – XaXb – YaYb – ZaZb, then we substitute in that a.b = XaXbi^2 etc. Does this i^2 (i squared) not resolve to 1 as per Hamilton? That would make a.b equal to XaXb – YaYb – ZaZb already and it wouldn’t need further negation. I’m obviously missing something in the notation, perhaps that i^2 here is the cosine of 0 and therefore equals 1. Confused!
Gaz,
You are right about the fact that as is stated in the section titled Quaternions.
Maybe if I write the product rule like this:
And we can write the dot product of the vector parts of the two quaternions as:
Which we can substitute back into the original equation:
So we are not adding any extra negatives, we are just factoring out the from the dotproduct to get the real part of the quaternion product.
Does this make it more clear?
Where it says:
“The set of complex numbers (represented by the symbol ) is the sum of a real number and an imaginary number and has the form:”, the following formula is wrong. It should say: z = a + bi; a, b \in R; i^2 = 1, but it does not.
Oskar,
Yes, you are right. Thanks for pointing this out. After switching to a different LaTeX generator some formulas didn’t render correctly anymore. I hope I have fixed all of the places (in this page) where formulas were not rendered correctly anymore but if you seen any more then please let me know!
… and in the following formulas, about addition, subtraction and multiplication, you should not use an implication arrow, you should use an equals sign.
Oskar,
Yes, again you are correct. I can’t remember why I had an implication arrow there but it’s fixed now.
Thanks, this was really useful. I finally understood quaternions. I’ll use them in 3D reconstruction from multiple photos.
Thanks for the article. Found an error in the formulas after: “Complex numbers can also be multiplied by applying normal algebraic rules.”
In row three there stand a2a2 where it should be a1a2.
Bye
Henning,
Thanks for pointing this out. I have fixed the article now.
This article it’s just beautiful. Thank you.
beautiful article.
I suggest you try mathjax.js for equation generation. It`s clientbased. no need for host or anything.
i have a doubt. when u calculate the norms int the example, u said, instead of 2 its is root(3). but how is it?? sqrt(1 + 2 + 1) = srt(4) = 2 ???
Akash,
In the example we are rotating the vector 45° by the quaternion but in order to perform this operation, we must express as a pure quaternion in the form . (notice how vectors are expressed use boldface characters and quaternions are expressed as normal (not bold) characters).
If the quaternion correctly rotated the vector then the result should also be a pure quaternion (with no scalar part) and the magnitude of the vector part should be the same as the original vector (because a rotation should not scale the original vector) however this example shows that this is not the case.
The magnitude of the original vector is
But the magnitude of the vector part of the resulting quaternion is:
Which is not the same magnitude as the original vector.
If I wanted to compute the magnitude of the resulting quaternion then I would need to consider the quaternion’s scalar part according to the formula described in the section titled Quaternion Norm. But since I’m only interested in rotating a vector by a quaternion I only want to consider the result of the vector part (and thus discard the scalar part when I compute the magnitude of the resulting vector).
I hope this answers your question.
and I have a question.what`s that suppose to mean?
if a+bi is a point,isn`t that a Matrix multipy a point equals to a point more correct?
cubase01,
Sorry, the matrix representation of a complex number is not explained in this article. I will try to briefly explain it here.
We can represent a complex number as the matrix which is the sum of two other matrices representing the real and the imaginary parts (note that bold, uppercase characters represent matrices):
Which can also be expressed in the more familiar form of the complex number:
where and .
The matrix equivalent of 1 is the 2 x 2 identity matrix:
And as was mentioned in the section titled Powers of i the imaginary component can be treated as a 90° counterclockwise rotation in the complex plane which can also be represented by a rotation matrix:
Now we can express the complex number in matrix form:
So what you see in the section titled Rotors is the matrix form of a complex number and the and are the real and imaginary parts of a complex number and rotating a complex number (represented in matrix form) by the 2×2 counterclockwise rotation matrix produces another complex number (represented in matrix form).
It is also interesting to note that if we express the equation in matrix form we get:
which verifies that the square of the imaginary number is 1.
I hope this helps.
I think there’s a little typo in http://3dgep.com/?p=1815#Quaternion_Dot_Product
It should be q1q2, not q12.
Carlo,
Thanks for pointing this out. It should actually be:
I recently switched LaTeX engines. The new one seems to be a bit more picky about separating parts of the equation for correct rendering.
Thank you ! THANK YOU ! this is an awesome website you made, and while the subjects are technical, they remain accessible… thanks again !
Thank you sooo much for this explanation! I searched for good ones in the web for nearly a month and this is far the best and most detailed I read. Now I can implement Quaternion rotation without shaming me for not knowing the stuff I am using…
A very very very good explanation on quaternions. This is awesome. Well done
Many thanks for this extraordinary introduction into quaternions.
I really appreciate this work!
Thank you.
You don’t know how many sites I went to trying to find good explanations of Quaternions before ending up here. Keep up the magnificent work. =3
HANDS DOWN. The best tutorial of quaternion ever. It’s stepbystep, ordered from easy to hard, with simple figures.