{"id":15,"date":"2010-12-03T19:46:15","date_gmt":"2010-12-03T19:46:15","guid":{"rendered":"http:\/\/109.109.226.138\/blog\/?p=15"},"modified":"2019-09-18T07:57:52","modified_gmt":"2019-09-18T07:57:52","slug":"raytracing-part-1-first-steps","status":"publish","type":"post","link":"https:\/\/blog.daft-ideas.co.uk\/2010\/12\/03\/raytracing-part-1-first-steps\/","title":{"rendered":"Raytracing Part 1: First Steps"},"content":{"rendered":"
Ray tracing theory is simple, but I’ll explain it anyway. Ray tracing is a generic technique, that can be applied to a lot of different things. I’m applying it to one thing- graphics.<\/div>\n
(If you want a better overview than this, look elsewhere. Look at wikipedia. Ask someone.)<\/div>\n
Simulating light is far too complex to be done “properly”. If you think about the sheer number of photons that are output by a light source (the sun), and the number of bounces each photon goes through, depositing energy each time it does, before finally arriving at your eye, or camera, you’d see why it’s not possible. At least, not at the moment. If instead, you ignore light being emitted from the sun, and instead trace the photons backwards- from your eye, into the world, you are faced with a much easier challenge.<\/div>\n
**Some notation. I’ll be using the word eye and camera interchangeably. When I use the word “scene” I’m refering to the environment that the ray’s interact with.**<\/div>\n
If you know you wish to render an image of 800 by 600 pixels, that’s 800*600 rays you have to trace.<\/div>\n
\n
    \n
  1. For each pixel, shoot a ray into the scene.<\/span><\/li>\n
  2. Test the ray for intersections with every object in the scene.<\/span><\/li>\n
  3. Find the closest intersection.<\/span><\/li>\n
  4. Find the colour of that pixel.<\/span><\/li>\n
  5. Rinse and repeat, until each pixel has been done.<\/span><\/li>\n<\/ol>\n<\/div>\n
    Object Intersections.<\/div>\n
    The simplest kind of object to test a ray against is a sphere. This is nice, because real-time applications running in OpenGL or DirectX fail miserably at perfect spheres. They have to be rendered as a flat sided object, with lots and lots of sides.<\/div>\n
    Ah yes – some maths.<\/div>\n
    A ray can be defined as two vectors: an origin and a direction vector. The direction vector should be a unit vector.<\/div>\n
    ray = origin + direction<\/div>\n
    A sphere can be defined as position vector (which describes the pos of the centre) and a radius. That’s all:<\/div>\n
    sphere = centre + radius<\/div>\n
    A sphere with centre (x<\/em>0, y<\/em>0, z<\/em>0) and radius r<\/em> is the locus of all points (x, y, z) such that<\/div>\n
    \"\\,<\/div>\n
    Finding the Intersection:<\/div>\n
    A set of points on a ray can be defined by:<\/div>\n
    Ray(t) = ray(origin) + ray(direction) * t<\/div>\n
    Where t is the distance from the ray origin.<\/div>\n
    The ray equation can be substituted into the sphere equation, and solved to find t.<\/div>\n
    This takes the form of a quadratic equation. If you don’t remember quadratic equations from whatever secondary school maths equation, they take this form:<\/div>\n
    \"ax^2+bx+c=0,\\,\"<\/div>\n
    So, substitution for ray:<\/div>\n
    X = X(ray(origin)) + X(ray(direction)) * t<\/div>\n
    Y = Y(ray(origin)) + Y(ray(direction)) * t<\/div>\n
    Z = Z(ray(origin)) + Z(ray(direction)) * t<\/div>\n
    Insert X, Y, Z into sphere equation:<\/div>\n
    (X)2<\/sup> + (Y)2<\/sup> + (Z)2<\/sup> = R2<\/sup><\/div>\n
    Solve this quadratically, to find t.<\/em><\/sup><\/div>\n
     <\/span><\/span><\/div>\n
    There. That was easy.<\/div>\n
    So, the first thing I did was to define a scene composed of a single sphere, no lights, and shot rays at it through an orthographic camera. All this accomplished was a sense of self satisfaction, as I watched some text in my console, proving that some pixels came back as “hit”, and some came back “miss”. At this point I had no way to show the results on screen.<\/div>\n
    I could show you the results of this…..but why?<\/div>\n
    The second thing I did was start hunting around for a way to display my output. Image libraries were out- I thought they might be too complex to learn to use. I simply wanted to define a window of the correct size, and use something like “setPixel”. I eventually, after much google-fu, gave up and used the windows API instead. This felt like a small betrayal (I’m mostly a linux user for coding). It did however allow me to produce this:<\/div>\n
    \"\"<\/a><\/div>\n
    Ah. A black screen.<\/div>\n
    After some more fiddling, this happened:<\/div>\n
    \"\"<\/a><\/div>\n
    Hurrah! I had ray-traced my first scene.<\/div>\n
    Admittedly, is has no lighting, no shading, no support for more than a single sphere, no support for anything other than spheres……The list of things it doesn’t do goes on.<\/div>\n
    It DOES get better.<\/div>\n","protected":false},"excerpt":{"rendered":"

    Ray tracing theory is simple, but I’ll explain it anyway. Ray tracing is a generic technique, that can be applied to a lot of different things. I’m applying it to one thing- graphics. (If you want a better overview than this, look elsewhere. Look at wikipedia. Ask someone.) Simulating light… Continue reading → <\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/posts\/15"}],"collection":[{"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":6,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/posts\/15\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.daft-ideas.co.uk\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}