<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flash animation &#187; ease</title>
	<atom:link href="http://flash-animation.ru/tag/ease/feed/" rel="self" type="application/rss+xml" />
	<link>http://flash-animation.ru</link>
	<description>Блог о flash анимации и играх</description>
	<lastBuildDate>Mon, 13 Jun 2011 19:28:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ease</title>
		<link>http://flash-animation.ru/2008/05/ease/</link>
		<comments>http://flash-animation.ru/2008/05/ease/#comments</comments>
		<pubDate>Fri, 16 May 2008 12:01:27 +0000</pubDate>
		<dc:creator>Lerika</dc:creator>
				<category><![CDATA[animation]]></category>
		<category><![CDATA[lesson]]></category>
		<category><![CDATA[ease]]></category>

		<guid isPermaLink="false">http://flash-animation.ru/?p=42</guid>
		<description><![CDATA[сегодня хотелось бы рассказать о таком параметре как ease.
та что мы о нём не знаем? &#8211; спросите вы.
изменение параметра от -100 до +100 позволяет настраивать замедление/ускорения анимации как для shape анимации, так и для motion.
но дело в том, что с 8-й версии флэша при анимации motion для параметра ease появилась кнопочка edit. многие о ней [...]]]></description>
			<content:encoded><![CDATA[<p>сегодня хотелось бы рассказать о таком параметре как <strong>ease</strong>.<br />
<em>та что мы о нём не знаем?</em> &#8211; спросите вы.<br />
изменение параметра от -100 до +100 позволяет настраивать замедление/ускорения анимации как для shape анимации, так и для motion.<br />
но дело в том, что с 8-й версии флэша при анимации motion для параметра ease появилась кнопочка edit. многие о ней даже не знают, а кто знает не всегда использует весь спектр возможностей.</p>
<p>итак, при нажатии на кнопку edit мы получаем вот такой график (кликабельно):<br />
<a href="http://flash-animation.ru/img/entries/ease.png"title="title" rel="lightbox"  ><img src="http://flash-animation.ru/img/entries/ease_small.png" alt="" /></a></p>
<p>в результате  мы имеем возможность управлять замедлением/ускорением с помощью графика. шкала <em>x</em> — последующие  кадры до следующего ключевого кадра, шкала <em>y</em> — процент пути.<br />
если снять галочку <em>use one setting for all properties</em>, то нам открывается возможность настраивать кривые для каждого параметра отдельно на одном промежутке анимации! параметры следующие: position, rotation, scale, color и filters.</p>
<p>рассмотрим настройку параметров на паре примеров:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="280" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="preview_blur_bg" /><param name="bgcolor" value="#ffffff" /><param name="align" value="middle" /><param name="src" value="http://flash-animation.ru/img/fla/preview_ease.swf" /><embed type="application/x-shockwave-flash" width="400" height="280" src="http://flash-animation.ru/img/fla/preview_ease.swf" align="middle" bgcolor="#ffffff" name="preview_blur_bg"></embed></object></p>
<p>1. допустим нам надо сделать вот такой дурацкий пароходик, плывущий по волнам <img src='http://flash-animation.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  здесь мы будем работать с двумя параметрами position и rotation.<br />
2. для начала создадим колесо, которое у нас будет крутиться<br />
3,4. растянем анимацию кадров эдак на 90, зададим параметр rotation cw, 1 times и нажмём кнопку edit параметра ease. далее снимаем галочку, выбираем параметр rotation и изменяем график. какой получился у меня, показано на рисунке. колесо быстро крутится, затем сбавляет скорость, сделает пару вращений назад и снова набирает обороты.<br />
5. символ колесо помещается внутрь символа пароходик, который с вою очередь &laquo;пускается по волнам&raquo; (добавляем направляющую движения).<br />
6. тому промежутку анимации мы настраиваем параметр ease для position и график выглядит немного другим образом.<br />
лично я все графики подбираю на глаз. работать с одной кривой намного проще и удобнее, чем с несколькими промежутками анимаций.<br />
7. а к примеру такой график можно построить для движения рыбки,<br />
8. когда она так себе плывёт, а потом резко так шмыг вперёд! <img src='http://flash-animation.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>в общем пробуйте, балуйтесь, возможно сначала будет жутко непривычно работать с графиком, но к хорошому всегда быстро привыкаешь :о)</p>
<div><script type="text/javascript" src="http://odnaknopka.ru/wp/ok2.utf8.js"></script><script type="text/javascript">okbm("http://flash-animation.ru/2008/05/ease/","ease")</script></div>
	Метки:<a href="http://flash-animation.ru/tag/ease/" title="ease" rel="tag">ease</a><br />
]]></content:encoded>
			<wfw:commentRss>http://flash-animation.ru/2008/05/ease/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

