Sample Images

<body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#1010A0"> <P ALIGN=CENTER> <IMG SRC=big_ball.jpg ALT="Glass Ball" width=276 height=165> </P> <H1 ALIGN=CENTER>Computer Graphics</H1> <hr width=90% size=2 noshade> <table align=center width=90%> <tr><td><h2 align=left>Sample Ray Traced Images</h2></td></tr> <tr> <td> <p> These images were created using the ray-tracer I am currently writing. Some of the features included as standard are:<br><br> </p> </td> </tr> <tr> <td> <p> <ul> <li>Texture / bump / shininess / transmission mapping. <li>Depth of field / focus. <li>Soft edged shadows. <li>Scientifically correct refraction. <li>True semi-specular refraction / reflection - not just of highlights. <li>Transmission medium colouration and fogging effects. <li>Motion blur. <li>Procedural textures. <li>Image Based Lighting. <li>High Dynamic Range (HDR) output. </ul> </p> </td> </tr> <tr> <td> <p align=justify> I hope to add a whole lot more stuff if I get the time. Things like radiosity and caustics.<br><br> </p> </td> <td> </td> </tr> </table> <table align=center width=90%> <tr> <td width=50%> <p align=justify> <a href="dof.jpg"><img src="small_dof.jpg" width=100 height=75> Example of depth of field</a> Lens parameters : f.l. = 50mm, f2 </p> </td> <td width=50%> <p align=left> <a href="refraction.jpg"><img src="small_ref.jpg" width=100 height=75> Example of refraction.</a> n = 1.5 </p> </td> </tr> <tr> <td width=50%> <p align=justify> <a href="refraction_with_grid.jpg"><img src="refraction_with_grid.jpg" width=100 height=75> More refraction.</a> n = 1.5 </p> </td> <td width=50%> <p align=justify> <a href="fog.jpg"><img src="small_fog.jpg" width=100 height=75> Example of filter and fog effects.</a> </p> </td> </tr> <tr> <td width=50%> <p align=justify> <a href="brio_scene_reality.jpg"><img src="brio_scene_reality_small.jpg" width=100 height=75> A real scene (photograph).</a> </p> </td> <td width=50%> <p align=justify> <a href="brio_scene_version_1.jpg"><img src="brio_scene_version_1_small.jpg" width=100 height=75> The same scene - 100% CG.</a> </p> </td> </tr> <tr> <td width=50%> <p align=justify> <a href="mobius_6_gold_glass.jpg"><img src="mobius_6_gold_glass_small.jpg" width=100 height=75> Virtual sculpture.</a> </p> </td> <td width=50%> <p align=justify> <a href="teapot.jpg"><img src="small_teapot.jpg" width=100 height=75> Compulsory "Utah" teapot picture.</a> </p> </td> </tr> <tr> <td width=50%> <p align=justify> <a href="ibi_test_6.jpg"><img src="ibi_test_6_small.jpg" width=100 height=75> Image Based Lighting - synthetic environment.</a> </p> </td> <td width=50%> <p align=justify> <a href="table_final_v3.jpg"><img src="table_final_v3_small.jpg" width=100 height=75> Image Based Lighting - real environment.</a> </p> </td> </tr> </table> <br> <table align=center width=90%> <tr> <td> <p align=justify> The lower right image shows a group of synthetic objects composited into a real scene. The synthetic objects were lit with a light probe captured in the real scene. The lit objects were then simply composited into a photograph of the scene taken from the same viewpoint as the synthetic camera. Since the lighting of the real objects in the photograph and the synthetic objects is essentially the same, the synthetic objects appear quite realistic. </p> </td> </tr> </table> <br><br><br> <hr width=50% size=2 noshade> <P ALIGN=CENTER> <A HREF=cgi.htm> <IMG SRC=small_back.jpg align=center BORDER=0 ALT="Back to CGI page" width=57 height=60></A> <A HREF=ganimede.htm> <IMG SRC=small_gan.jpg align=center BORDER=0 ALT="Ganimede page" width=57 height=60></A> <A href=cgi.htm> <IMG SRC=small_ball.jpg align=center BORDER=0 ALT="Computer Graphics page" width=57 height=60></a> <A HREF=ballooning.htm> <IMG SRC=small_bbac.jpg align=center BORDER=0 ALT="Hot Air Ballooning" width=57 height=60></A> <A HREF=quake.htm> <IMG SRC=small_q.jpg align=center BORDER=0 ALT="QUAKE!" width=57 height=60></A> <A HREF=unreal.htm> <IMG SRC=small_unreal.gif align=center BORDER=0 ALT="Unreal" width=57 height=60></A> <A HREF=cat7.htm> <IMG SRC=small_7_logo.jpg align=center BORDER=0 ALT="My dream car" width=57 height=60></A> <A HREF=mars.htm> <IMG SRC=small_mars.jpg align=center BORDER=0 ALT="Mars page" width=57 height=60></A> <A HREF=profile.htm> <IMG SRC=small_prof.jpg align=center BORDER=0 ALT="About me" width=57 height=60></A> </P> <hr width=50% size=2 noshade> <P ALIGN=CENTER> Maintenance of these pages is attempted by <A HREF=mailto:webmaster@ganimede.demon.co.uk><i>webmaster@ganimede.demon.co.uk</i> </A> <body>