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