<?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 &#187; Прелоадер</title>
	<atom:link href="http://cleverbrain.ru/category/coding/preloader/feed/" rel="self" type="application/rss+xml" />
	<link>http://cleverbrain.ru</link>
	<description>Блог о flash, actionscript. Уроки, статьи, заметки, исходники.</description>
	<lastBuildDate>Fri, 02 Jul 2010 18:34:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Тематический прелоадер</title>
		<link>http://cleverbrain.ru/tematicheskij-preloader/</link>
		<comments>http://cleverbrain.ru/tematicheskij-preloader/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 13:32:48 +0000</pubDate>
		<dc:creator>cleverbrain</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[Прелоадер]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[день святого валентина]]></category>
		<category><![CDATA[праздник]]></category>

		<guid isPermaLink="false">http://cleverbrain.ru/tematicheskij-preloader/</guid>
		<description><![CDATA[14 февраля в день Святого Валентина самый подходящий момент, чтобы подарить любимому человеку открытку. Сделали мы открыточку во Flash, и весит она 100кб, а то и более.. А если у пользователя отнюдь не скоростной интернет, грузить он будет открытку несколько &#8230; <a href="http://cleverbrain.ru/tematicheskij-preloader/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>14 февраля в день Святого Валентина</strong> самый подходящий момент, чтобы подарить любимому человеку открытку. Сделали мы открыточку во Flash, и весит она 100кб, а то и более.. А если у пользователя отнюдь не скоростной интернет, грузить он будет открытку несколько минут и не факт, что дождется конца загрузки. </p>
<p align="left"><embed src="/wp-content/uploads/preloader.swf" height="90"/></p>
<p>Именно поэтому сегодня пойдет речь о том, как создать прелоадер (предзагрузчик), да не простой, а тематический, специально ко дню Святого Валентина.</p>
<p align="right"><span id="more-35"></span></p>
<p>Начнем-с.<br />
<span class="step">1</span> Создайте новый документ, в качестве цвета для фона выберите белый.</p>
<p><span class="step">2</span> Выбираем инструмент "карандаш" (Y), в опциях указываем "smooth".<br />
<img src="http://s50.radikal.ru/i127/0902/b6/08568a4178b9.gif" alt="" /></p>
<p><span class="step">3</span> Карандашом рисуем сердечки и заливаем их соответствующим образом.<br />
<img src="http://s51.radikal.ru/i132/0902/82/4a593828dc19.gif" alt="" /></p>
<p><span class="step">4</span> Выделяем сердечки (Ctrl+A) и конвертируем их в Movie Clip (F8)<br />
<img src="http://s52.radikal.ru/i137/0902/71/317fdde1b523.gif" alt="" /></p>
<p><span class="step">5</span> Делаем двойной щелчок по только-что созданному клипу и в кадре 100 жмем F5.<br />
Создаем новый слой "progress bar".</p>
<p><span class="step">6</span> С помощью инструмента Rectangle Tool (R) рисуем прямоугольник 80х15 рх и размещаем его так:<br />
<img src="http://s50.radikal.ru/i129/0902/90/49f7c5474696.gif" alt="" /></p>
<p><span class="step">7</span> Конвертируем созданный прямоугольник в символ<br />
<img src="http://s55.radikal.ru/i147/0902/0f/02a9c50191de.gif" alt="" /></p>
<p><span class="step">8</span> В кадре 100 слоя "progress bar" нажимаем F6 и размещаем прямоугольник следующим образом:<br />
<img src="http://s46.radikal.ru/i111/0902/fb/dbf8598ab229.gif" alt="" /></p>
<p><span class="step">9</span> Создаем Motion Tween, для чего в любом кадре текущего слоя кликните правой кнопкой мыши и выберите соответствующий пункт меню.</p>
<p><span class="step">10</span> Создаем маску из слоя с прямоугольником<br />
<img src="http://s48.radikal.ru/i120/0902/a1/37f607746359.gif" alt="" /></p>
<p><span class="step">11</span> Создаем еще один слой и называем его "percent"<br />
<img src="http://s51.radikal.ru/i134/0902/98/22546102765f.gif" alt="" /></p>
<p><span class="step">12</span> Создаем динамический текст чуть пониже сердечек<br />
<img src="http://s44.radikal.ru/i103/0902/e7/729ec54d7cd8.gif" alt="" /><br />
и присваиваем ему значение <code>per</code><br />
<img src="http://s48.radikal.ru/i121/0902/50/ae6f7a07b87f.gif" alt="" /></p>
<p><span class="step">13</span> Вернемся на основную сцену и напишем там следующий код:</p>
<pre><code>onClipEvent (load) {
	total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
	loaded = _root.getBytesLoaded();
	percent = int(loaded/total*100);
	per = ""+percent+"%";
	gotoAndStop(percent);
	if (loaded == total) {
		_root.gotoAndPlay(2);
	}
}
</code></pre>
<p><span class="step">14</span> Создаем новый слой "loading" и, выбрав инструмент (T), пишем над сердечками "Загрузка..." Также добавьте <code>stop();</code> в первый кадр главной сцены.</p>
<p align="center"><a href="/wp-content/uploads/cb_preloader.zip"><b>Исходник >></b></a></p>
<p><strong>P.S.</strong> Идея <a href="http://www.toxiclab.org/">его</a>, перевод <a href="http://cleverbrain.ru/">мой</a>.<br />
<strong>P.P.S.</strong> Я уложился в 14 пунктов.. Символично <img src='http://cleverbrain.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p align="center"><strong>Новости в блогосфере:</strong></p>
<ol>
<li>Седьмое задание  и <a href="http://dabeat.ru/sedmoe-zadanie/" target="_blank">новый батл</a> на блоге битмейкеров.</li>
<li>На блоге активной женщины <a href="http://do-activ.ru/avtostopom-na-more-1/" target="_blank">путешествия автостопом</a> в несколько этапов.</li>
<li>Трудности и особенности <a href="http://insuranceblog.ru/prakticheskie-kross-prodazhi/" target="_blank">кросс продажи</a> на блоге для страховщиков.</li>
<li>Кто должен делать при <a href="http://strahovkablog.ru/?p=260" target="_blank">дтп оформление документов</a> - один из важных вопросов на блоге о страховке.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://cleverbrain.ru/tematicheskij-preloader/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
