“二维动画”作业回顾（Flash的swf文件＋HTML）
大致效果如下，实验二、实验三、实验四、实验五、实验六、大作业均同实验一一样，
最上面是解说与导航栏，然后下面的布局都是一张swf文件加上一段小解说文字，第一行是左图右文，第二行是左文右图
代码如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>二维动画作业大回顾</title> 6 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 7 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> 8 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 9 <script src="Scripts/swfobject_modified.js"></script> 10 </head> 11 <body> 12 <hr> 13 <p class="active-tab" align="center"><strong>“二维动画”作业回顾</strong>：<span></span></p> 14 <p class="previous-tab" align="center"><strong>此页面用于2020-2021学年课程“二维动画”的作业回顾！</strong></p> 15 <hr> 16 <div class="container" style="width: auto;height: auto"> 17 <div class="col-lg-6 col-lg-offset-3" style="margin-left: 0%;width: auto;height: auto;padding: 0"> 18 <ul class="nav nav-tabs nav-pills nav-justified"> 19 <!--pills横向 nav-stacked纵向排列--> 20 <li><a href="#实验一" data-toggle="tab">实验一</a></li> 21 <li><a href="#实验二" data-toggle="tab">实验二</a></li> 22 <li><a href="#实验三" data-toggle="tab">实验三</a></li> 23 <li><a href="#实验四" data-toggle="tab">实验四</a></li> 24 <li><a href="#实验五" data-toggle="tab">实验五</a></li> 25 <li><a href="#实验六" data-toggle="tab">实验六</a></li> 26 <li><a href="#大作业" data-toggle="tab">大作业</a></li> 27 </ul> 28 <div class="tab-content"> 29 <!--实验一-素材--> 30 <div id="实验一" class="tab-pane" style="margin-top: 50px"> 31 <div class="media"> <a class="media-left"> 32 <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 33 <param name="movie" value="实验一.swf"> 34 <param name="quality" value="high"> 35 <param name="wmode" value="opaque"> 36 <param name="swfversion" value="6.0.65.0"> 37 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 38 <param name="expressinstall" value="Scripts/expressInstall.swf"> 39 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 40 <!--[if !IE]>--> 41 <object type="application/x-shockwave-flash" data="实验一.swf" width="640" height="480"> 42 <!--<![endif]--> 43 <param name="quality" value="high"> 44 <param name="wmode" value="opaque"> 45 <param name="swfversion" value="6.0.65.0"> 46 <param name="expressinstall" value="Scripts/expressInstall.swf"> 47 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 48 <div> 49 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 50 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 51 </div> 52 <!--[if !IE]>--> 53 </object> 54 <!--<![endif]--> 55 </object> 56 </a> 57 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 58 <h1 class="media-heading" style="margin-top: 100px;text-align: center">实验一-素材</h1> 59 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 190px">动态文本、静态文本、输入文本</p> 60 </div> 61 </div> 62 </div> 63 <!--实验二--> 64 <div id="实验二" class="tab-pane" style="margin-top: 50px"> 65 <div class="media"> <a class="media-left"> 66 <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 67 <param name="movie" value="遮罩.swf"> 68 <param name="quality" value="high"> 69 <param name="wmode" value="opaque"> 70 <param name="swfversion" value="6.0.65.0"> 71 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 72 <param name="expressinstall" value="Scripts/expressInstall.swf"> 73 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 74 <!--[if !IE]>--> 75 <object type="application/x-shockwave-flash" data="遮罩.swf" width="640" height="480"> 76 <!--<![endif]--> 77 <param name="quality" value="high"> 78 <param name="wmode" value="opaque"> 79 <param name="swfversion" value="6.0.65.0"> 80 <param name="expressinstall" value="Scripts/expressInstall.swf"> 81 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 82 <div> 83 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 84 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 85 </div> 86 <!--[if !IE]>--> 87 </object> 88 <!--<![endif]--> 89 </object> 90 </a> 91 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 92 <h1 class="media-heading" style="margin-top: 100px;text-align: center">遮罩动画</h1> 93 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">在animate2019上制作遮罩动画，第一步是将图片导入到舞台，按ctrl+R或者文件-导入-导入到舞台，然后再新建一个图层，调整图层一、二的帧数，并且利用椭圆工具、矩形工具等进行遮罩，而后将新建的那一层右键为遮罩层即可。</p> 94 </div> 95 </div> 96 <hr style="border-top:1px dashed #6699ff;" width="100%"> 97 <div class="media"> 98 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 99 <h1 class="media-heading" style="margin-top: 100px;text-align: center;">引导线动画</h1> 100 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">在做引导线动画的时候，先自己利用椭圆工具、线条工具制作一个小元件出来，而后在图层上使用鼠标右键，选择传统运行引导层，之后再延长时间轴，并在引导层绘制一条线，再调节一下元件的位置即可。</p> 101 </div> 102 <a class="media-left"> 103 <object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 104 <param name="movie" value="引导线.swf"> 105 <param name="quality" value="high"> 106 <param name="wmode" value="opaque"> 107 <param name="swfversion" value="6.0.65.0"> 108 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 109 <param name="expressinstall" value="Scripts/expressInstall.swf"> 110 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 111 <!--[if !IE]>--> 112 <object type="application/x-shockwave-flash" data="引导线.swf" width="640" height="480"> 113 <!--<![endif]--> 114 <param name="quality" value="high"> 115 <param name="wmode" value="opaque"> 116 <param name="swfversion" value="6.0.65.0"> 117 <param name="expressinstall" value="Scripts/expressInstall.swf"> 118 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 119 <div> 120 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 121 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 122 </div> 123 <!--[if !IE]>--> 124 </object> 125 <!--<![endif]--> 126 </object> 127 </a> </div> 128 <hr style="border-top:1px dashed #6699ff;" width="100%"> 129 <div class="media"> <a class="media-left"> 130 <object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 131 <param name="movie" value="逐帧动画.swf"> 132 <param name="quality" value="high"> 133 <param name="wmode" value="opaque"> 134 <param name="swfversion" value="6.0.65.0"> 135 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 136 <param name="expressinstall" value="Scripts/expressInstall.swf"> 137 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 138 <!--[if !IE]>--> 139 <object type="application/x-shockwave-flash" data="逐帧动画.swf" width="640" height="480"> 140 <!--<![endif]--> 141 <param name="quality" value="high"> 142 <param name="wmode" value="opaque"> 143 <param name="swfversion" value="6.0.65.0"> 144 <param name="expressinstall" value="Scripts/expressInstall.swf"> 145 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 146 <div> 147 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 148 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 149 </div> 150 <!--[if !IE]>--> 151 </object> 152 <!--<![endif]--> 153 </object> 154 </a> 155 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 156 <h1 class="media-heading" style="margin-top: 100px;text-align: center">逐帧动画</h1> 157 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">将图片都导入到库中之后再逐一添加空白关键帧，再拖动图片到舞台上，之后，把图片在舞台上的位置调成相同即可。</p> 158 </div> 159 </div> 160 <hr style="border-top:1px dashed #6699ff;" width="100%"> 161 <div class="media"> 162 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 163 <h1 class="media-heading" style="margin-top: 100px;text-align: center">传统补间动画</h1> 164 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">利用椭圆工具画一个椭圆，然后将其设置为元件，而后将帧数时间调长，再右键创建传统补间，再调整一下结尾的时候椭圆的位置即可。</p> 165 </div> 166 <a class="media-left"> 167 <object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 168 <param name="movie" value="传统补间.swf"> 169 <param name="quality" value="high"> 170 <param name="wmode" value="opaque"> 171 <param name="swfversion" value="6.0.65.0"> 172 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 173 <param name="expressinstall" value="Scripts/expressInstall.swf"> 174 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 175 <!--[if !IE]>--> 176 <object type="application/x-shockwave-flash" data="传统补间.swf" width="640" height="480"> 177 <!--<![endif]--> 178 <param name="quality" value="high"> 179 <param name="wmode" value="opaque"> 180 <param name="swfversion" value="6.0.65.0"> 181 <param name="expressinstall" value="Scripts/expressInstall.swf"> 182 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 183 <div> 184 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 185 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 186 </div> 187 <!--[if !IE]>--> 188 </object> 189 <!--<![endif]--> 190 </object> 191 </a> </div> 192 <hr style="border-top:1px dashed #6699ff;" width="100%"> 193 <div class="media"> <a class="media-left"> 194 <object id="FlashID6" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 195 <param name="movie" value="补间形状.swf"> 196 <param name="quality" value="high"> 197 <param name="wmode" value="opaque"> 198 <param name="swfversion" value="6.0.65.0"> 199 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 200 <param name="expressinstall" value="Scripts/expressInstall.swf"> 201 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 202 <!--[if !IE]>--> 203 <object type="application/x-shockwave-flash" data="补间形状.swf" width="640" height="480"> 204 <!--<![endif]--> 205 <param name="quality" value="high"> 206 <param name="wmode" value="opaque"> 207 <param name="swfversion" value="6.0.65.0"> 208 <param name="expressinstall" value="Scripts/expressInstall.swf"> 209 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 210 <div> 211 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 212 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 213 </div> 214 <!--[if !IE]>--> 215 </object> 216 <!--<![endif]--> 217 </object> 218 </a> 219 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 220 <h1 class="media-heading" style="margin-top: 100px;text-align: center">补间形状动画</h1> 221 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">利用矩形工具在第1帧上画一个矩形，而后再第20帧的地方新建一个空白关键帧，而后利用椭圆工具在第20帧的地方画一个椭圆，之后便到第一帧那右键选择创建补间形状即可。</p> 222 </div> 223 </div> 224 </div> 225 <!--实验三--> 226 <div id="实验三" class="tab-pane" style="margin-top: 50px"> 227 <div class="media"> <a class="media-left"> 228 <object id="FlashID7" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 229 <param name="movie" value="控制主时间轴播放.swf"> 230 <param name="quality" value="high"> 231 <param name="wmode" value="opaque"> 232 <param name="swfversion" value="6.0.65.0"> 233 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 234 <param name="expressinstall" value="Scripts/expressInstall.swf"> 235 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 236 <!--[if !IE]>--> 237 <object type="application/x-shockwave-flash" data="控制主时间轴播放.swf" width="640" height="480"> 238 <!--<![endif]--> 239 <param name="quality" value="high"> 240 <param name="wmode" value="opaque"> 241 <param name="swfversion" value="6.0.65.0"> 242 <param name="expressinstall" value="Scripts/expressInstall.swf"> 243 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 244 <div> 245 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 246 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 247 </div> 248 <!--[if !IE]>--> 249 </object> 250 <!--<![endif]--> 251 </object> 252 </a> 253 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 254 <h1 class="media-heading" style="margin-top: 100px;text-align: center">“控制主时间轴播放”动画</h1> 255 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">在主时间轴制作一个形状或其它的动画后，分别制作两个按钮“开始”和“暂停”，然后在主时间轴上加上动作脚本即可实现。动作脚本如下：</p> 256 <p style="text-indent: 25px;text-align: justify;margin-top: -10px;font-size: 15px;width: 400px;margin-left: 100px;margin-bottom: 60px"> 257 stop();<br/> 258 playbtn.addEventListener(MouseEvent.CLICK,playit)<br/> 259 function playit(evt:MouseEvent):void{<br/> 260 play();<br/> 261 }<br/> 262 stopbtn.addEventListener(MouseEvent.CLICK,stopit)<br/> 263 function stopit(event:MouseEvent):void{<br/> 264 stop();<br/> 265 }</p> 266 </div> 267 </div> 268 <hr style="border-top:1px dashed #6699ff;" width="100%"> 269 <div class="media"> 270 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 271 <h1 class="media-heading" style="margin-top: 100px;text-align: center;">“控制其他元件播放”动画</h1> 272 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px"> 在主时间轴制作一个形状或其它的动画后，分别制作两个按钮“开始”和“暂停”，然后在主时间轴上加上动作脚本即可实现。动作脚本如下：</p> 273 <p style="text-indent: 25px;text-align: justify;margin-top: -10px;font-size: 15px;width: 400px;margin-left: 100px;margin-bottom: 60px"> 274 bplay.addEventListener(MouseEvent.CLICK,onBtnClick);<br/> 275 function onBtnClick(e:MouseEvent):void{<br/> 276 play();<br/> 277 }<br/> 278 bstop.addEventListener(MouseEvent.CLICK,onBtn2Click);<br/> 279 function onBtn2Click(e:MouseEvent):void{<br/> 280 stop();<br/> 281 }</p> 282 </div> 283 <a class="media-left"> 284 <object id="FlashID8" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 285 <param name="movie" value="控制其他元件播放.swf"> 286 <param name="quality" value="high"> 287 <param name="wmode" value="opaque"> 288 <param name="swfversion" value="6.0.65.0"> 289 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 290 <param name="expressinstall" value="Scripts/expressInstall.swf"> 291 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 292 <!--[if !IE]>--> 293 <object type="application/x-shockwave-flash" data="控制其他元件播放.swf" width="640" height="480"> 294 <!--<![endif]--> 295 <param name="quality" value="high"> 296 <param name="wmode" value="opaque"> 297 <param name="swfversion" value="6.0.65.0"> 298 <param name="expressinstall" value="Scripts/expressInstall.swf"> 299 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 300 <div> 301 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 302 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 303 </div> 304 <!--[if !IE]>--> 305 </object> 306 <!--<![endif]--> 307 </object> 308 </a> 309 </div> 310 <hr style="border-top:1px dashed #6699ff;" width="100%"> 311 <div class="media"> <a class="media-left"> 312 <object id="FlashID9" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 313 <param name="movie" value="动画跳转的控制动画.swf"> 314 <param name="quality" value="high"> 315 <param name="wmode" value="opaque"> 316 <param name="swfversion" value="6.0.65.0"> 317 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 318 <param name="expressinstall" value="Scripts/expressInstall.swf"> 319 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 320 <!--[if !IE]>--> 321 <object type="application/x-shockwave-flash" data="动画跳转的控制动画.swf" width="640" height="480"> 322 <!--<![endif]--> 323 <param name="quality" value="high"> 324 <param name="wmode" value="opaque"> 325 <param name="swfversion" value="6.0.65.0"> 326 <param name="expressinstall" value="Scripts/expressInstall.swf"> 327 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 328 <div> 329 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 330 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 331 </div> 332 <!--[if !IE]>--> 333 </object> 334 <!--<![endif]--> 335 </object> 336 </a> 337 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 338 <h1 class="media-heading" style="margin-top: 100px;text-align: center">动画跳转的控制动画</h1> 339 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">将5张图片导入到库，第一张图片放在第一帧，第二张图片放在第十帧，第三张图片放在第二十帧，第四张图片放在第三十帧，第五张图片放在第四十帧，然后在第四十帧上增加动作脚本gotoAndStop(1);在第一帧上增加动作脚本即可。动作脚本如下：</p> 340 <p style="text-indent: 25px;text-align: justify;margin-top: -10px;font-size: 15px;width: 400px;margin-left: 100px"> 341 nextFrame()<br/> 342 nextScene()<br/> 343 stop()</p> 344 </div> 345 </div> 346 </div> 347 <!--实验四--> 348 <div id="实验四" class="tab-pane" style="margin-top: 50px"> 349 <div class="media"> <a class="media-left"> 350 <object id="FlashID10" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 351 <param name="movie" value="转轴与手写效果.swf"> 352 <param name="quality" value="high"> 353 <param name="wmode" value="opaque"> 354 <param name="swfversion" value="6.0.65.0"> 355 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 356 <param name="expressinstall" value="Scripts/expressInstall.swf"> 357 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 358 <!--[if !IE]>--> 359 <object type="application/x-shockwave-flash" data="转轴与手写效果.swf" width="640" height="480"> 360 <!--<![endif]--> 361 <param name="quality" value="high"> 362 <param name="wmode" value="opaque"> 363 <param name="swfversion" value="6.0.65.0"> 364 <param name="expressinstall" value="Scripts/expressInstall.swf"> 365 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 366 <div> 367 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 368 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 369 </div> 370 <!--[if !IE]>--> 371 </object> 372 <!--<![endif]--> 373 </object> 374 </a> 375 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 376 <h1 class="media-heading" style="margin-top: 100px;text-align: center">转轴与手写效果</h1> 377 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">在这个动画里面，我新建了六个图层，分别为遮罩左、遮罩右、音乐、字、卷轴和背景，并且依照之前几个实验的做法将帧数调好即可。</p> 378 </div> 379 </div> 380 </div> 381 <!--实验五--> 382 <div id="实验五" class="tab-pane" style="margin-top: 50px"> 383 <div class="media"> <a class="media-left"> 384 <object id="FlashID11" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="650" height="447"> 385 <param name="movie" value="文字.swf"> 386 <param name="quality" value="high"> 387 <param name="wmode" value="opaque"> 388 <param name="swfversion" value="6.0.65.0"> 389 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 390 <param name="expressinstall" value="Scripts/expressInstall.swf"> 391 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 392 <!--[if !IE]>--> 393 <object type="application/x-shockwave-flash" data="文字.swf" width="650" height="447"> 394 <!--<![endif]--> 395 <param name="quality" value="high"> 396 <param name="wmode" value="opaque"> 397 <param name="swfversion" value="6.0.65.0"> 398 <param name="expressinstall" value="Scripts/expressInstall.swf"> 399 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 400 <div> 401 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 402 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 403 </div> 404 <!--[if !IE]>--> 405 </object> 406 <!--<![endif]--> 407 </object> 408 </a> 409 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 410 <h1 class="media-heading" style="margin-top: 100px;text-align: center">文字</h1> 411 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 150px">线框文字、彩虹文字、霓虹灯文字、彩图文字</p> 412 </div> 413 </div> 414 <hr style="border-top:1px dashed #6699ff;" width="100%"> 415 <div class="media"> 416 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 417 <h1 class="media-heading" style="margin-top: 100px;text-align: center">镜头运用动画</h1> 418 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 210px">将小飞机的一些角度重新变换一下</p> 419 </div> 420 <a class="media-left"> 421 <object id="FlashID12" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="567" height="413"> 422 <param name="movie" value="镜头运用动画.swf"> 423 <param name="quality" value="high"> 424 <param name="wmode" value="opaque"> 425 <param name="swfversion" value="6.0.65.0"> 426 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 427 <param name="expressinstall" value="Scripts/expressInstall.swf"> 428 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 429 <!--[if !IE]>--> 430 <object type="application/x-shockwave-flash" data="镜头运用动画.swf" width="567" height="413"> 431 <!--<![endif]--> 432 <param name="quality" value="high"> 433 <param name="wmode" value="opaque"> 434 <param name="swfversion" value="6.0.65.0"> 435 <param name="expressinstall" value="Scripts/expressInstall.swf"> 436 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 437 <div> 438 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 439 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 440 </div> 441 <!--[if !IE]>--> 442 </object> 443 <!--<![endif]--> 444 </object> 445 </a> 446 </div> 447 <hr style="border-top:1px dashed #6699ff;" width="100%"> 448 <div class="media"> <a class="media-left"> 449 <object id="FlashID13" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="600"> 450 <param name="movie" value="黑场动画.swf"> 451 <param name="quality" value="high"> 452 <param name="wmode" value="opaque"> 453 <param name="swfversion" value="6.0.65.0"> 454 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 455 <param name="expressinstall" value="Scripts/expressInstall.swf"> 456 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 457 <!--[if !IE]>--> 458 <object type="application/x-shockwave-flash" data="黑场动画.swf" width="860" height="600"> 459 <!--<![endif]--> 460 <param name="quality" value="high"> 461 <param name="wmode" value="opaque"> 462 <param name="swfversion" value="6.0.65.0"> 463 <param name="expressinstall" value="Scripts/expressInstall.swf"> 464 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 465 <div> 466 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 467 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 468 </div> 469 <!--[if !IE]>--> 470 </object> 471 <!--<![endif]--> 472 </object> 473 </a> 474 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 475 <h1 class="media-heading" style="margin-top: 100px;text-align: center">黑场动画</h1> 476 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 300px;margin-left: 50px">先将舞台的尺寸改为860像素×600像素，然后将背景图片导入到舞台，并且在背景层的第60帧插入关键帧，然后新建一个图层，命名为动作，利用椭圆工具在第60帧绘制一个圆圈，然后将这个圆圈转换为元件，在第1帧的时候利用变形内的“任意变形”将圆圈变大，然后再在动作图层上右键创建传统补间，在动作图层上选择“遮罩层”即可。</p> 477 </div> 478 </div> 479 </div> 480 <!--实验六--> 481 <div id="实验六" class="tab-pane" style="margin-top: 50px"> 482 <div class="media"> <a class="media-left"> 483 <object id="FlashID14" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="680" height="600"> 484 <param name="movie" value="交互控制的广告效果.swf"> 485 <param name="quality" value="high"> 486 <param name="wmode" value="opaque"> 487 <param name="swfversion" value="6.0.65.0"> 488 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 489 <param name="expressinstall" value="Scripts/expressInstall.swf"> 490 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 491 <!--[if !IE]>--> 492 <object type="application/x-shockwave-flash" data="交互控制的广告效果.swf" width="680" height="600"> 493 <!--<![endif]--> 494 <param name="quality" value="high"> 495 <param name="wmode" value="opaque"> 496 <param name="swfversion" value="6.0.65.0"> 497 <param name="expressinstall" value="Scripts/expressInstall.swf"> 498 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 499 <div> 500 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 501 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 502 </div> 503 <!--[if !IE]>--> 504 </object> 505 <!--<![endif]--> 506 </object> 507 </a> 508 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 509 <h1 class="media-heading" style="margin-top: 100px;text-align: center">交互式按钮控制的广告效果</h1> 510 </div> 511 </div> 512 </div> 513 <!--大作业--> 514 <div id="大作业" class="tab-pane" style="margin-top: 50px"> 515 <div class="media"> <a class="media-left"> 516 <object id="FlashID15" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480"> 517 <param name="movie" value="期末作业.swf"> 518 <param name="quality" value="high"> 519 <param name="wmode" value="opaque"> 520 <param name="swfversion" value="6.0.65.0"> 521 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 --> 522 <param name="expressinstall" value="Scripts/expressInstall.swf"> 523 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> 524 <!--[if !IE]>--> 525 <object type="application/x-shockwave-flash" data="期末作业.swf" width="640" height="480"> 526 <!--<![endif]--> 527 <param name="quality" value="high"> 528 <param name="wmode" value="opaque"> 529 <param name="swfversion" value="6.0.65.0"> 530 <param name="expressinstall" value="Scripts/expressInstall.swf"> 531 <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> 532 <div> 533 <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> 534 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p> 535 </div> 536 <!--[if !IE]>--> 537 </object> 538 <!--<![endif]--> 539 </object> 540 </a> 541 <div class="media-body" style="text-align: center;line-height: 30px;font-family: '楷体';"> 542 <h1 class="media-heading" style="margin-top: 100px;text-align: center">大作业</h1> 543 <p style="text-indent: 25px;text-decoration: underline;text-align: justify;margin-top: 30px;font-size: 15px;width: 400px;margin-left: 100px">线框文字、彩图文字、彩虹文字、霓虹灯文字、动画跳转的控制动画、遮罩、控制其他元件播放、补间形状、彩虹文字、控制主时间轴播放、传统补间、镜头运用动画、逐帧动画等。</p> 544 </div> 545 </div> 546 </div> 547 </div> 548 </div> 549 </div> 550 <script type="text/javascript"> 551 swfobject.registerObject("FlashID"); 552 swfobject.registerObject("FlashID2"); 553 swfobject.registerObject("FlashID3"); 554 swfobject.registerObject("FlashID4"); 555 swfobject.registerObject("FlashID5"); 556 swfobject.registerObject("FlashID6"); 557 swfobject.registerObject("FlashID7"); 558 swfobject.registerObject("FlashID8"); 559 swfobject.registerObject("FlashID9"); 560 swfobject.registerObject("FlashID10"); 561 swfobject.registerObject("FlashID11"); 562 swfobject.registerObject("FlashID12"); 563 swfobject.registerObject("FlashID13"); 564 swfobject.registerObject("FlashID14"); 565 swfobject.registerObject("FlashID15"); 566 </script> 567 </body> 568 </html>
