blob: 2ef84ac49eab4e76b45941c811e388163b2381ce [file] [log] [blame]
Austin Schuh8c794d52019-03-03 21:17:37 -08001<!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" -->