vcs.maemo.org Git - liquid-graphic/blob - www/documentation.html

   1 <html>
   2 <head>
   3 <link href="style.css" rel="stylesheet" type="text/css">
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5 <title>Liquid - Funny graphic editor.</title>
   6 </head>
   7 <body>
   8 <div id="layout">
   9 <div class="header">
  10         <h1 class="logo"><a href="http://liquid-graphic.garage.maemo.org" title="Liquid">Liquid<a></h1>
  11
  12 </div>
  13
  14 <div id="menu" class="box">
  15         <ul>
  16                 <li><a href="index.html">Home</a></li>
  17                 <li><a href="documentation.html">Documentation</a></li>
  18                 <li><a href="downloads.html">Downloads</a></li>
  19                 <li><a href="development.html">Development</a></li>
  20         </ul>
  21 </div><br>
  22
  23 <div id="container">
  24         <div class="content">
  25                 <h2>Documentation</h2>
  26                 <h3>Menu</h3>
  27                 <ul>
  28                         <li><b>Menu File</b>
  29                         <a href="img/Tools.png"><img class="doc_img" src="img/Tools.png" align="right" width="150px"></a>
  30                         <ul>
  31                                 <li><b>New</b> - create new empty image</li>
  32                                 <li><b>Open</b> - open local graphic image</li>
  33                                 <li><b>Save</b> - save image with current format and name</li>
  34                                 <li><b>Save As</b> - save image with given name and png format</li>
  35                                 <li><b>Exit</b> - close application</li>
  36                         </ul>
  37                         </li>
  38                         <li><b>Menu Mode</b>
  39                         <ul>
  40                                 <li><b>Accelerometer</b> - turn on/off accelerometer mode (see below)</li>
  41                         </ul>
  42                 </ul>
  43                 <h3>Tools</h3>
  44                 <ul>
  45                         <li><b>Brush</b> - simple brush such as in Paint</li>
  46                         <li><b>Color Tool</b> - use it for selection necessary brush color</li>
  47                         <li><b>Drop</b> - analog of eraser in graphic editors</li>
  48                         <li><b>Ice</b> - local Blur effect</li>
  49                         <li><b>Fullscreen Mode</b> - turn on/off fullscreen mode</li>
  50                 </ul>
  51                 <h3>Drawing Modes</h3>
  52                 <ul>
  53                         <li><b>Accelerometer Mode</b> - in this mode control of any tools is implemented using
  54                                 accelerometer of device. To move brush in this mode, you must tilt a tablet in space.</li>
  55                         <ul>
  56                                 <li><b>Drawing: </b> to draw in this mode you must touch and hold touchscreen in right bottom corner (see screenshot) </li>
  57                                 <a href="img/Finger.png"><img class="doc_img" src="img/Finger.png" aligh="center" width="350px"></a>
  58                         </ul>
  59                         <li><b>Touchscreen Mode</b> - in this mode control of any tools is implemented using touchscreen.</li>
  60                 </ul>
  61                 <h3>Additional Features</h3>
  62                 <ul>
  63                         <li><b>Clearing workspace</b> - to clear workspace you must shake device on X axis: </li>
  64                         <a href="img/X.png"><img src="img/X.png" aligh="center" width="180"></a>
  65                         <li><b>Blur</b> - to implement Blur effect on all workspace you must shake device on Y axis: </li>
  66                         <a href="img/Y.png"><img src="img/Y.png" aligh="center" width="400"></a>
  67                         <li><b>Switch Modes</b> - switch between drawing modes (Accelerometer/Touchscreen) is implemented by shaking device on Z axis:</li>
  68                         <a href="img/Z.png"><img src="img/Z.png" aligh="center" width="180"></a>
  69                         <li><b>Brush Size</b> - to change brush size you must touch brush and wait until popup menu appears:
  70                         <a href="img/popup.png"><img class="doc_img" src="img/popup.png" width="350"></a>
  71                 </ul>
  72                 <br>
  73         </div>
  74 </div>
  75 <div id="footer">
  76         <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>
  77 </div>
  78 </div>
  79 </body>
  80 </html>