PTdecode/CImg-1.3.0/html/screenshots.shtml

changeset 5
1204ebf9340d
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/PTdecode/CImg-1.3.0/html/screenshots.shtml	Mon Aug 03 14:09:20 2009 +0100
     1.3 @@ -0,0 +1,372 @@
     1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     1.5 +        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1.6 +<!--#include file="header.html" -->
     1.7 +
     1.8 +<table align="center" border="0" cellpadding="20" cellspacing="0" width="100%"><tbody><tr><td>
     1.9 +<font face="Arial,Helvetica" size="-1">
    1.10 +
    1.11 +<img src="img/item_screenshots.gif" alt="Screenshots">
    1.12 +<p>
    1.13 +  The screenshots below have been taken from the different sample programs distributed within the CImg package.
    1.14 +  Click on an image to enlarge it and on the source filename to display it. A link to a streaming video of the
    1.15 +  corresponding effect is sometimes proposed.
    1.16 +  If you are interested by a live demo on your system, go to the <a href="download.shtml"><b>download page</b></a>
    1.17 +  and get the pre-compiled binaries for your system.
    1.18 +</p>
    1.19 +
    1.20 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.21 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.22 +          <td width="100" bgcolor="#ffffff"><center>
    1.23 +          <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td>
    1.24 +          <a href="img/ss_demomenu.jpg" onclick="NewWindow(this.href,'name','400','450','yes');return false;">
    1.25 +          <img src="img/ss_mini_000001.jpg" border="0" width="100"></a>
    1.26 +          </td></tr></table>
    1.27 +          </center></td>
    1.28 +          <td><font size="-1">
    1.29 +            <img src="img/item_description.jpg"> : The main demo sample of the CImg package (length = 1433 lines of code)<br/>
    1.30 +            <img src="img/item_file.jpg"> :
    1.31 +            <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i><br/><br/>
    1.32 +                Contains 26 different real-time animations, as well as a nice selection menu. Look at the video to
    1.33 +                see all the different effects running.<br/><br/>
    1.34 +		<a href="img/video_cimgdemo.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
    1.35 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
    1.36 +              </font></td></tr></table>
    1.37 +
    1.38 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.39 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.40 +        <td width="100" bgcolor="#ffffff"><center>
    1.41 +        <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td>
    1.42 +        <a href="img/ss_bump.jpg" onclick="NewWindow(this.href,'name','500','300','yes');return false;">
    1.43 +        <img src="img/ss_mini_000000.jpg" border="0" width="100"></a></td></tr></table></center></td>
    1.44 +        <td><font size="-1">
    1.45 +          <img src="img/item_description.jpg"> : A 2D bump-mapping effect (30 lines of code).<br/>
    1.46 +           <img src="img/item_file.jpg"> :
    1.47 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i><br/><br/>
    1.48 +                You can move the light source using the mouse.
    1.49 +                This sample shows how to handle mouse motion and create an animation in a window.
    1.50 +                It demonstrates also that the CImg library is quite fast !
    1.51 +                Everything is computed from scratch here, including the logo, the background and the light.<br/><br/>
    1.52 +		<a href="img/video_bump.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
    1.53 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
    1.54 +              </font></td></tr></table>
    1.55 +
    1.56 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.57 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.58 +        <td width="100" bgcolor="#ffffff"><center>
    1.59 +        <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td>
    1.60 +        <a href="img/ss_hough.jpg" onclick="NewWindow(this.href,'name','1030','540','yes');return false;">
    1.61 +        <img src="img/ss_mini_000002.jpg" border="0" width="100"></a></td></tr></table></center></td>
    1.62 +        <td><font size="-1">
    1.63 +          <img src="img/item_description.jpg"> : Computation of the Hough Transform. (length = 95 lines of code)<br/>
    1.64 +          <img src="img/item_file.jpg"> :
    1.65 +          <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/hough_transform.cpp?view=markup">hough_transform.cpp</a></i> <br/><br/>
    1.66 +                Illustrate the computation of the Hough transform to detect lines in 2D images. Provide also simple user
    1.67 +                interface to select and display lines.
    1.68 +              </font></td></tr></table>
    1.69 +
    1.70 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.71 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.72 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_imgfade.jpg" onclick="NewWindow(this.href,'name','280','280','yes');return false;">
    1.73 +         <img src="img/ss_mini_000003.jpg" border="0" width="100"></a></td></tr></table></center></td>
    1.74 +         <td><font size="-1">
    1.75 +           <img src="img/item_description.jpg"> : Show how to do a fading between two images. (length = 35 lines of code).<br/>
    1.76 +           <img src="img/item_file.jpg"> :
    1.77 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/fade_images.cpp?view=markup">fade_images.cpp</a></i> <br/><br/>
    1.78 +                Very small code to perform a funny effect. Also demonstrate how to easily deal with command line arguments.
    1.79 +              </font></td></tr></table>
    1.80 +
    1.81 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.82 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.83 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_mandelbrot.jpg" onclick="NewWindow(this.href,'name','660','520','yes');return false;">
    1.84 +         <img src="img/ss_mini_000004.jpg" border="0" width="100"></a></td></tr></table></center></td>
    1.85 +         <td><font size="-1">
    1.86 +           <img src="img/item_description.jpg"> : A fully functional Mandelbrot fractal explorer. (length = 51 lines of code).<br/>
    1.87 +           <img src="img/item_file.jpg"> :
    1.88 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
    1.89 +                Show how to use the predefined feature selection function present in the CImg library.<br/><br/>
    1.90 +		<a href="img/video_mandelbrot.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
    1.91 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
    1.92 +              </font></td></tr></table>
    1.93 +
    1.94 +      <hr noshade="noshade" size="1" width="90%"></hr>
    1.95 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
    1.96 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_odykill.jpg" onclick="NewWindow(this.href,'name','660','520','yes');return false;">
    1.97 +         <img src="img/ss_mini_000005.jpg" border="0" width="100"></a></td></tr></table></center></td>
    1.98 +         <td><font size="-1">
    1.99 +           <img src="img/item_description.jpg"> : A simple shoot-em-up game, featuring the people of the Robotvis/Odyssee Lab. (length = 180 lines of code).<br/>
   1.100 +           <img src="img/item_file.jpg"> :
   1.101 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/odykill.cpp?view=markup">odykill.cpp</a></i> <br/><br/>
   1.102 +                Another demonstration of handling mouse and creating animation for pedagogic purposes.
   1.103 +              </font></td></tr></table>
   1.104 +
   1.105 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.106 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.107 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_optflow.jpg" onclick="NewWindow(this.href,'name','980','470','yes');return false;">
   1.108 +         <img src="img/ss_mini_000006.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.109 +         <td><font size="-1">
   1.110 +           <img src="img/item_description.jpg"> : An implementation of an image registration algorithm, with
   1.111 +                multiscale capability. (length = 201 lines of code).<br/>
   1.112 +           <img src="img/item_file.jpg"> :
   1.113 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/image_registration.cpp?view=markup">image_registration.cpp</a></i> <br/><br/>
   1.114 +                Compute a motion map between two images, and warp one into the another through a smooth animation.
   1.115 +              </font></td></tr></table>
   1.116 +
   1.117 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.118 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.119 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_paint.jpg" onclick="NewWindow(this.href,'name','280','370','yes');return false;">
   1.120 +         <img src="img/ss_mini_000007.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.121 +         <td><font size="-1">
   1.122 +           <img src="img/item_description.jpg"> : A mini-painting program. (length = 30 lines of code).<br/>
   1.123 +           <img src="img/item_file.jpg"> :
   1.124 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.125 +                This is not a replacement to Photoshop, but it already includes a filling algorithm
   1.126 +                as well as a color selection tool.<br/><br/>
   1.127 +		<a href="img/video_minipaint.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.128 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.129 +              </font></td></tr></table>
   1.130 +
   1.131 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.132 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.133 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_rotozoom.jpg" onclick="NewWindow(this.href,'name','350','250','yes');return false;">
   1.134 +         <img src="img/ss_mini_000008.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.135 +         <td><font size="-1">
   1.136 +           <img src="img/item_description.jpg"> : A classical demomaking-effect, called 'rotozoom'. (length = 20 lines of code).<br/>
   1.137 +           <img src="img/item_file.jpg"> :
   1.138 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.139 +                Smell the old school parfume of the atari/amiga demos.
   1.140 +              </font></td></tr></table>
   1.141 +
   1.142 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.143 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.144 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_triangle.jpg" onclick="NewWindow(this.href,'name','670','530','yes');return false;">
   1.145 +         <img src="img/ss_mini_000009.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.146 +         <td><font size="-1">
   1.147 +           <img src="img/item_description.jpg"> : An animation featuring triangles that are rotating. (length = 50 lines of code).<br/>
   1.148 +           <img src="img/item_file.jpg"> :
   1.149 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.150 +                Could be a replacement to your classical screen saver.
   1.151 +               </font></td></tr></table>
   1.152 +
   1.153 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.154 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.155 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_volume3d.jpg" onclick="NewWindow(this.href,'name','290','370','yes');return false;">
   1.156 +         <img src="img/ss_mini_000010.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.157 +         <td><font size="-1">
   1.158 +           <img src="img/item_description.jpg"> :  A tool to select sub-images/volumes in bigger images/volumes. (length = 70 lines of code).<br/>
   1.159 +           <img src="img/item_file.jpg"> :
   1.160 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/inrcast.cpp?view=markup">inrcast.cpp</a></i> <br/><br/>
   1.161 +                Show that the CImg library is perfectly working with 3D vector-valued volumes.
   1.162 +            </font></td></tr></table>
   1.163 +
   1.164 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.165 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.166 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_render3d.jpg" onclick="NewWindow(this.href,'name','350','300','yes');return false;">
   1.167 +         <img src="img/ss_mini_000011.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.168 +         <td><font size="-1">
   1.169 +           <img src="img/item_description.jpg"> : An example of real-time 3D rendering.<br/>
   1.170 +           <img src="img/item_file.jpg"> :
   1.171 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.172 +                No use of OpenGL or VTK in this example, only pure CImg software functions are used ! <br/><br/>
   1.173 +		<a href="img/video_doubletorus.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.174 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.175 +           </font></td></tr></table>
   1.176 +
   1.177 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.178 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.179 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_bubble.jpg" onclick="NewWindow(this.href,'name','350','300','yes');return false;">
   1.180 +         <img src="img/ss_mini_000012.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.181 +         <td><font size="-1">
   1.182 +           <img src="img/item_description.jpg"> : An example of the ellipse drawing function, used to bounce an elastic bubble (length = 25 lines of code).<br/>
   1.183 +           <img src="img/item_file.jpg"> :
   1.184 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.185 +		<a href="img/video_bubble.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.186 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.187 +                </font></td></tr></table>
   1.188 +
   1.189 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.190 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.191 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_landscape.jpg" onclick="NewWindow(this.href,'name','430','350','yes');return false;">
   1.192 +         <img src="img/ss_mini_000013.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.193 +         <td><font size="-1">
   1.194 +           <img src="img/item_description.jpg"> : An real-time 3D virtual landscape explorer (length = 40 lines of code).<br/>
   1.195 +           <img src="img/item_file.jpg"> :
   1.196 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.197 +                The altitude map is based on a 'fractal plasma' generator.<br/><br/>
   1.198 +		<a href="img/video_landscape.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.199 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.200 +                </font></td></tr></table>
   1.201 +
   1.202 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.203 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.204 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_plasma.jpg" onclick="NewWindow(this.href,'name','430','350','yes');return false;">
   1.205 +         <img src="img/ss_mini_000014.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.206 +         <td><font size="-1">
   1.207 +           <img src="img/item_description.jpg"> : A nice plasma effect with a sinus scroller (length = 70 lines of code).<br/>
   1.208 +           <img src="img/item_file.jpg"> :
   1.209 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.210 +		<a href="img/video_plasma.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.211 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.212 +            </font></td></tr></table>
   1.213 +
   1.214 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.215 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.216 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_tetris.jpg" onclick="NewWindow(this.href,'name','220','370','yes');return false;">
   1.217 +         <img src="img/ss_mini_000015.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.218 +         <td><font size="-1">
   1.219 +           <img src="img/item_description.jpg"> : An implementation of the well known Tetris game (length = 130 lines of code).<br/>
   1.220 +           <img src="img/item_file.jpg"> :
   1.221 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/tetris.cpp?view=markup">tetris.cpp</a></i> <br/><br/>
   1.222 +                Very small code for a complete version of the Tetris game.
   1.223 +		<br/><br/><a href="img/video_tetris.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.224 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.225 +            </font></td></tr></table>
   1.226 +
   1.227 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.228 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.229 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_restoration.jpg" onclick="NewWindow(this.href,'name','570','450','yes');return false;">
   1.230 +         <img src="img/ss_mini_000016.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.231 +         <td><font size="-1">
   1.232 +           <img src="img/item_description.jpg"> : The implementation of the Tschumperlé-Deriche algorithm for image restoration and Inpainting. (length = 170 lines of code).<br/>
   1.233 +           <img src="img/item_file.jpg"> :
   1.234 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/pde_TschumperleDeriche2D.cpp?view=markup">pde_TschumperleDeriche2D.cpp</a></i> <br/><br/>
   1.235 +                See <a href="ftp://ftp-sop.inria.fr/odyssee/Publications/2003/tschumperle-deriche:03.pdf">the corresponding publication</a>
   1.236 +                for more detail on the algorithm.
   1.237 +            </font></td></tr></table>
   1.238 +
   1.239 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.240 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.241 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_shadebobs.jpg" onclick="NewWindow(this.href,'name','500','450','yes');return false;">
   1.242 +         <img src="img/ss_mini_000017.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.243 +         <td><font size="-1">
   1.244 +           <img src="img/item_description.jpg"> : A very smart and classical demo effect called 'Shade bobs' (length = 60 lines of code).<br/>
   1.245 +           <img src="img/item_file.jpg"> :
   1.246 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.247 +		<a href="img/video_shadebobs.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.248 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.249 +                </font></td></tr></table>
   1.250 +
   1.251 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.252 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.253 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_blobs.jpg" onclick="NewWindow(this.href,'name','350','350','yes');return false;">
   1.254 +         <img src="img/ss_mini_000018.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.255 +         <td><font size="-1">
   1.256 +           <img src="img/item_description.jpg"> : A nice Blob Editor in only few lines (length = 90 lines of code).<br/>
   1.257 +           <img src="img/item_file.jpg"> :
   1.258 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.259 +		<a href="img/video_blobs.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.260 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.261 +                </font></td></tr></table>
   1.262 +
   1.263 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.264 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.265 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_metaballs.jpg" onclick="NewWindow(this.href,'name','520','330','yes');return false;">
   1.266 +         <img src="img/ss_mini_000019.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.267 +         <td><font size="-1">
   1.268 +           <img src="img/item_description.jpg"> : 3D Metaballs animation, using 3D capabilities of CImg (length = 23 lines of code).<br/>
   1.269 +           <img src="img/item_file.jpg"> :
   1.270 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.271 +		<a href="img/video_metaballs.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.272 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.273 +            </font></td></tr></table>
   1.274 +
   1.275 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.276 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.277 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_surface.jpg" onclick="NewWindow(this.href,'name','800','500','yes');return false;">
   1.278 +         <img src="img/ss_mini_000020.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.279 +         <td><font size="-1">
   1.280 +           <img src="img/item_description.jpg"> : A tool to visualize images as surfaces in 3D (length = 100 lines of code).<br/>
   1.281 +           <img src="img/item_file.jpg"> :
   1.282 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/image_surface.cpp?view=markup">image_surface.cpp</a></i> <br/><br/>
   1.283 +		<a href="img/video_imagesurface.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.284 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.285 +            </font></td></tr></table>
   1.286 +
   1.287 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.288 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.289 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_dtmri.jpg" onclick="NewWindow(this.href,'name','750','500','yes');return false;">
   1.290 +         <img src="img/ss_mini_000021.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.291 +         <td><font size="-1">
   1.292 +           <img src="img/item_description.jpg"> : A 3D viewer for Diffusion tensor imaging datasets (length = 526 lines of code).<br/>
   1.293 +           <img src="img/item_file.jpg"> :
   1.294 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/dtmri_view.cpp?view=markup">dtmri_view.cpp</a></i> <br/><br/>
   1.295 +		<a href="img/video_dtmri.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.296 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.297 +            </font></td></tr></table>
   1.298 +
   1.299 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.300 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.301 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_waves.jpg" onclick="NewWindow(this.href,'name','450','350','yes');return false;">
   1.302 +         <img src="img/ss_mini_000022.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.303 +         <td><font size="-1">
   1.304 +           <img src="img/item_description.jpg"> : Applying the wave equation on an 3D image-mapped surface. (length = 55 lines of code).<br/>
   1.305 +           <img src="img/item_file.jpg"> :
   1.306 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.307 +		<a href="img/video_waves.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.308 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.309 +            </font></td></tr></table>
   1.310 +
   1.311 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.312 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.313 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/curve_editor.jpg" onclick="NewWindow(this.href,'name','550','550','yes');return false;">
   1.314 +         <img src="img/ss_mini_000023.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.315 +         <td><font size="-1">
   1.316 +           <img src="img/item_description.jpg"> : A simple 2D curve editor using spline interpolation (length = 300 lines of code).<br/>
   1.317 +           <img src="img/item_file.jpg"> :
   1.318 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/curve_editor.cpp?view=markup">curve_editor.cpp</a></i> <br/><br/>
   1.319 +		<a href="img/video_curveeditor.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.320 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.321 +            </font></td></tr></table>
   1.322 +
   1.323 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.324 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.325 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_jawbreaker.jpg" onclick="NewWindow(this.href,'name','450','500','yes');return false;">
   1.326 +         <img src="img/ss_mini_000024.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.327 +         <td><font size="-1">
   1.328 +           <img src="img/item_description.jpg"> : A complete and funny game featuring colored balls in less than 128 lines of code ! (length = 121 lines of code).<br/>
   1.329 +           <img src="img/item_file.jpg"> :
   1.330 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/jawbreaker.cpp?view=markup">jawbreaker.cpp</a></i> <br/><br/>
   1.331 +		<a href="img/video_jawbreaker.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.332 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.333 +            </font></td></tr></table>
   1.334 +
   1.335 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.336 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.337 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_reflection.jpg" onclick="NewWindow(this.href,'name','450','450','yes');return false;">
   1.338 +         <img src="img/ss_mini_000025.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.339 +         <td><font size="-1">
   1.340 +           <img src="img/item_description.jpg"> : A cool 3D reflection effect, using some CImg 3D object rendering tricks (length = 130 lines of code).<br/>
   1.341 +           <img src="img/item_file.jpg"> :
   1.342 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.343 +		<a href="img/video_reflection.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.344 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.345 +            </font></td></tr></table>
   1.346 +
   1.347 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.348 +      <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.349 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_fourier.jpg" onclick="NewWindow(this.href,'name','550','300','yes');return false;">
   1.350 +         <img src="img/ss_mini_000026.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.351 +         <td><font size="-1">
   1.352 +           <img src="img/item_description.jpg"> : A demo of image filtering in the Fourier Domain (length = 30 lines of code).<br/>
   1.353 +           <img src="img/item_file.jpg"> :
   1.354 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.355 +		<a href="img/video_fourier.html" onclick="NewWindow(this.href,'name','450','400','yes');return false;">
   1.356 +                <img src="img/item_clickvideo.jpg" border="0" alt="Click here to see the video" onmouseover="this.src='img/item_clickvideo2.jpg';" onmouseout="this.src='img/item_clickvideo.jpg';" /></a>
   1.357 +            </font></td></tr></table>
   1.358 +
   1.359 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.360 +      <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="90%"><tr>
   1.361 +         <td width="100" bgcolor="#ffffff"><center><table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td><a href="img/ss_puzzle.jpg" onclick="NewWindow(this.href,'name','550','450','yes');return false;">
   1.362 +         <img src="img/ss_mini_000027.jpg" border="0" width="100"></a></td></tr></table></center></td>
   1.363 +         <td><font size="-1">
   1.364 +           <img src="img/item_description.jpg"> : A simple word puzzle game (length = 100 lines of code).<br/>
   1.365 +           <img src="img/item_file.jpg"> :
   1.366 +           <i><a href="http://cimg.cvs.sourceforge.net/cimg/CImg/examples/CImg_demo.cpp?view=markup">CImg_demo.cpp</a></i> <br/><br/>
   1.367 +            </font></td></tr></table>
   1.368 +
   1.369 +      <hr noshade="noshade" size="1" width="90%"></hr>
   1.370 +
   1.371 +      </table>
   1.372 +
   1.373 +</font></td></tr></tbody></table>
   1.374 +
   1.375 +<!--#include file="footer.html" -->