Учебник о flash-анимации<title> </head> <style type="text/css">  </style> <body> <table width="950" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td background="/images/header.jpg" width="950" height="168"> <table width="950" border="0" cellspacing="0" cellpadding="0" height="168"> <tr> <td width="29"> </td> <td width="921" height="140" valign="bottom" align="left"> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td><table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="/images/navi_bg.jpg" width="200" valign="top">  <table width="200" border="0" cellspacing="0" cellpadding="0" background="/images/naviitem_bg.jpg"> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr height="35"> <td height="35" background="/images/navi_unten.jpg"></td> </tr> </table></td> <td background="/images/content_bg.jpg" width="550" valign="top"><table width="550" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="/images/content_header.jpg" width="550" height="37"></td> </tr> <tr> <td width="10"> </td> <td width="530"><font face="Verdana, Arial, Helvetica, sans-serif"><table BORDER="0" COLS="3" WIDTH="16%"> <tr> <td> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index2.htm"> <img SRC="Back.gif" BORDER="0"> </a> </font> </td> <td WIDTH="10%"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="../index.htm"> <img SRC="Menu.gif" BORDER="0"> </a> </font> </td> <td ALIGN="RIGHT"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index4.htm"> <img SRC="For.gif" BORDER="0"> </a> </font> </td> </tr> </table> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> </font></p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> <font size="4" face="Verdana, Arial, Helvetica, sans-serif"> АНИМАЦИЯ </font> </b> <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Анимация в Flash основана на изменении свойств предметов, используемых в «мультике». Например, предметы могут скрываться или являться, изменять специфическое место, конфигурацию, масштаб, колер, стадия прозрачности и т. д. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> В Flash предусмотрено три непохожих механизма анимирования предметов: <br> </font> </p> <ul> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> покадровая («типичная») анимация, когда творец сам строит или импортирует из прочих приложений каждый эпизод будущего «мультика» и ставит последовательность их просмотра; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> автоматическое анимирование (так называемая tweened-анима-ция), при применении которой писатель образовывает лишь первый и завершающий эпизоды мультипликации, a Flash автоматически генерирует целое промежуточные эпизоды; различают два типа tweened-анимации: анимация, основанная на перемещении предмета (motion animation), и анимация, основанная на трансформации (изменении модели) предмета (shape animation); <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> анимация на основе сценариев; сценарий воображает собой описание поведения предмета на своем диалекте Flash, который называется ActionScript; синтаксис сего диалекта походит синтаксис прочих диалектов сценариев, используемых в Web-статьях (например, JavaScript и VBScript). <br> </font> </li> </ul> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Каждый из сих механизмов имеет как преимущества, так и изъяны. В детали, tweened-анимация имеет двумя несомненными преимуществами: <br> </font> </p> <ul> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> во-первых, творец избавлен от потребности созидать каждый эпизод в отдельности; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> во-вторых, для воспроизведения такового «мультика» Flash довольно беречь едва первый и свежий эпизоды, что обеспечивает солидное снижение размера такового кинофильма. <br> </font> </li> </ul> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Совместно со тем, tweened-анимация пригодна для образования только особенно свободных сюжетов, в которых свойства предметов изменяются равномерно. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Со услугой сценариев на ActionScript можно описать довольно затейливое поведение предметов, однако...Однако для настоящего нужно изучить диалект ActionScript. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Прочими обязательствами, раньше чем начать к существу своего «мультика», вытекает определиться со отбором механизма его реализации. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Чтобы познакомиться со теми реальностями, которые предоставляет Flash для рождения анимированных Web-полос, мы настоятельно отрекомендовываем вам побывать сайт компании Disney (wwnv.Disney.com), одна из полос которого показана на рис. 2.1. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Помимо того, на сайте компании Macromedia имеется особая рубрика, которая называется «Сайт денька» (Site of the Day). В ней содержатся справки на сайты, которые, по усмотрению товарищей компании Macromedia, особенно предостаточно и эффективно используют предпочтения Flash-технологии. </font> </p> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> </font></p> <table BORDER="0" COLS="3" WIDTH="16%"> <tr> <td> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index2.htm"> <img SRC="Back.gif" BORDER="0"> </a> </font> </td> <td WIDTH="10%"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="../index.htm"> <img SRC="Menu.gif" BORDER="0"> </a> </font> </td> <td ALIGN="RIGHT"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index4.htm"> <img SRC="For.gif" BORDER="0"> </a> </font> </td> </tr> </table> </td> <td width="10"> </td> </tr> </table></td> <td background="/images/panel_bg.jpg" width="200" valign="top"> <table width="200" border="0" cellspacing="0" cellpadding="0" background="/images/panelitem_bg.jpg"> <tr> <td width="10"> </td> <td width="170" align="center"> <font size="1"></font></td> <td width="20"> </td> </tr> <tr> <td colspan="3"><img src="/images/panel_news.jpg" width="200" height="18"></td> </tr> <tr> <td width="10"> </td> <td align="center" width="170"> <font size="1"></font> </td> <td width="20"> </td> </tr> <tr height="41"> <td colspan="3" height="41" background="/images/panel_unten.jpg"></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><img src="/images/unten.jpg" width="950" height="46"></td> </tr> </table> <div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"> <font size="1"></font> </div> </body> </html>