doc/salome/gui/VISU/files/animating_presentations.htm

   1 <!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">\r
   2 \r
   3 <html>\r
   4 \r
   5 <!--(==============================================================)-->\r
   6 <!--(Document created with RoboEditor. )============================-->\r
   7 <!--(==============================================================)-->\r
   8 \r
   9 <head>\r
  10 \r
  11 <title>Animating presentations</title>\r
  12 \r
  13 <!--(Meta)==========================================================-->\r
  14 \r
  15 <meta http-equiv=content-type content="text/html; charset=windows-1252">\r
  16 <meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">\r
  17 <meta name=generator-major-version content=0.1>\r
  18 <meta name=generator-minor-version content=1>\r
  19 <meta name=filetype content=kadov>\r
  20 <meta name=filetype-version content=1>\r
  21 <meta name=page-count content=1>\r
  22 <meta name=layout-height content=2462>\r
  23 <meta name=layout-width content=700>\r
  24 \r
  25 \r
  26 <!--(Links)=========================================================-->\r
  27 \r
  28  <link rel='stylesheet' href='../default_ns.css'>\r
  29 <script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">\r
  30 <!--\r
  31 if (navigator.appName !="Netscape")\r
  32 {   document.write("<link rel='stylesheet' href='../default.css'>");}\r
  33 //-->\r
  34 </script>\r
  35 <style type="text/css">\r
  36 <!--\r
  37 h1.whs1 {font-family: 'Times New Roman', serif;}\r
  38 p.whs2 {text-align: justify;}\r
  39 img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}\r
  40 p.whs4 {font-family: 'Times New Roman', serif; margin-left: 40px;}\r
  41 p.whs5 {font-family: 'Times New Roman', serif; margin-left: 0px;}\r
  42 p.whs6 {font-family: 'Times New Roman', serif; margin-left: 40px; font-weight: bold;}\r
  43 p.whs7 {font-family: 'Times New Roman', serif;}\r
  44 p.whs8 {margin-left: 40px;}\r
  45 img_whs9 {border-style: none; border: none; width: 392px; height: 421px; float: none;}\r
  46 p.whs10 {margin-left:0px; font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }\r
  47 img_whs11 {border-style: none; border: none; width: 36px; height: 38px; float: none;}\r
  48 p.whs12 {margin-left: 0px;}\r
  49 img_whs13 {border-style: none; border: none; width: 360px; height: 260px; float: none;}\r
  50 p.whs14 {font-family: 'Times New Roman', serif; margin-left: 80px;}\r
  51 ul.whs15 {list-style: disc;}\r
  52 p.whs16 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000; margin-left: 40px;}\r
  53 img_whs17 {border-style: none; border: none; width: 128px; height: 18px; float: none;}\r
  54 img_whs18 {border-style: none; border: none; width: 53px; height: 18px; float: none;}\r
  55 img_whs19 {border-style: none; border: none; height: 19px; float: none; width: 69px;}\r
  56 img_whs20 {border-style: none; border: none; width: 54px; height: 20px; float: none;}\r
  57 img_whs21 {border-style: none; border: none; height: 21px; float: none; width: 68px;}\r
  58 p.whs22 {font-family: 'Times New Roman', serif; margin-left: 0px; font-weight: bold; color: #000000; font-size: 14pt;}\r
  59 p.whs23 {font-family: 'Times New Roman', serif; margin-left: 0px; font-weight: normal;}\r
  60 img_whs24 {border-style: none; border: none; width: 85px; height: 97px; float: none;}\r
  61 p.whs25 {font-family: 'Times New Roman', serif; margin-left: 0px; font-weight: bold;}\r
  62 img_whs26 {border-style: none; border: none; width: 298px; height: 209px; float: none;}\r
  63 -->\r
  64 </style>\r
  65 <script type="text/javascript" language="JavaScript">\r
  66 <!--\r
  67 if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))\r
  68 {\r
  69   var strNSS = "<style type='text/css'>";\r
  70   strNSS += "p.whs5 {margin-left:1; }";\r
  71   strNSS += "p.whs10 {margin-left:1; }";\r
  72   strNSS += "p.whs12 {margin-left:1; }";\r
  73   strNSS += "p.whs22 {margin-left:1; }";\r
  74   strNSS += "p.whs23 {margin-left:1; }";\r
  75   strNSS += "p.whs25 {margin-left:1; }";\r
  76   strNSS +="</style>";\r
  77   document.write(strNSS);\r
  78 }\r
  79 //-->\r
  80 </script>\r
  81 <script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">\r
  82 <!--\r
  83 function reDo() {\r
  84   if (innerWidth != origWidth || innerHeight != origHeight)\r
  85      location.reload();\r
  86 }\r
  87 if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {\r
  88         origWidth = innerWidth;\r
  89         origHeight = innerHeight;\r
  90         onresize = reDo;\r
  91 }\r
  92 onerror = null; \r
  93 //-->\r
  94 </script>\r
  95 <style type="text/css">\r
  96 <!--\r
  97   div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}\r
  98 -->\r
  99 </style>\r
 100 <script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>\r
 101 <script type="text/javascript" language="javascript" src="../whver.js"></script>\r
 102 <script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>\r
 103 <script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>\r
 104 <script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>\r
 105 </head>\r
 106 \r
 107 <!--(Body)==========================================================-->\r
 108 \r
 109 \r
 110 <body>\r
 111 \r
 112 <script type="text/javascript" language="javascript1.2">\r
 113 <!--\r
 114 if (window.gbWhTopic)\r
 115 {\r
 116         if (window.addTocInfo)\r
 117         {\r
 118         addTocInfo("VISU module\n3D presentations\nField presentations\nAnimating presentations");\r
 119 addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");\r
 120 \r
 121         }\r
 122         if (window.writeBtnStyle)\r
 123                 writeBtnStyle();\r
 124 \r
 125         if (window.writeIntopicBar)\r
 126                 writeIntopicBar(1);\r
 127 \r
 128         if (window.setRelStartPage)\r
 129         {\r
 130         setRelStartPage("../visu.html");\r
 131 \r
 132                 autoSync(0);\r
 133                 sendSyncInfo();\r
 134                 sendAveInfoOut();\r
 135         }\r
 136 }\r
 137 else\r
 138         document.location.reload();\r
 139 //-->\r
 140 </script>\r
 141 <h1 class="whs1">Animating presentations</h1>\r
 142 \r
 143 <p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In <span style="font-weight: bold;"><B>VISU \r
 144  </B></span>module you can generate real-time animation of fields. <span style="text-align: justify;">In \r
 145  comparison with <a href="animating_presentations.htm">sweeping</a>, animations \r
 146  are created on the base of frames, displaying field presentations generated \r
 147  on </span><span style="text-align: justify; font-weight: bold;"><B>EVERY</B></span><span \r
 148  style="text-align: justify;"> Time Stamp of your field. So, the frame \r
 149  displaying the field presentation created on the base of the first time \r
 150  stamp will begin your animation and the frame displaying the field presentation \r
 151  created on the base of the last time stamp will end it. In sweeping </span><span \r
 152  style="text-align: justify; font-weight: bold;"><B>ONLY ONE</B></span><span style="text-align: justify;"> \r
 153  Time Stamp is used for its generation. </span></p>\r
 154 \r
 155 <p class="whs2">&nbsp;</p>\r
 156 \r
 157 <p class=TODO>To generate an animation:</p>\r
 158 \r
 159 <p class="whs4">&nbsp;</p>\r
 160 \r
 161 <p class="whs4">1. \r
 162  &nbsp;Right-click \r
 163  on the field in the Object Browser.</p>\r
 164 \r
 165 <p class="whs5">&nbsp;</p>\r
 166 \r
 167 <p class="whs4">2. \r
 168  &nbsp;From the \r
 169  pop-up menu select <span style="font-weight: bold;"><B>Animation.</B></span></p>\r
 170 \r
 171 <p class="whs6">&nbsp;</p>\r
 172 \r
 173 <p class="whs7">The following dialog \r
 174  box will appear:</p>\r
 175 \r
 176 <p class="whs7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r
 177 \r
 178 <p class="whs8">&nbsp;<img src="../pics/animation.jpg" x-maintain-ratio="TRUE" width="392px" height="421px" border="0" class="img_whs9"></p>\r
 179 \r
 180 <p class="whs7">&nbsp;</p>\r
 181 \r
 182 <p class="whs7"><span style="font-weight: bold;"><B>Animation</B></span> \r
 183  dialog box is destined for management of your animation.</p>\r
 184 \r
 185 <p class="whs7">&nbsp;</p>\r
 186 \r
 187 <p class="whs10"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs11"> In <span style="font-weight: bold;"><B>VISU </B></span>you can generate \r
 188  <span style="font-weight: bold;"><B>simultaneous</B></span> animation of <span \r
 189  style="font-weight: bold;"><B>several</B></span> fields: you can open this dialog \r
 190  for several fields one after another and after generating frames you can \r
 191  launch simultaneous animation of several fields.</p>\r
 192 \r
 193 <p class="whs7">&nbsp;</p>\r
 194 \r
 195 <p class="whs4">3. \r
 196  Click <span style="font-weight: bold;"><B>Setup Animation</B></span> button. \r
 197  The following dialog box allowing to set the parameters of your animation \r
 198  will appear.</p>\r
 199 \r
 200 <p class="whs4">&nbsp;</p>\r
 201 \r
 202 <p class="whs12">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/animationparam.jpg" x-maintain-ratio="TRUE" width="360px" height="260px" border="0" class="img_whs13"></p>\r
 203 \r
 204 <p class="whs4">&nbsp;</p>\r
 205 \r
 206 <p class="whs4">- \r
 207  <span style="font-weight: bold;"><B>Use range of time stamps</B></span> check \r
 208  box allows to select the range of time stamps, which will be used for \r
 209  generating your animation.</p>\r
 210 \r
 211 <p class="whs4">&nbsp;</p>\r
 212 \r
 213 <p class="whs4">- \r
 214  <span style="font-weight: bold;"><B>Fields: </B></span>list of fields for animation.</p>\r
 215 \r
 216 <p class="whs4">&nbsp;</p>\r
 217 \r
 218 <p class="whs4"><span \r
 219  style="font-weight: bold;"><B>- Properties: </B></span>Here you can adjust properties \r
 220  of each field selected from the list:</p>\r
 221 \r
 222 <p class="whs14">&nbsp;</p>\r
 223 \r
 224 <ul type="disc" class="whs15">\r
 225         \r
 226         <li class=kadov-p><p class="whs14">&nbsp;Select \r
 227  the <span style="font-weight: bold;"><B>type</B></span> of field presentations, \r
 228  which will be used as frames in animation.</p></li>\r
 229         \r
 230         <li class=kadov-p><p class="whs14">&nbsp;Set \r
 231  properties of the <span style="font-weight: bold;"><B>Scalar Bar </B></span>(<a href="scalar_map_presentation.htm#Scalar Bar">see also</a>)</p></li>\r
 232         \r
 233         <li class=kadov-p><p class="whs14">&nbsp;Adjust \r
 234  additional <span style="font-weight: bold;"><B>properties</B></span> of the selected \r
 235  type of field presentation.</p></li>\r
 236 </ul>\r
 237 \r
 238 <p class="whs4">&nbsp;</p>\r
 239 \r
 240 <p class="whs4">4. \r
 241  &nbsp;Click <span \r
 242  style="font-weight: bold;"><B>Close </B></span>to validate your parameters. You \r
 243  will return back to <span style="font-weight: bold;"><B>Animation </B></span><span>dialog \r
 244  box</span></p>\r
 245 \r
 246 <p class="whs4">&nbsp;</p>\r
 247 \r
 248 <p class="whs4">5. \r
 249  &nbsp;Click <span \r
 250  style="font-weight: bold;"><B>Generate frames </B></span>button to generate the \r
 251  frames for your animation based on the parameters adjusted in <span style="font-weight: bold;"><B>Setup \r
 252  Animation </B></span>dialog box.</p>\r
 253 \r
 254 <p class="whs4">&nbsp;</p>\r
 255 \r
 256 <p class=TODO>Running animations:</p>\r
 257 \r
 258 <p class="whs16">&nbsp;</p>\r
 259 \r
 260 <p class="whs5">In \r
 261  the main <span style="font-weight: bold;"><B>Animation </B></span>dialog box \r
 262  there are several button intended for management and running your animation:</p>\r
 263 \r
 264 <p class="whs4">&nbsp;</p>\r
 265 \r
 266 <p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/run.jpg" x-maintain-ratio="TRUE" width="128px" height="18px" border="0" class="img_whs17"> &nbsp;&nbsp;<span style="font-weight: bold;"><B>Running \r
 267  </B></span>your animation.</p>\r
 268 \r
 269 <p class="whs4">&nbsp;</p>\r
 270 \r
 271 <p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/previous.jpg" x-maintain-ratio="TRUE" width="53px" height="18px" border="0" class="img_whs18"> <img src="../pics/next.jpg" x-maintain-ratio="TRUE" height="19px" width="69px" border="0" class="img_whs19"> &nbsp;&nbsp;&nbsp;<span \r
 272  style="font-weight: bold;"><B>Previous / Next</B></span> \r
 273  frame (time step)</p>\r
 274 \r
 275 <p class="whs5">&nbsp;</p>\r
 276 \r
 277 <p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/begining.jpg" x-maintain-ratio="TRUE" width="54px" height="20px" border="0" class="img_whs20"> <img src="../pics/end.jpg" x-maintain-ratio="TRUE" height="21px" width="68px" border="0" class="img_whs21"> &nbsp;&nbsp;&nbsp;<span \r
 278  style="font-weight: bold;"><B>To the beginning \r
 279  / end </B></span><span>of the animation.</span></p>\r
 280 \r
 281 <p class="whs5">&nbsp;</p>\r
 282 \r
 283 <p class="whs22">Additional options of the animation:</p>\r
 284 \r
 285 <p class="whs5">&nbsp;</p>\r
 286 \r
 287 <p class="whs5">You \r
 288  can <span style="font-weight: bold;"><B>increase/decrease </B></span>the speed \r
 289  of your animation by moving the <span style="font-weight: bold;"><B>Speed \r
 290  </B></span>wheel <span style="font-weight: bold;"><B>Up/Down:</B></span></p>\r
 291 \r
 292 <p class="whs23">&nbsp;</p>\r
 293 \r
 294 <p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/speed.jpg" x-maintain-ratio="TRUE" width="85px" height="97px" border="0" class="img_whs24"></p>\r
 295 \r
 296 <p class="whs23">&nbsp;</p>\r
 297 \r
 298 <p class="whs23"><span style="font-weight: bold;"><B>Cycled \r
 299  animation</B></span> check box: This option allows to start a cycled animation \r
 300  of your presentation.</p>\r
 301 \r
 302 <p class="whs23">&nbsp;</p>\r
 303 \r
 304 <p class="whs25">Use proportional timing <span style="font-weight: normal;">check \r
 305  box: This option allows render your animation with proportional periods \r
 306  of time between every frame (not depending on the time stamps).</span></p>\r
 307 \r
 308 <p class="whs25">&nbsp;</p>\r
 309 \r
 310 <p class="whs23"><span style="font-weight: bold;"><B>Save \r
 311  pictures to directory </B></span><span>check box: This option allows to save \r
 312  all the frames composing the animation into a definite directory, which \r
 313  can be specified in </span><span style="font-weight: bold;"><B>Path </B></span><span>field.</span></p>\r
 314 \r
 315 <p class="whs14">&nbsp;</p>\r
 316 \r
 317 <p class="whs5">The \r
 318  following picture shows an animation of deformation of an object:</p>\r
 319 \r
 320 <p class="whs4">&nbsp;</p>\r
 321 \r
 322 <p class="whs4"><img src="../pics/animatdef.jpg" x-maintain-ratio="TRUE" width="298px" height="209px" border="0" class="img_whs26"></p>\r
 323 \r
 324 <p class="whs4">&nbsp;</p>\r
 325 \r
 326 <p class="whs4">&nbsp;</p>\r
 327 \r
 328 <p class="whs5">\r
 329 <a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating field presentations','creating_field_presentations.htm','Sweeping','sweeping.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>\r
 330 \r
 331 <p class="whs7">&nbsp;</p>\r
 332 \r
 333 <script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--\r
 334 if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")\r
 335   WritePopupMenuLayer();\r
 336 //--></script><script type="text/javascript" language="javascript1.2">\r
 337 <!--\r
 338 if (window.writeIntopicBar)\r
 339         writeIntopicBar(0);\r
 340 //-->\r
 341 </script>\r
 342 </body>\r
 343 \r
 344 </html>\r