Game Development Stack Exchange is a question and answer site for professional and independent game developers. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm trying to implement a 3D camera of the "Orbit around the origin" variety in a game engine I'm developing in order to learn about 3D graphics and game programming. I have a basic handle on the required math, and have implemented my own crude 3D math library and matrix stack (functionally similar to the one in OpenGL's compatibility profile). My first attempts at a camera failed miserably, until I decided that I should use quaternions to represent rotation. Once I'd done that, I had a camera that moved in the direction I expected it to at about the right speed and fairly smoothly, but there is an odd spatial distortion effect that I can't seem to get rid of. I have posted a brief video on YouTube showing exactly what is happening.

I honestly don't know what could be causing this issue, the magnitude of the distortion appears to reach a maximum at certain angles, but beyond that I'm not sure what I should be looking at. Right now my chief suspect is my quaternion math code, because the matrix stack appears to be behaving itself and if something was wrong with my matrix math code I would be having more serious issues than this.

I'm not sure what information or code I can provide that would be of any use, so I'll start with the code that handles quaternion math.

public class Quaternion {
private float w;
private float x;
private float y; 
private float z;

public Quaternion(){

public Quaternion(float W, float X, float Y, float Z){
    w = W;
    x = X;
    y = Y;
    z = Z;

public void loadIdentity(){
    w = 1.0f;
    x = 0.0f;
    y = 0.0f;
    z = 0.0f;

public float magnitude(){
    //AKA the "norm"
    return (float) Math.sqrt(w*w + x*x + y*y + z*z);

public void qNormalize(){
    float mag = this.magnitude();
    w /= mag;
    x /= mag;
    y /= mag;
    z /= mag;

public void qMultiply(Quaternion q){
    this.qMultiply(q.w, q.x, q.y, q.z);

private void qMultiply(float w2, float x2, float y2, float z2){
    //Performs A*B, where this Quaternion is A
    this.w = w*w2 - x*x2 - y*y2 - z*z2;
    this.x = w*x2 + x*w2 + y*z2 - z*y2;
    this.y = w*y2 + y*w2 + z*x2 - x*z2;
    this.z = w*z2 + z*w2 + x*y2 - y*x2;

public float[] qMatrix(){
    //Return a 4x4 matrix representation of this Quaternion, column-major like OpenGL prefers
    float w2 = w*w;
    float x2 = x*x;
    float y2 = y*y;
    float z2 = z*z;

    if(Math.abs(w2+x2+y2+z2 - 1.0) >= 0.000001){
        return this.qMatrix();

    return new float[]{
        1.0f - 2.0f*y2 -2.0f*z2, 2.0f*x*y + 2.0f*w*z, 2.0f*x*z - 2.0f*w*y, 0.0f,
        2.0f*x*y - 2.0f*w*z, 1.0f - 2.0f*x2 - 2.0f*z2, 2.0f*y*z + 2.0f*w*x,0.0f,
        2.0f*x*z - 2.0f*w*y, 2.0f*y*z + 2.0f*w*x, 1.0f - 2.0f*x2 - 2.0f*y2,0.0f,

public void qFromAA(float angle, float[] axis){
    //create a Quaternion from an axis-angle representation

    if(Vector.magnitude(axis) == 0.0f){

    float theta = angle/2.0f;
    axis = Vector.scale((float)Math.sin(theta), Vector.normalize(axis));

    w = (float)Math.cos(theta);
    x = axis[0];
    y = axis[1];
    z = axis[2];

public String toString(){
    return "w: "+w+"\tx: "+x+"\ty: "+y+"\tz: "+z+"\tmag: "+(x*x+y*y+z*z+w*w);


Any ideas about where I should start?

share|improve this question
Is your camera really close and/or has a wide field of view angle? – Patrick Hughes Jul 30 '11 at 1:55
I guess that depends on what you mean by "really" close and "wide" field of view. I'm very new at this, so I don't have a good concept of what ranges of values are "close" or "wide". That being said, my FOV is set to 45 degrees, and the camera is set to be 60 units away from the origin, or about two grid squares (if the grid was square...) – rjacks Jul 30 '11 at 2:10
Just for laughs I quadrupled the distance between the "camera" and the origin, and the distortion is unchanged. – rjacks Jul 30 '11 at 2:15
The video looks like it might be the result of nonuniform scaling or shearing, which can be caused unintentionally if you accumulate matrices (due to floating point error). Do you store/modify matrices in an additive fashion across render frames? – Josh Petrie Jul 30 '11 at 2:19
To test @Josh Petrie's guess let it run for a minute or two, if the distortion gets worse then it's floating point accumulation error. It's been a while, but check that your normalizing operations isn't doing more than it should. – Patrick Hughes Jul 30 '11 at 2:27
up vote 3 down vote accepted

Are you sure your code for quaternion multiplication and your code for quaternion matrix converion is correct?

I had a typo in one of my formulas once that cost me nearly half a day.

btw... is a great reference for quaternion math.

share|improve this answer
Thanks for the link, I'll definitely check my quaternion math. My math library is a huge mess atm, I've been meaning to refactor it for about a week but it hadn't broken in a big way until now, assuming that's the issue. – rjacks Jul 30 '11 at 3:05
Yep, that did it. The code that converted the quaternion to a matrix was broken. Thanks everyone! – rjacks Jul 30 '11 at 3:28
Make sure you know in what order the Quaternion matrix conversion (ie column or row major); and that it is the same as your own matrix format. This is a common problem when using online material for reference, they don't specify a lot of the time; and it gets confusing when moving between DX and OpenGL references. – dcousens Jul 30 '11 at 5:34

Your math is right, but you're doing an in-place multiply (which means you're writing to values you're using later in the multiplication)

private void qMultiply(float w2, float x2, float y2, float z2){
    //Performs A*B, where this Quaternion is A
    this.w = w*w2 - x*x2 - y*y2 - z*z2;
    this.x = w*x2 + x*w2 + y*z2 - z*y2;
    this.y = w*y2 + y*w2 + z*x2 - x*z2;
    this.z = w*z2 + z*w2 + x*y2 - y*x2;

Should be:

private void qMultiply(float w2, float x2, float y2, float z2){
    *this = Quaternion(
    w*w2 - x*x2 - y*y2 - z*z2,
    w*x2 + x*w2 + y*z2 - z*y2,
    w*y2 + y*w2 + z*x2 - x*z2,
    w*z2 + z*w2 + x*y2 - y*x2 );

Which will store the final values in temporary variables until the calculation is finished.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.