Austin Schuh | 8c794d5 | 2019-03-03 21:17:37 -0800 | [diff] [blame] | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
| 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <!--#include file="header.html" --> |
| 4 | |
| 5 | <div id="bloc_option"><div id="top_vert"><div id="text_top">Screenshots</div></div> |
| 6 | <div id="center"><div id="text_centre_intro"> |
| 7 | <p> |
| 8 | The screenshots below have been taken from the different sample programs distributed within the |
| 9 | <font color="#000066"><b>CImg</b></font> package. |
| 10 | Click on an image to enlarge it and on the source filename to display it. A link to a streaming video of the |
| 11 | corresponding effect is sometimes proposed. |
| 12 | If you are interested by a live demo, go to the <a href="download.shtml"><b>download page</b></a> |
| 13 | and get the pre-compiled binaries for your system. |
| 14 | </p> |
| 15 | |
| 16 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 17 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 18 | <td width="100" bgcolor="#ffffff"><center> |
| 19 | <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td> |
| 20 | <a href="img/ss_demomenu.jpg" onclick="NewWindow(this.href,'name','400','450','yes');return false;"> |
| 21 | <img alt="" src="img/ss_mini_000001.jpg" border="0" width="100"></img></a> |
| 22 | </td></tr></table> |
| 23 | </center></td> |
| 24 | <td><font size="-1"> |
| 25 | <img alt="" src="img/item_description.jpg"></img> : <b>The main demo sample of the <font color="#000066"><b>CImg</b></font> package</b> (1433 lines of code).<br/> |
| 26 | <img alt="" src="img/item_file.jpg"></img> : |
| 27 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i><br/><br/> |
| 28 | Contains 26 different real-time animations, as well as a nice selection menu. Look at the video to |
| 29 | see all the different effects running.<br/><br/> |
| 30 | <a href="img/video_cimgdemo.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 31 | <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> |
| 32 | </font></td></tr></table> |
| 33 | |
| 34 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 35 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 36 | <td width="100" bgcolor="#ffffff"><center> |
| 37 | <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td> |
| 38 | <a href="img/ss_bump.jpg" onclick="NewWindow(this.href,'name','500','300','yes');return false;"> |
| 39 | <img alt="" src="img/ss_mini_000000.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 40 | <td><font size="-1"> |
| 41 | <img alt="" src="img/item_description.jpg"></img> : <b>A 2d bump-mapping effect</b> (30 lines of code).<br/> |
| 42 | <img alt="" src="img/item_file.jpg"></img> : |
| 43 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i><br/><br/> |
| 44 | You can move the light source using the mouse. |
| 45 | This sample shows how to handle mouse motion and create an animation in a window. |
| 46 | It demonstrates also that the <font color="#000066"><b>CImg Library</b></font> is quite fast ! |
| 47 | Everything is computed from scratch here, including the logo, the background and the light.<br/><br/> |
| 48 | <a href="img/video_bump.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 49 | <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> |
| 50 | </font></td></tr></table> |
| 51 | |
| 52 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 53 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 54 | <td width="100" bgcolor="#ffffff"><center> |
| 55 | <table bgcolor="#ffffff" border="1" cellpadding="0"><tr><td> |
| 56 | <a href="img/ss_hough.jpg" onclick="NewWindow(this.href,'name','1030','540','yes');return false;"> |
| 57 | <img alt="" src="img/ss_mini_000002.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 58 | <td><font size="-1"> |
| 59 | <img alt="" src="img/item_description.jpg"></img> : <b>Computation of the Hough Transform</b> (95 lines of code).<br/> |
| 60 | <img alt="" src="img/item_file.jpg"></img> : |
| 61 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/hough_transform2d.cpp">hough_transform.cpp</a></i> <br/><br/> |
| 62 | Illustrate the computation of the Hough transform to detect lines in 2D images. Provide also simple user |
| 63 | interface to select and display lines. |
| 64 | </font></td></tr></table> |
| 65 | |
| 66 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 67 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 68 | <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;"> |
| 69 | <img alt="" src="img/ss_mini_000003.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 70 | <td><font size="-1"> |
| 71 | <img alt="" src="img/item_description.jpg"></img> : <b>Do a fading between two images</b> (35 lines of code).<br/> |
| 72 | <img alt="" src="img/item_file.jpg"></img> : |
| 73 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/fade_images.cpp">fade_images.cpp</a></i> <br/><br/> |
| 74 | Very small code to perform a funny effect. Also demonstrate how to easily deal with command line arguments. |
| 75 | </font></td></tr></table> |
| 76 | |
| 77 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 78 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 79 | <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;"> |
| 80 | <img alt="" src="img/ss_mini_000004.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 81 | <td><font size="-1"> |
| 82 | <img alt="" src="img/item_description.jpg"></img> : <b>A functional Mandelbrot fractal explorer</b> (51 lines of code).<br/> |
| 83 | <img alt="" src="img/item_file.jpg"></img> : |
| 84 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 85 | Show how to use the predefined feature selection function present in the <font color="#000066"><b>CImg Library</b></font>.<br/><br/> |
| 86 | <a href="img/video_mandelbrot.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 87 | <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> |
| 88 | </font></td></tr></table> |
| 89 | |
| 90 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 91 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 92 | <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;"> |
| 93 | <img alt="" src="img/ss_mini_000005.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 94 | <td><font size="-1"> |
| 95 | <img alt="" src="img/item_description.jpg"></img> : <b>A simple shoot-em-up game, featuring the people of the Robotvis/Odyssee Lab</b> (180 lines of code).<br/> |
| 96 | <img alt="" src="img/item_file.jpg"></img> : |
| 97 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/odykill.cpp">odykill.cpp</a></i> <br/><br/> |
| 98 | Another demonstration of handling mouse and creating animation for pedagogic purposes. |
| 99 | </font></td></tr></table> |
| 100 | |
| 101 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 102 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 103 | <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;"> |
| 104 | <img alt="" src="img/ss_mini_000006.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 105 | <td><font size="-1"> |
| 106 | <img alt="" src="img/item_description.jpg"></img> : <b>An implementation of an image registration algorithm, with |
| 107 | multiscale capability</b> (201 lines of code).<br/> |
| 108 | <img alt="" src="img/item_file.jpg"></img> : |
| 109 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/image_registration.cpp">image_registration.cpp</a></i> <br/><br/> |
| 110 | Compute a motion map between two images, and warp one into the another through a smooth animation. |
| 111 | </font></td></tr></table> |
| 112 | |
| 113 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 114 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 115 | <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;"> |
| 116 | <img alt="" src="img/ss_mini_000007.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 117 | <td><font size="-1"> |
| 118 | <img alt="" src="img/item_description.jpg"></img> : <b>A mini-painting program</b> (30 lines of code).<br/> |
| 119 | <img alt="" src="img/item_file.jpg"></img> : |
| 120 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 121 | This is not a replacement to Photoshop, but it already includes a filling algorithm |
| 122 | as well as a color selection tool.<br/><br/> |
| 123 | <a href="img/video_minipaint.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 124 | <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> |
| 125 | </font></td></tr></table> |
| 126 | |
| 127 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 128 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 129 | <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;"> |
| 130 | <img alt="" src="img/ss_mini_000008.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 131 | <td><font size="-1"> |
| 132 | <img alt="" src="img/item_description.jpg"></img> : <b>A classical demomaking-effect, called 'rotozoom'</b> (20 lines of code).<br/> |
| 133 | <img alt="" src="img/item_file.jpg"></img> : |
| 134 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 135 | Smell the old school parfume of the atari/amiga demos. |
| 136 | </font></td></tr></table> |
| 137 | |
| 138 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 139 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 140 | <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;"> |
| 141 | <img alt="" src="img/ss_mini_000009.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 142 | <td><font size="-1"> |
| 143 | <img alt="" src="img/item_description.jpg"></img> : <b>An animation featuring triangles that are rotating</b> (50 lines of code).<br/> |
| 144 | <img alt="" src="img/item_file.jpg"></img> : |
| 145 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 146 | Could be a replacement to your classical screen saver. |
| 147 | </font></td></tr></table> |
| 148 | |
| 149 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 150 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 151 | <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;"> |
| 152 | <img alt="" src="img/ss_mini_000026.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 153 | <td><font size="-1"> |
| 154 | <img alt="" src="img/item_description.jpg"></img> : <b>A demo of image filtering in the Fourier Domain</b> (30 lines of code).<br/> |
| 155 | <img alt="" src="img/item_file.jpg"></img> : |
| 156 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 157 | <a href="img/video_fourier.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 158 | <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> |
| 159 | </font></td></tr></table> |
| 160 | |
| 161 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 162 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 163 | <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;"> |
| 164 | <img alt="" src="img/ss_mini_000011.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 165 | <td><font size="-1"> |
| 166 | <img alt="" src="img/item_description.jpg"></img> : <b>An example of real-time 3D rendering</b>.<br/> |
| 167 | <img alt="" src="img/item_file.jpg"></img> : |
| 168 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 169 | No use of OpenGL or VTK in this example, only pure <font color="#000066"><b>CImg</b></font> software functions are used ! <br/><br/> |
| 170 | <a href="img/video_doubletorus.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 171 | <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> |
| 172 | </font></td></tr></table> |
| 173 | |
| 174 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 175 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 176 | <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;"> |
| 177 | <img alt="" src="img/ss_mini_000012.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 178 | <td><font size="-1"> |
| 179 | <img alt="" src="img/item_description.jpg"></img> : <b>An example of the ellipse drawing function, used to bounce an elastic bubble</b> (25 lines of code).<br/> |
| 180 | <img alt="" src="img/item_file.jpg"></img> : |
| 181 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 182 | <a href="img/video_bubble.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 183 | <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> |
| 184 | </font></td></tr></table> |
| 185 | |
| 186 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 187 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 188 | <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;"> |
| 189 | <img alt="" src="img/ss_mini_000013.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 190 | <td><font size="-1"> |
| 191 | <img alt="" src="img/item_description.jpg"></img> : <b>A real-time 3D virtual landscape</b> (40 lines of code).<br/> |
| 192 | <img alt="" src="img/item_file.jpg"></img> : |
| 193 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 194 | The altitude map is based on a 'fractal plasma' generator.<br/><br/> |
| 195 | <a href="img/video_landscape.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 196 | <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> |
| 197 | </font></td></tr></table> |
| 198 | |
| 199 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 200 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 201 | <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;"> |
| 202 | <img alt="" src="img/ss_mini_000014.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 203 | <td><font size="-1"> |
| 204 | <img alt="" src="img/item_description.jpg"></img> : <b>A nice plasma effect with a sinus scroller</b> (70 lines of code).<br/> |
| 205 | <img alt="" src="img/item_file.jpg"></img> : |
| 206 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 207 | <a href="img/video_plasma.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 208 | <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> |
| 209 | </font></td></tr></table> |
| 210 | |
| 211 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 212 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 213 | <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;"> |
| 214 | <img alt="" src="img/ss_mini_000015.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 215 | <td><font size="-1"> |
| 216 | <img alt="" src="img/item_description.jpg"></img> : <b>An implementation of the well known Tetris game</b> (130 lines of code).<br/> |
| 217 | <img alt="" src="img/item_file.jpg"></img> : |
| 218 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/tetris.cpp">tetris.cpp</a></i> <br/><br/> |
| 219 | Very small code for a complete version of the Tetris game. |
| 220 | <br/><br/><a href="img/video_tetris.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 221 | <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> |
| 222 | </font></td></tr></table> |
| 223 | |
| 224 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 225 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 226 | <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;"> |
| 227 | <img alt="" src="img/ss_mini_000016.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 228 | <td><font size="-1"> |
| 229 | <img alt="" src="img/item_description.jpg"></img> : <b>The implementation of the Tschumperlé-Deriche algorithm for image restoration and inpainting</b> (170 lines of code).<br/> |
| 230 | <img alt="" src="img/item_file.jpg"></img> : |
| 231 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/pde_TschumperleDeriche2d.cpp">pde_TschumperleDeriche2d.cpp</a></i> <br/><br/> |
| 232 | See <a href="ftp://ftp-sop.inria.fr/odyssee/Publications/2003/tschumperle-deriche:03.pdf">the corresponding publication</a> |
| 233 | for more detail on the algorithm. |
| 234 | </font></td></tr></table> |
| 235 | |
| 236 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 237 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 238 | <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;"> |
| 239 | <img alt="" src="img/ss_mini_000017.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 240 | <td><font size="-1"> |
| 241 | <img alt="" src="img/item_description.jpg"></img> : <b>A very smart and classical demo effect called 'Shade bobs'</b> (60 lines of code).<br/> |
| 242 | <img alt="" src="img/item_file.jpg"></img> : |
| 243 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 244 | <a href="img/video_shadebobs.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 245 | <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> |
| 246 | </font></td></tr></table> |
| 247 | |
| 248 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 249 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 250 | <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;"> |
| 251 | <img alt="" src="img/ss_mini_000018.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 252 | <td><font size="-1"> |
| 253 | <img alt="" src="img/item_description.jpg"></img> : <b>A nice Blob Editor in only few lines</b> (90 lines of code).<br/> |
| 254 | <img alt="" src="img/item_file.jpg"></img> : |
| 255 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 256 | <a href="img/video_blobs.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 257 | <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> |
| 258 | </font></td></tr></table> |
| 259 | |
| 260 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 261 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 262 | <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;"> |
| 263 | <img alt="" src="img/ss_mini_000019.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 264 | <td><font size="-1"> |
| 265 | <img alt="" src="img/item_description.jpg"></img> : <b>3d Metaballs animation</b> (23 lines of code).<br/> |
| 266 | <img alt="" src="img/item_file.jpg"></img> : |
| 267 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 268 | <a href="img/video_metaballs.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 269 | <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> |
| 270 | </font></td></tr></table> |
| 271 | |
| 272 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 273 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 274 | <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;"> |
| 275 | <img alt="" src="img/ss_mini_000020.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 276 | <td><font size="-1"> |
| 277 | <img alt="" src="img/item_description.jpg"></img> : <b>A tool to visualize images as surfaces in 3d</b> (100 lines of code).<br/> |
| 278 | <img alt="" src="img/item_file.jpg"></img> : |
| 279 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/image_surface.cpp">image_surface.cpp</a></i> <br/><br/> |
| 280 | <a href="img/video_imagesurface.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 281 | <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> |
| 282 | </font></td></tr></table> |
| 283 | |
| 284 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 285 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 286 | <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;"> |
| 287 | <img alt="" src="img/ss_mini_000021.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 288 | <td><font size="-1"> |
| 289 | <img alt="" src="img/item_description.jpg"></img> : <b>A 3d viewer for Diffusion tensor imaging datasets</b> (526 lines of code).<br/> |
| 290 | <img alt="" src="img/item_file.jpg"></img> : |
| 291 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/dtmri_view.cpp">dtmri_view.cpp</a></i> <br/><br/> |
| 292 | <a href="img/video_dtmri.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 293 | <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> |
| 294 | </font></td></tr></table> |
| 295 | |
| 296 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 297 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 298 | <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;"> |
| 299 | <img alt="" src="img/ss_mini_000022.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 300 | <td><font size="-1"> |
| 301 | <img alt="" src="img/item_description.jpg"></img> : <b>Applying the wave equation on an 3d image-mapped surface</b> (55 lines of code).<br/> |
| 302 | <img alt="" src="img/item_file.jpg"></img> : |
| 303 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 304 | <a href="img/video_waves.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 305 | <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> |
| 306 | </font></td></tr></table> |
| 307 | |
| 308 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 309 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 310 | <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;"> |
| 311 | <img alt="" src="img/ss_mini_000023.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 312 | <td><font size="-1"> |
| 313 | <img alt="" src="img/item_description.jpg"></img> : <b>A simple 2d curve editor using spline interpolation</b> (300 lines of code).<br/> |
| 314 | <img alt="" src="img/item_file.jpg"></img> : |
| 315 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/curve_editor.cpp">curve_editor.cpp</a></i> <br/><br/> |
| 316 | <a href="img/video_curveeditor.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 317 | <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> |
| 318 | </font></td></tr></table> |
| 319 | |
| 320 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 321 | <table align="center" bgcolor="#f0f1f5" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 322 | <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;"> |
| 323 | <img alt="" src="img/ss_mini_000024.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 324 | <td><font size="-1"> |
| 325 | <img alt="" src="img/item_description.jpg"></img> : <b>A complete and funny game featuring colored balls</b> (121 lines of code).<br/> |
| 326 | <img alt="" src="img/item_file.jpg"></img> : |
| 327 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/jawbreaker.cpp">jawbreaker.cpp</a></i> <br/><br/> |
| 328 | <a href="img/video_jawbreaker.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 329 | <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> |
| 330 | </font></td></tr></table> |
| 331 | |
| 332 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 333 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 334 | <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;"> |
| 335 | <img alt="" src="img/ss_mini_000025.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 336 | <td><font size="-1"> |
| 337 | <img alt="" src="img/item_description.jpg"></img> : <b>A cool 3d reflection effect, using some <font color="#000066"><b>CImg</b></font> 3d object rendering tricks</b> (130 lines of code).<br/> |
| 338 | <img alt="" src="img/item_file.jpg"></img> : |
| 339 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 340 | <a href="img/video_reflection.html" onclick="NewWindow(this.href,'name','700','450','yes');return false;"> |
| 341 | <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> |
| 342 | </font></td></tr></table> |
| 343 | |
| 344 | <hr noshade="noshade" size="1" width="95%"></hr> |
| 345 | <table align="center" bgcolor="#ffffff" border="0" cellpadding="16" cellspacing="0" width="95%"><tr> |
| 346 | <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;"> |
| 347 | <img alt="" src="img/ss_mini_000027.jpg" border="0" width="100"></img></a></td></tr></table></center></td> |
| 348 | <td><font size="-1"> |
| 349 | <img alt="" src="img/item_description.jpg"></img> : <b>A simple word puzzle game</b> (100 lines of code).<br/> |
| 350 | <img alt="" src="img/item_file.jpg"></img> : |
| 351 | <i><a href="https://framagit.org/dtschump/CImg/blob/master/examples/CImg_demo.cpp">CImg_demo.cpp</a></i> <br/><br/> |
| 352 | </font></td></tr></table> |
| 353 | |
| 354 | </div></div><div id="footer"><img alt="" src="images/footer.jpg" /></div></div> |
| 355 | |
| 356 | <!--#include file="footer.html" --> |