<?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>-)</title>
	<atom:link href="http://suntsev.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://suntsev.com</link>
	<description>Очередной блог о дизайне, графике и флеш играх</description>
	<lastBuildDate>Wed, 01 Sep 2010 17:33:16 +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>И снова Rabbit&#8217;s Magic Adventures</title>
		<link>http://suntsev.com/?p=179</link>
		<comments>http://suntsev.com/?p=179#comments</comments>
		<pubDate>Wed, 01 Sep 2010 17:24:55 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Игры]]></category>
		<category><![CDATA[Casual game]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=179</guid>
		<description><![CDATA[Теперь на BigFishGames! Перевели на английский, французский и немецкий. Пул ожидания у БигФишей растянулся  на &#8230;все лето: в мае был готов стабильный английский протестированный билд, а 1 сентября настала очередь появится в списке игр на основном портале. Из интересного: французскую версию портал запустил в конце июля, что оказалось для нас полной неожиданностью. А японскую версию решили [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="Волшебные приключения Кролика" src="http://www.rndgames.com/i/rabbit.png" alt="" width="322" height="322" />Теперь на <a href="http://www.bigfishgames.com/download-games/9049/rabbits-magic-adventures/index.html">BigFishGames</a>! Перевели на английский, французский и немецкий. Пул ожидания у БигФишей растянулся  на &#8230;<span id="more-179"></span>все лето: в мае был готов стабильный английский протестированный билд, а 1 сентября настала очередь появится в списке игр на основном портале.</p>
<p>Из интересного: французскую версию портал запустил в конце июля, что оказалось для нас полной неожиданностью. А японскую версию решили не делать, хотя поначалу очень хотелось.  Смутила нас перспектива внедрения 3 систем иероглифического письма в игру использующую битмапные шрифты. Да и сами БигФиши рекомендуют &laquo;японизировать&raquo; только движки с перспективой повторного использования.</p>
<p>Вообще конечно наступили почти на все грабли &laquo;локализации&raquo;. Сложный интерфейс, который казался в начале пути таким &laquo;милым&raquo;. Здесь и уже упомянутые шрифты в битмап; и наклонные надписи; и не всегда соразмерные разным языкам кнопки и заголовки. Здесь и экраны помощи и комиксов сделанные сплошной картинкой. UTF-8 на этом фоне — космос просто. Дополняет общую картинку обилие текстов, возникшее &laquo;как бы&raquo; само по себе.</p>
<p>Зато, в качестве бонуса, локализация научила делать интерфейсы &laquo;по другому&raquo;.</p>
<p>И сейчас UI я делаю проще, и кнопка это вам теперь не стрелочка на дубе, это подложка простой формы и надпись над ней! <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<blockquote><p>Скачать игру Rabbit&#8217;s Magic Adventures:<br />
<a href="http://www.bigfishgames.com/download-games/9049/rabbits-magic-adventures/index.html">English</a> |   <a href="http://www.bigfishgames.fr/jeux-a-telecharger/8690/rabbits-magic-adventures/index.html">Français</a> |   <a href="http://www.alawar.ru/game/rabbits-magic-adventures/">На русском</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=179</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Шашки на player.io</title>
		<link>http://suntsev.com/?p=173</link>
		<comments>http://suntsev.com/?p=173#comments</comments>
		<pubDate>Thu, 26 Aug 2010 09:20:57 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Блог]]></category>
		<category><![CDATA[Игры]]></category>
		<category><![CDATA[multiplayer]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=173</guid>
		<description><![CDATA[В качестве эксперимента реанимировал старый код шашек (тот еще финиш: с as1 на as3), написал врапер и привинтил к серверу. Player.io как и ожидалось оказался прост и приятен. Главное перестроить  голову со &#171;стандартной&#187; концепции lobbyroom-&#62;createroom-&#62;game, ибо лобби на сервере нет, а смартфоксовский диалог createroom,— шаг, на мой взгляд, анти-юзабильный. В качестве альтернативы лобби сделал два [...]]]></description>
			<content:encoded><![CDATA[<p>В качестве эксперимента реанимировал старый код шашек (тот еще финиш: с as1 на as3), написал врапер и привинтил к серверу. Player.io <a href="http://suntsev.com/?p=154">как и ожидалось</a> оказался прост и приятен. Главное перестроить  голову со &laquo;стандартной&raquo; концепции <em>lobbyroom-&gt;createroom-&gt;game</em>, ибо лобби на сервере нет, а смартфоксовский диалог <em>createroom</em>,— шаг, на мой взгляд, анти-юзабильный. В качестве альтернативы лобби сделал два варианта:</p>
<ol>
<li>если на сервере есть игроки и кто-то из них ожидает игры, то новый игрок присоединяется к игре с ожидающим (на играх.мейл.ру так);</li>
<li>ссылка-приглашение на приватную игру. Отправляется любым способом человеку, с которым хочется поиграть.</li>
</ol>
<p><a href="http://rndgames.com/multiplayer/checkers/">http://rndgames.com/multiplayer/checkers/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=173</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SunnyGems — первые наброски</title>
		<link>http://suntsev.com/?p=168</link>
		<comments>http://suntsev.com/?p=168#comments</comments>
		<pubDate>Wed, 28 Jul 2010 12:42:17 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Графика]]></category>
		<category><![CDATA[Flash game]]></category>
		<category><![CDATA[Xara Xtreme]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=168</guid>
		<description><![CDATA[Третий день работы над графикой для новой игры, получается как-то так: Всё 100% вектор с минимальной пост-обработкой в фотошопе (шарп, шум, баланс). Большая картинка с наброском уровня С удивлением понял, что &#171;пиксельарт&#187; можно делать в векторе. В Xare (кстати, вышла новая, 6-я версия) настраиваем сетку с выравниванием в 1 пиксель и ура: все инструменты четко [...]]]></description>
			<content:encoded><![CDATA[<p>Третий день работы над графикой для новой игры, получается как-то так:</p>
<p><img class="alignnone" src="http://suntsev.com/pic/synnygems600.jpg" alt="" width="600" height="600" /></p>
<p><span id="more-168"></span><br />
Всё 100% вектор с минимальной пост-обработкой в фотошопе (шарп, шум, баланс).<br />
<a href="http://suntsev.com/pic/synnygems6.jpg">Большая картинка с наброском уровня</a> </p>
<p>С удивлением понял, что &laquo;пиксельарт&raquo; можно делать в векторе. В Xare (кстати, вышла новая, 6-я версия) настраиваем сетку с выравниванием в 1 пиксель и ура: все инструменты четко прилипают, никакого анти-алиасинга.</p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=168</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 сокет-серверов для мультиплеерных флеш-проектов. Краткий обзор</title>
		<link>http://suntsev.com/?p=154</link>
		<comments>http://suntsev.com/?p=154#comments</comments>
		<pubDate>Mon, 12 Jul 2010 11:11:17 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Блог]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[multiplayer]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=154</guid>
		<description><![CDATA[В последнее время погуглил тему флеш и мультиплеерность, установил нагугленное на рабочие машины (домашние версии XP и win7), а также самое интересное —  порылся в примерах и документации. Задачи написать ММО и поддерживать одновременно тысячи пользователей  в онлайне не стоят, поэтому расширяемость, кластеризацию и другие страшные слова не рассматриваю. В обзор попали: ElectroServer 4.0.6, SmartFoxServer [...]]]></description>
			<content:encoded><![CDATA[<p>В последнее время погуглил тему флеш и мультиплеерность, установил нагугленное на рабочие машины (домашние версии XP и win7), а также самое интересное —  порылся в примерах и документации.</p>
<p>Задачи написать ММО и поддерживать одновременно тысячи пользователей  в онлайне не стоят, поэтому расширяемость, кластеризацию и другие страшные слова не рассматриваю.</p>
<p>В обзор попали: ElectroServer 4.0.6, SmartFoxServer 1.6.6, Player.IO, Photon и UnionPlatform 1.0 Alpha7</p>
<p>Делюсь результатом:<span id="more-154"></span><strong> </strong></p>
<p><strong>ElectroServer 4.0.6 </strong><br />
Клиентская часть на AS3.<br />
Адрес сайта: <a href="http://electro-server.com/" target="_blank">http://electro-server.com/</a><strong> </strong></p>
<ul>
<li>Триал-версия: 25 игроков одновременно в онлайне  (далее ccu) — бесплатно.  Следующая версия от $700 за 500 ccu.</li>
<li>Документация: примеры (мало), описание технологии — ок,  описание API есть, без примеров вызовов</li>
<li>Серверные скрипты:  java</li>
<li>Протокол: бинарный (меньше трафика чем xml или json, соответственно работает быстрее и с претензией на realtime). В версии ES5 протокол еще ужат и улучшен. К сожалению 5-ю версию для ознакомления не скачать. Ее выдают купившим 4-ю.</li>
<li>Контроль игровой зоны и комнат. Полный доступ со стороны сервера.</li>
<li>Админка : через веб</li>
</ul>
<p><strong>SmartFoxServer 1.6.6<br />
</strong>Клиентская часть на AS2, AS3. Наверное самый популярный сервер. Две версии: Бейсик и Про. Основное отличие в серверных скриптах: Бейсик работает только как ретранслятор сообщений в игровой комнате, что является дырой в безопасности логики игры. Далее рассматривается версия Про.<br />
Адрес сайта: <a href="http://smartfoxserver.com/ " target="_blank">http://smartfoxserver.com/ </a><strong> </strong></p>
<ul>
<li>Триал-версия: 20 ccu — бесплатно.  Следующая версия от 500 Евро за 100 ccu, 1000 Евро за 500 ccu, 2000 Евро за анлим.</li>
<li>Документация: примеры, описание технологии — ок,  туториалы, описание API.  Много устаревших примеров с кодом  в кадрах и даже на кнопках вроде on(Release).</li>
<li>Серверные скрипты:  java, as1, python</li>
<li>Протокол: текстовый xml или  json. В следующей версии обещают бинарный.</li>
<li>Контроль игровой зоны и комнат. Полный доступ со стороны сервера.</li>
<li>Админка : swf</li>
</ul>
<p><strong>Player.IO<br />
</strong>Клиентская часть на AS3. Наверное самый &laquo;быстростартуемый&raquo; сервис для тех, кто хочет попробовать создать мультиплеерную игру. Не случайно написал сервис — эти ребята предлагают услуги хостинга своего сервера в производительном датацентре. Разработчику дается локальная версия, отрабатывающая только серверную логику, но не коннект пользователя к серверу. Таким образом игра привязана к ихнему серверу. Это одновременно и плюс и минус.<br />
Адрес сайта: <a href="http://playerio.com/" target="_blank">http://playerio.com/</a><strong> </strong></p>
<ul>
<li>Триал-версия: 500 ccu — бесплатно в рамках 20 Гигабайт трафика (в обе стороны).  $25/месяц за 5000 ccu и 100Гбайт трафика (с последующими $0.6 за Гигабайт) .</li>
<li>Документация: примеры, описание технологии,  туториал, описание API с примерами вызовов функций.</li>
<li>Серверные скрипты:  C#</li>
<li>Протокол: бинарный</li>
<li>Контроль только игровой комнаты. Комнаты создаются клиентом (на сервере при этом создается instance серверного скрипта). Серверная часть игры ничего не знает о других комнатах и игроках в них. Взаимодействие комнат возможно только через базу данных (встроенную в сервис или внешнюю на вашем ресурсе).</li>
<li>Админка : встроенная в сервис. Хороший &laquo;дебаг&raquo; комнат у девелоп-сервера.</li>
</ul>
<p><strong>Photon<br />
</strong>Мощное мультиплатформенное решение для ММО и FPS с поддержкой не только TCP, но и &laquo;рилтаймого&raquo; UDP протокола. Единственный в обзоре сервер написанный на C++ и очевидно самый быстрый в работе. Серверные примеры снабжены Unit-тестами. В комплекте идет остов MMO-проекта для Unity3d и .NET. Однако нас интересует флеш. А с ним не все так весело. Итак, клиентская часть на AS3.<br />
Адрес сайта: <a href="http://photon.exitgames.com/" target="_blank">http://photon.exitgames.com/</a><strong> </strong></p>
<ul>
<li>Триал-версия: 50 ccu — бесплатно.  Для инди-разработчиков предлагаются дешевые лицензии $100 за 100 ccu, $450 за 500 ccu. Для крупных компаний цены другие.</li>
<li>Документация: два примера (чат и рисовалка), описание технологии,  описание API.  Базовая комплектация сервера минимальна: только обмен сообщениями и контроль клиентов и комнат. В Примерах серверной части есть расширения Lite и Lobby представляющие более функциональные остовы для игр.</li>
<li>Серверные скрипты:  C#</li>
<li>Протокол: бинарный</li>
<li>Контроль игровой зоны и комнат. Полный доступ со стороны сервера. Возможность задавать видимость клиентами-игроками друг друга, таким образом ограничивая  рассылку ненужных конкретному клиенту сообщений.</li>
<li>Админка: расширение системного счетчика ресурсов, dashboard (что там показывается увидеть не удалось, для запуска требует установки MS Message Queues)</li>
<li>Сервис Neutron MMO Server, это расширенная редакция Фотона на ихнем хостинге с плюшками, поддержкой, админкой. Начинается от $100  за 50 ccu per application.</li>
</ul>
<p><strong>UnionPlatform 1.0  Alpha 7 версия<br />
</strong>Пока бесплатная альфа, с вытекающим отсюда следствием: вы не платите потому что тестируете <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Будущее также не ясно: очень мало упоминаний в интернете, нет примеров, что понятно. Клиентская часть на AS3.<br />
Адрес сайта: <a href="http://www.unionplatform.com/" target="_blank">http://www.unionplatform.com/</a><strong> </strong></p>
<ul>
<li>Триал-версия: пока никаких ограничений нет, в будущем обещают конкурентные цены.</li>
<li>Документация: примеры, описание технологии,  описание API с  примерами вызовов функций. Туториалы. Все достаточно понятно. Видимо их писал один из авторов сервера, знакомый нам по книжкам, — Колин Мук.</li>
<li>Серверные скрипты:  java либо любой  из списка <a href="https://scripting.dev.java.net/" target="_blank">https://scripting.dev.java.net/</a></li>
<li>Протокол: xml упакованный  в собственный формат Procedure Call (UPC) protocol</li>
<li>Контроль игровой зоны и комнат. Полный доступ со стороны сервера.</li>
<li>Админка : swf, похожа на SmartFoxServer</li>
</ul>
<p>Бонус трек:</p>
<p><strong>Blossom Server</strong><br />
Увидел сегодня, пока не смотрел. Судя по всему это ретранслятор сообщений между клиентами. Fast, free, and easy. Последние новости от прошлого года, документация только на клиентскую часть.<br />
Адрес сайта: <a href="http://blossom-server.com/" target="_blank">http://blossom-server.com/</a></p>
<p><strong>Выводы:</strong></p>
<ol>
<li>Есть из чего выбрать <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>Закрытость платформы  отпугивает (в обзор не попал к примеру сервер Альтернативы)</li>
<li>SmartFoxServer знают все, забавны упоминания этого сервера на форумах поддержки разработчиков других серверов.</li>
<li>E-S конкурирует с SFS на равных.</li>
<li>Union очень интересный и понятный, жаль альфа.</li>
<li>Player.IO хорош для старта, а опытным разработчикам скорее всего понравится полный контроль всего и вся, что дает Photon.</li>
</ol>
<p><strong>Пояснения:<br />
</strong>Комната (<em>Room</em>) — объединение игроков. Игроки получают сообщения от других игроков комнаты.<br />
Игровая зона (<em>Zone</em>) — объединение комнат, по сути вся игра.</p>
<p>Контроль игровой зоны и комнат со стороны сервера означает возможность создания на решении не только игр-комнат, но и ММО-игры, где есть NPC и монстры, игровые события, список друзей, зоны видимости игроков и т.п.</p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=154</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>division by zero</title>
		<link>http://suntsev.com/?p=145</link>
		<comments>http://suntsev.com/?p=145#comments</comments>
		<pubDate>Sat, 27 Feb 2010 11:47:21 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Tricks]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=145</guid>
		<description><![CDATA[Забавный баг обнаружился в JollyJong. Уже три человека умудрились схлопнуть фишки быстрее 1 тика таймера или 0.02сек, вызывая деление на 0 в коде: В результате чего получали красивую сумму Infinity которую не могли добавить в таблицу рекордов и жаловались администрации портала  Вывода два: всегда делать проверку  знаменателя на 0 таймер флеша может дать задержку p.s. [...]]]></description>
			<content:encoded><![CDATA[<p>Забавный баг обнаружился в <a href="http://suntsev.com/?p=97">JollyJong</a>. Уже три человека умудрились схлопнуть фишки быстрее 1 тика таймера или 0.02сек, вызывая деление на 0 в коде:</p>
<div id="wpshdo_1" class="wp-synhighlighter-outer"><div id="wpshdt_1" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_1"></a><a id="wpshat_1" class="wp-synhighlighter-title" href="#codesyntax_1"  onClick="javascript:wpsh_toggleBlock(1)" title="Нажмите, чтобы показать или скрыть блок кода">Исходный код</a></td><td align="right"><a href="#codesyntax_1" onClick="javascript:wpsh_code(1)" title="Показать код отдельно"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_1" onClick="javascript:wpsh_print(1)" title="Напечатать код"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="#codesyntax_1" onClick="javascript:wpsh_about(1)" title="Показать информацию о плагине"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_1" class="wp-synhighlighter-inner" style="display: block;"><pre class="actionscript3" style="font-family:monospace;">s=<a href="http://www.google.com/search?q=math%20inurl:http://livedocs.adobe.com/flex/201/langref/%20inurl:math.html"><span class="kw5">Math</span></a><span class="sy0">.</span><span class="kw7">floor</span><span class="br0">&#40;</span>multipler<span class="sy0">*</span> 1000<span class="sy0">*</span> 1<span class="sy0">/</span>matchtimer<span class="br0">&#41;</span><span class="sy0">;</span>
s=s<span class="sy0">&lt;</span>5<span class="sy0">?</span>5<span class="sy0">:</span>s<span class="sy0">;</span>
scoreAdd<span class="br0">&#40;</span>s<span class="br0">&#41;</span><span class="sy0">;</span></pre></div></div>
<p>В результате чего получали красивую сумму Infinity которую не могли добавить в таблицу рекордов и жаловались администрации портала  <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Вывода два:</p>
<ol>
<li>всегда делать проверку  знаменателя на 0</li>
<li>таймер флеша может дать задержку</li>
</ol>
<p>p.s. matchtimer в коде — это счетчик тиков с начала хода</p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=145</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Шаблон для презентаций</title>
		<link>http://suntsev.com/?p=136</link>
		<comments>http://suntsev.com/?p=136#comments</comments>
		<pubDate>Fri, 26 Feb 2010 20:19:28 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Free]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[free template]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=136</guid>
		<description><![CDATA[Как-то мне надо было быстро собрать презентацию одной системы. Традиционно, легких путей мы не ищем и вместо стандартного Power Point используем Flash. Все бы ничего, да текст и картинки на момент сборки были еще в глубокой работе.  В общем, как и структура презентации. Опыт подсказывает, что в таких случаях наполнять контентом всю презентацию прямо во [...]]]></description>
			<content:encoded><![CDATA[<p>Как-то мне надо было быстро собрать презентацию одной системы. Традиционно, легких путей мы не ищем и вместо стандартного Power Point используем Flash. Все бы ничего, да текст и картинки на момент сборки были еще в глубокой работе.  В общем, как и структура презентации. Опыт подсказывает, что в таких случаях наполнять контентом всю презентацию прямо во флеш-редакторе — крайне непродуктивное занятие. Хотя бы тем, что не подключить на вычитку текста грамотного человека, не владеющего флешем. Да и вообще параллельная работа рулит.  Не долго думая, сделал вот такой вот каркас из флеш-контейнера и XML файлов с контентом:</p>
<p><span id="more-136"></span> <a href="http://suntsev.com/free/template/template.swf"><img class="alignnone size-full wp-image-138" title="template" src="http://suntsev.com/i/template.jpg" alt="" width="600" height="375" /></a></p>
<p><a href="http://suntsev.com/free/template/template.swf" target="_blank">Открыть  шаблон</a> в браузере. Шаблон не содержит загрузчиков, так как делался для локального просмотра, но, в принципе, грузится достаточно быстро и в сети. Шаблон состоит из двух частей:</p>
<ul>
<li>Презентация.exe (или .swf если презентация нужна в сети)</li>
<li>папка content</li>
</ul>
<p>Презентация сделана в разрешении экрана 1024*768 и после запуска разворачивается на весь экран. Помимо управления мышкой она реагирует на стрелки клавиатуры и клавишу пробел (следующий слайд).</p>
<p>Собственно сама презентация является контейнером для подгружаемых слайдов из папки контент. Контейнер этот содержит общее оформление, название презентации или компании, кнопки навигации между слайдами, анимацию перехода между слайдами и кнопочки «свернуть» и «закрыть» в правом верхнем углу (работают только в локальной версии). Контейнер грузит файл config.xml и таким образом узнает, что грузить дальше. Слайдами могут быть изображения или другие flash-клипы.</p>
<p>Все самое интересное, конечно же,  находится в папке content:</p>
<ul>
<li>config.xml</li>
<li>container.swf</li>
<li>style.css</li>
<li>.xml файлы с контентом  и папка pic с картинками презентации.</li>
</ul>
<p>Разберем подробнее:</p>
<p><strong>Файл config.xml </strong>— содержит последовательность слайдов</p>
<div id="wpshdo_2" class="wp-synhighlighter-outer"><div id="wpshdt_2" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_2"></a><a id="wpshat_2" class="wp-synhighlighter-title" href="#codesyntax_2"  onClick="javascript:wpsh_toggleBlock(2)" title="Нажмите, чтобы показать или скрыть блок кода">Исходный код</a></td><td align="right"><a href="#codesyntax_2" onClick="javascript:wpsh_code(2)" title="Показать код отдельно"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_2" onClick="javascript:wpsh_print(2)" title="Напечатать код"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="#codesyntax_2" onClick="javascript:wpsh_about(2)" title="Показать информацию о плагине"><img border="0" style="border: 0 none" src="http://suntsev.com/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_2" class="wp-synhighlighter-inner" style="display: block;"><pre class="xml" style="font-family:monospace;"><span class="sc3"><span class="re1">&lt;page</span> <span class="re0">value</span>=<span class="st0">'1.swf'</span> <span class="re0">title</span>=<span class="st0">' '</span><span class="re2">/&gt;</span></span>
<span class="sc3"><span class="re1">&lt;page</span> <span class="re0">value</span>=<span class="st0">'container.swf'</span> <span class="re0">content</span>=<span class="st0">'2.xml'</span> <span class="re0">title</span>=<span class="st0">'Заголовок слайда'</span><span class="re2">/&gt;</span></span></pre></div></div>
<p>Слайд с путем &laquo;value&raquo; может быть сразу картинкой (в формате .jpg или .png) или еще одним флеш-клипом (.swf). В примере первый кадр сделан клипом с анимацией названия презентации (1.swf), а второй — универсальным клипом-контейнером (да, контейнер в контейнере <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ) В случае контейнера клипу  передается еще один параметр &laquo;content&raquo; с файлом, в котором этот самый контент и находится, а заодно параметр &laquo;title&raquo; c названием слайда.</p>
<p><strong>container.swf </strong>— универсальный контейнер, который подгружает xml-файл с контентом, парсит его и конструирует слайд. Понимает два тега: &lt;image&gt; и &lt;text&gt;. Первыми мы вставляем картинки, вторыми текстовые блоки. Текстовые блоки поддерживают простые html-теги и оформляются через css-стили.</p>
<p>Оба тега имеют свойства x и y — координаты блока.  У &lt;image&gt; есть свойство &laquo;pics&raquo; — путь до картинки (как мы знаем, картинкой во флеше может быть файл .jpg, .png или снова .swf, таким образом, можно сделать анимированный график, например). У &lt;text&gt; свойство &laquo;w&raquo; — ширина блока.  По высоте текстовый блок растянется автоматически.</p>
<p><strong>style.css</strong> — CSS-стили, которыми  оформляется контент контейнером. В примере заданы обычный текст &lt;p&gt; и заголовок &lt;h3&gt;.</p>
<blockquote><p>Все XML файлы должны быть сохранены в формате UTF-8. Иначе во флеше пропадет кириллица.</p></blockquote>
<p>Немножко запутано, но на самом деле  — достаточно универсальное решение под разного рода задачи: дизайнер делает шаблон и собирает пару базовых кадров, готовит иллюстрации, а затем контент-менеджер спокойненько себе наполняет презентацию.</p>
<p>Исходники не содержат .exe файл, думаю, вы сможете сгенерировать его  самостоятельно (File -&gt; Publish Settings -&gt; На вкладке Formats  поставить  галочку Windows Projector (.exe) и кликнуть кнопку Publish).</p>
<p>В архиве вы найдете все нужные .fla файлы (версия Flash 9),  .psd файл с макетом шаблона и папку с демонстрацией.</p>
<blockquote><p><a href="http://suntsev.com/free/template.zip">Скачать исходные файлы</a> (.zip, 2300 Kb)</p>
<p><strong>Условия использования:</strong><br />
Свободно для применения в работах любого типа: коммерческих и бесплатных, личных и для заказчика. Разрешается модифицировать,  изучать, использовать частично и полностью. Распространяется «как есть». Автор не несет ответственности за неправомерное использование шаблона. Буду благодарен, если вы сообщите, как и когда вы использовали шаблон.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=136</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>рабоче-пиксельное</title>
		<link>http://suntsev.com/?p=134</link>
		<comments>http://suntsev.com/?p=134#comments</comments>
		<pubDate>Wed, 24 Feb 2010 13:09:38 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Графика]]></category>
		<category><![CDATA[pixelart]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=134</guid>
		<description><![CDATA[Не знаю еще что, но что-то пиксельное олдскульное получится. Надеюсь]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-133" title="pixelchar" src="http://suntsev.com/i/pixelchar.gif" alt="" width="600" height="366" /></p>
<p>Не знаю еще что, но что-то пиксельное олдскульное получится. Надеюсь <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=134</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Халява, сэр!</title>
		<link>http://suntsev.com/?p=125</link>
		<comments>http://suntsev.com/?p=125#comments</comments>
		<pubDate>Tue, 23 Feb 2010 18:21:47 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Free]]></category>
		<category><![CDATA[free template]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[www]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=125</guid>
		<description><![CDATA[Открываю новую рубрику — Free. В нее будут публиковаться работы, которые вы можете использовать как шаблоны или готовые решения для своих проектов. Открывает рубрику непригодившийся макет ипотечного сайта. Есть только главная страница в .psd файле, 980 пикселей в ширину. Планировалась «резина». Основной шрифт — Tahoma. Кликните на картинку, чтобы посмотреть в полный размер: Слои в [...]]]></description>
			<content:encoded><![CDATA[<p>Открываю новую рубрику — Free. В нее будут публиковаться работы, которые вы можете использовать как шаблоны или готовые решения для своих проектов.</p>
<p>Открывает рубрику непригодившийся макет ипотечного сайта.<span id="more-125"></span> Есть только главная страница в .psd файле, 980 пикселей в ширину. Планировалась «резина». Основной шрифт — Tahoma.</p>
<p>Кликните на картинку, чтобы посмотреть в полный размер:</p>
<p><a href="http://suntsev.com/i/ipoteka_index_full.png"><img class="alignnone size-full wp-image-126" title="ipoteka_index" src="http://suntsev.com/i/ipoteka_index.jpg" alt="" width="600" height="827" /></a></p>
<blockquote><p>Слои в кнопках и плашках не сведены, макет легко и быстро перекрашивается в любой цвет. Элементы сайта объединены в группы.</p></blockquote>
<p>Сетка:</p>
<p><a href="http://suntsev.com/i/ipoteka_index_grid.png"><img class="alignnone size-full wp-image-129" title="ipoteka_index_grid" src="http://suntsev.com/i/ipoteka_index_grid.png" alt="сетка сайта" width="600" height="716" /></a></p>
<blockquote><p>.PSD: <a href="http://suntsev.com/i/ipoteka_index.zip">Скачать исходный файл</a> (.zip, 700 Kb)</p>
<p><strong>Условия использования:</strong><br />
Свободно для применения в работах любого типа: коммерческих и бесплатных, личных и для заказчика. Разрешается модифицировать,  изучать, использовать частично и полностью. Распространяется «как есть». Автор не несет ответственности за неправомерное использование макета. Автор макета Игорь Сунцев будет благодарен, если вы сообщите, как и когда вы использовали макет.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=125</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>квадратолет-1</title>
		<link>http://suntsev.com/?p=110</link>
		<comments>http://suntsev.com/?p=110#comments</comments>
		<pubDate>Tue, 09 Feb 2010 18:32:49 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Графика]]></category>
		<category><![CDATA[Modo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[pixelart]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=110</guid>
		<description><![CDATA[Пробую новую для себя технику создания мелких спрайтов для игры. В два шага: Низкополигональное моделирование + рендер в рассеянном свете сразу в мелкий размер. В сцене нет прямых источников света:  так мы получаем &#171;мягкую&#187; картинку без контрастных теней.  Тени будут сбивать с толку при программных поворотах спрайта. Пиксельарт поверх рендера для придания деталей. Казалось бы, [...]]]></description>
			<content:encoded><![CDATA[<p>Пробую новую для себя технику создания мелких спрайтов для игры. В два шага:</p>
<ol>
<li>Низкополигональное моделирование + рендер в рассеянном свете сразу в мелкий размер. В сцене нет прямых источников света:  так мы получаем &laquo;мягкую&raquo; картинку без контрастных теней.  Тени будут сбивать с толку при программных поворотах спрайта.</li>
<li>Пиксельарт поверх рендера для придания деталей.</li>
</ol>
<p><object id="test2" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#003333" /><param name="src" value="http://suntsev.com/i/test2.swf" /><param name="name" value="test2" /><param name="allowfullscreen" value="false" /><embed id="test2" type="application/x-shockwave-flash" width="600" height="200" src="http://suntsev.com/i/test2.swf" name="test2" bgcolor="#003333" quality="high" allowfullscreen="false" allowscriptaccess="sameDomain" align="middle"></embed></object></p>
<p>Казалось бы, что-то из двух пунктов лишнее, но вот вроде как проще в работе получается. Во-первых, избавляешься от карамельной рисованной пиксельной картинки за счет &laquo;халявных&raquo; градиентов, повторить которые в pure-pixel технике совсем не просто. Во-вторых, анимировать простую форму в 3д в разы быстрее. И на закуску остаются материалы для заставок:</p>
<p><a href="http://suntsev.com/i/good2.jpg"><img class="size-full wp-image-120 alignnone" title="good2" src="http://suntsev.com/i/good2.jpg" alt="" width="600" height="400" /></a></p>
<p><a href="http://suntsev.com/i/heli.jpg"> </a> <img src='http://suntsev.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Заготовки под катом.</p>
<p><span id="more-110"></span> <a href="http://suntsev.com/i/cartoon2.jpg"><img class="alignnone size-full wp-image-112" title="cartoon2" src="http://suntsev.com/i/cartoon2.jpg" alt="" width="640" height="480" /></a></p>
<p><a href="http://suntsev.com/i/cartoon4.jpg"><img class="alignnone size-full wp-image-113" title="cartoon4" src="http://suntsev.com/i/cartoon4.jpg" alt="" width="640" height="480" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=110</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Троглодиты такие троглодиты</title>
		<link>http://suntsev.com/?p=103</link>
		<comments>http://suntsev.com/?p=103#comments</comments>
		<pubDate>Sun, 17 Jan 2010 16:06:46 +0000</pubDate>
		<dc:creator>Игорь</dc:creator>
				<category><![CDATA[Игры]]></category>

		<guid isPermaLink="false">http://suntsev.com/?p=103</guid>
		<description><![CDATA[Правила у игры в общем-то простые: иди вверх, ешь всех. Поиграть можно, как обычно, под катом:]]></description>
			<content:encoded><![CDATA[<p>Правила у игры в общем-то простые: иди вверх, ешь всех. Поиграть можно, как обычно, под катом:<br />
<span id="more-103"></span></p>
<p><object id="JollyJong" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><param name="src" value="http://cdn.flonga.com/games/swf/troglodytes.swf" /><param name="name" value="Troglodytes" /><embed id="Troglodytes" type="application/x-shockwave-flash" width="640" height="480" src="http://cdn.flonga.com/games/swf/troglodytes.swf" name="Troglodytes" bgcolor="#FFFFFF" quality="high"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://suntsev.com/?feed=rss2&amp;p=103</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
