﻿<?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>Ignite &#187; Рисунок</title>
	<atom:link href="http://alexbard.org.ua/category/risunok/feed/" rel="self" type="application/rss+xml" />
	<link>http://alexbard.org.ua</link>
	<description>a roguelike development</description>
	<lastBuildDate>Tue, 07 Feb 2012 11:11:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Использование полупрозрачных тайлов при процедурной генерации карты для roguelike игры</title>
		<link>http://alexbard.org.ua/2011/ispolzovanie-poluprozrachnyx-tajlov-pri-procedurnoj-generacii-karty-dlya-roguelike-igry/</link>
		<comments>http://alexbard.org.ua/2011/ispolzovanie-poluprozrachnyx-tajlov-pri-procedurnoj-generacii-karty-dlya-roguelike-igry/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 16:44:06 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[roguelike]]></category>
		<category><![CDATA[программирование]]></category>
		<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=1022</guid>
		<description><![CDATA[Обычно при создании roguelike игры для отображения карты используются ASCII символы. Это вызвано двумя причинами: простотой реализации и наследственностью от прародителей жанра, которые были выполнены в подобном стиле псевдографики. Такая roguelike игра обычно выглядит следующим образом: DoomRL &#8211; современная roguelike игра Также существуют roguelike игры, которые вместо псевдографики рисуют игроку тайловую карту. Примерно такую: Dungeon [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Обычно при создании roguelike игры для отображения карты используются ASCII символы. Это вызвано двумя причинами: простотой реализации и наследственностью от прародителей жанра, которые были выполнены в подобном стиле псевдографики. Такая roguelike игра обычно выглядит следующим образом:</p>
<p style="text-align: center;"><img class="aligncenter" title="doomrl" src="http://www.dansdata.com/images/blog/doomrl.gif" alt="doomrl" width="500" height="300" />DoomRL &#8211; современная roguelike игра</p>
<p style="text-align: justify;">Также существуют roguelike игры, которые вместо псевдографики рисуют игроку тайловую карту. Примерно такую:</p>
<p style="text-align: center;"><img class="aligncenter" title="Dungeon crawl stone soup" src="http://sourceforge.net/dbimage.php?id=156069" alt="Dungeon crawl stone soup" width="640" height="480" />Dungeon Crawl Stone Soup (DCSS)</p>
<p style="text-align: justify;">В данной статье пойдет речь о том, что создать более продвинутую тайловую карту не сложнее, чем создать карту, как это реализовано в DCSS.</p>
<p style="text-align: justify;"><span id="more-1022"></span>Современные roguelike игры, использующие тайлы, могут достаточно сильно отличаться друг от друга, но абсолютно все из них роднит использование 100% не прозрачных тайлов, т.е. изображения каждый пиксель которого полностью не прозрачен и сквозь него не видны пиксели фона. В данной статье мы будем рассматривать возможности использования полупрозрачных тайлов или отдельно их элементов при построении карты.</p>
<p style="text-align: justify;"><strong>1. Тайлы с полупрозрачными краями. </strong></p>
<p style="text-align: justify;">Используются тайлы с полупрозрачностью по краям толщиной в 4 пикселя. Размер тайлов 48 пикселей.</p>
<p style="text-align: center;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/1.jpg"><img class="size-full wp-image-1023 aligncenter" title="1" src="http://alexbard.org.ua/wp-content/uploads/2011/08/1.jpg" alt="" width="80" height="80" /></a></p>
<p style="text-align: center;">Тайлы накладываются полупрозрачной поверхностью друг на друга. Результат совмещения подобных тайлов:</p>
<p style="text-align: center;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/1f.jpg"><img class="aligncenter size-full wp-image-1024" title="1f" src="http://alexbard.org.ua/wp-content/uploads/2011/08/1f.jpg" alt="" width="200" height="200" /></a></p>
<p style="text-align: justify;">Использование данного метода не создает ощутимых преимуществ при наложении однотипных тайлов и не создает приемлемого перехода при соединении разнотипных тайлов.</p>
<p style="text-align: justify;"><strong>2. Использование круглых тайлов.</strong></p>
<p style="text-align: justify;">Квадратному тайлу маскируются углы так, что видимая поверхность превращается в круг.</p>
<p style="text-align: justify;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/2.jpg"><img class="aligncenter size-full wp-image-1025" title="2" src="http://alexbard.org.ua/wp-content/uploads/2011/08/2.jpg" alt="" width="80" height="80" /></a>Тайлы совмещаются не так, как принято:</p>
<ul>
<li>накладывается стандартная тайловая сетка, как и для квадратных тайлов</li>
<li>затем накладывается аналогичная сетка со смещением в x = x + размер тайла / 2; y = y &#8211; размер тайла / 2;</li>
</ul>
<p>Результат:</p>
<p><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/2f.jpg"><img class="aligncenter size-full wp-image-1026" title="2f" src="http://alexbard.org.ua/wp-content/uploads/2011/08/2f.jpg" alt="" width="200" height="200" /></a></p>
<p style="text-align: justify;">Переход между тайлами так и остался достаточно жестким, но ввиду не квадратной формы воспринимается зрительно уже гораздо лучше. Края сцены, как и в предыдущем случае не должны быть видимы пользователем.</p>
<p style="text-align: justify;"><strong>3. Использование тайлов с &#8220;зашумленными границами&#8221;. </strong></p>
<p style="text-align: justify;">Название метода происходит от названия фильтра &#8220;Noise&#8221;, который используется при подготовке соответствующих тайлов.</p>
<p style="text-align: justify;">Тайл:</p>
<p style="text-align: justify;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/3.jpg"><img class="aligncenter size-full wp-image-1027" title="3" src="http://alexbard.org.ua/wp-content/uploads/2011/08/3.jpg" alt="" width="80" height="80" /></a>Результаты совмещения:</p>
<p style="text-align: justify;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/3f.jpg"><img class="aligncenter size-full wp-image-1028" title="3f" src="http://alexbard.org.ua/wp-content/uploads/2011/08/3f.jpg" alt="" width="200" height="200" /></a>И для круглых тайлов, созданных таким методом:</p>
<p style="text-align: justify;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/3f2.jpg"><img class="aligncenter size-full wp-image-1029" title="3f2" src="http://alexbard.org.ua/wp-content/uploads/2011/08/3f2.jpg" alt="" width="200" height="200" /></a></p>
<p style="text-align: justify;">Если честно, то я ожидал большего от этого метода, но я полностью не удовлетворен тем, что получилось в итоге. Возможно нужно как-то иначе зашумлять края, но я придумать как, не могу и не считаю нужным развивать этот метод дальше.</p>
<p style="text-align: justify;"><strong>4. Полупрозрачные тайлы с вариативной степенью прозрачности.</strong></p>
<p style="text-align: justify;">В данном методе будут использоваться круглые тайлы с различной степенью прозрачности краев. Такие:</p>
<p style="text-align: justify;"><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/4.jpg"><img class="aligncenter size-full wp-image-1030" title="4" src="http://alexbard.org.ua/wp-content/uploads/2011/08/4.jpg" alt="" width="80" height="80" /></a></p>
<p>Такой тайл создается наложением градиентной маски от центра изображения к его краям.</p>
<p>Для создания изображения с помощью таких тайлов, вам понадобится накладывать дополнительные слои тайлов, как описано в пункте 2.</p>
<p>Результат:</p>
<p><a href="http://alexbard.org.ua/wp-content/uploads/2011/08/4f.jpg"><img class="aligncenter size-full wp-image-1031" title="4f" src="http://alexbard.org.ua/wp-content/uploads/2011/08/4f.jpg" alt="" width="200" height="200" /></a></p>
<p style="text-align: justify;">Как вы видите, при использовании таких тайлов удается достаточно просто совместить 2 различных вида тайлов без дополнительной нагрузки в виде рисования десятка вариантов соединения различных видов тайлов между собой. При этом такое совмещение тайлов создает эффект плавного перехода между тайлами различных видов. Создание тайла с вариативной степенью прозрачности не отнимет у программиста более 1 минуты работы в графическом редакторе уровня Photoshop.</p>
<p style="text-align: justify;">Не стоит также забывать, что данный метод хоть и снимает с программиста необходимость владеть цифровой кистью на продвинутом уровне, но и повышает требования к аппаратной части компьютера пользователя.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2011/ispolzovanie-poluprozrachnyx-tajlov-pri-procedurnoj-generacii-karty-dlya-roguelike-igry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Новые рисунки</title>
		<link>http://alexbard.org.ua/2010/novye-risunki/</link>
		<comments>http://alexbard.org.ua/2010/novye-risunki/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 21:09:34 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=387</guid>
		<description><![CDATA[Steam punk и Family Guy. Я большой фанат Family Guy (Гриффины) и жанра steam punk. Рисунки рассказывают неподготовленному зрителю об этом. Рисовалось по два вечера на каждое изображение.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://img18.imageshack.us/i/steampunks.jpg/" target="_blank"><img src="http://a.imageshack.us/img18/2440/steampunks.th.jpg" border="0" alt="" /></a> <a href="http://img299.imageshack.us/i/familyguym.jpg/" target="_blank"><img src="http://a.imageshack.us/img299/6581/familyguym.th.jpg" border="0" alt="" /></a></p>
<p style="text-align: center;"><em>Steam punk и Family Guy.</em></p>
<p style="text-align: justify;">Я большой фанат Family Guy (Гриффины) и жанра steam punk. Рисунки рассказывают неподготовленному зрителю об этом. Рисовалось по два вечера на каждое изображение.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/novye-risunki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steam punk man</title>
		<link>http://alexbard.org.ua/2010/steam-punk-man/</link>
		<comments>http://alexbard.org.ua/2010/steam-punk-man/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 18:38:42 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=346</guid>
		<description><![CDATA[Быстро срисовал со скриншота еще не вышедшей игры Rage (2011).]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://img713.imageshack.us/i/steampunkman.jpg/" target="_blank"><img src="http://a.imageshack.us/img713/8798/steampunkman.th.jpg" border="0" alt="" /></a></p>
<p style="text-align: center;"><em>Быстро срисовал со скриншота еще не вышедшей игры Rage (2011)</em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/steam-punk-man/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Грин плаза</title>
		<link>http://alexbard.org.ua/2010/grin-plaza/</link>
		<comments>http://alexbard.org.ua/2010/grin-plaza/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 22:00:41 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=194</guid>
		<description><![CDATA[Название придумал мой друг из соседнего дома) Рисовалось изображение очень долго и с неохотой, было много кропотливой работы, которая выполнялась по-вечерам, после работы и физ. упражнений. Да вечера подряд я хотел было собраться и завершить ее, и только сегодня, на третий, мне это удалось.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Название придумал мой друг из соседнего дома) Рисовалось изображение очень долго и с неохотой, было много кропотливой работы, которая выполнялась по-вечерам, после работы и физ. упражнений. Да вечера подряд я хотел было собраться и завершить ее, и только сегодня, на третий, мне это удалось.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-195" title="Грин плаза" src="http://alexbard.org.ua/wp-content/uploads/2010/03/summer_cartrafic.jpg" alt="Грин плаза" width="673" height="700" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/grin-plaza/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Рисунок &#8220;Букет&#8221;</title>
		<link>http://alexbard.org.ua/2010/risunok-buket/</link>
		<comments>http://alexbard.org.ua/2010/risunok-buket/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 09:51:26 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=186</guid>
		<description><![CDATA[Вчера нарисовал этот рисунок. Рисовался он очень быстро, а идея появилась почти спонтанно. Опять использовал новый (для себя) метод рисования: изначально взял цветной фон (зеленый) и без набросков стал наносить белые контуры цветов.получив пышное соцветие, прорисовал стебли с листьями, вазу. Потом дорисовал фон и детализировал немного цветы.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Вчера нарисовал этот рисунок. Рисовался он очень быстро, а идея появилась почти спонтанно. Опять использовал новый (для себя) метод рисования: изначально взял цветной фон (зеленый) и без набросков стал наносить белые контуры цветов.получив пышное соцветие, прорисовал стебли с листьями, вазу. Потом дорисовал фон и детализировал немного цветы.</p>
<p style="text-align: center;">
<div class="wp-caption aligncenter" style="width: 393px"><img title="Рисунок Букет" src="http://img651.imageshack.us/img651/7170/xa13d9b6e.jpg" alt="Рисунок Букет" width="383" height="479" /><p class="wp-caption-text">Рисунок &quot;Букет&quot;</p></div>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/risunok-buket/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Рисунок &#8220;Лис&#8221;</title>
		<link>http://alexbard.org.ua/2010/risunok-lis/</link>
		<comments>http://alexbard.org.ua/2010/risunok-lis/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 22:09:44 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=183</guid>
		<description><![CDATA[Рисовался 3-4 вечера и неожиданно (я серьезно) сегодня был окончен. Слушая Дилана, публикую рисунок &#8220;Лис&#8221;. Он стал знаменательным в том, что это первый рисунок изначально выполненный в цвете и полутонах. И, знаете что? Это было ничуть не сложнее черного цвета в котором я рисовал раньше&#8230;]]></description>
			<content:encoded><![CDATA[<p>Рисовался 3-4 вечера и неожиданно (я серьезно) сегодня был окончен. Слушая Дилана, публикую рисунок &#8220;Лис&#8221;. Он стал знаменательным в том, что это первый рисунок изначально выполненный в цвете и полутонах. И, знаете что? Это было ничуть не сложнее черного цвета в котором я рисовал раньше&#8230;</p>
<p><img class="aligncenter size-full wp-image-184" title="Лис" src="http://alexbard.org.ua/wp-content/uploads/2010/03/inter-fox.jpg" alt="Лис" width="640" height="800" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/risunok-lis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Старик</title>
		<link>http://alexbard.org.ua/2010/starik/</link>
		<comments>http://alexbard.org.ua/2010/starik/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 20:42:27 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=171</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-172" title="Старик" src="http://alexbard.org.ua/wp-content/uploads/2010/02/old-man.jpg" alt="Старик" width="800" height="534" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/starik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Химера</title>
		<link>http://alexbard.org.ua/2010/ximera/</link>
		<comments>http://alexbard.org.ua/2010/ximera/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 20:15:03 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[WoW]]></category>
		<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=168</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-169" title="windrider" src="http://alexbard.org.ua/wp-content/uploads/2010/02/windrider.jpg" alt="windrider" width="860" height="677" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/ximera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Старая женщина</title>
		<link>http://alexbard.org.ua/2010/staraya-zhenshhina/</link>
		<comments>http://alexbard.org.ua/2010/staraya-zhenshhina/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 21:13:19 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=155</guid>
		<description><![CDATA[Задумал этот рисунок днем, еще на работе. Рисовался быстро (думаю это видно ) под удивительную музыку группы Мельница.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-156" title="Рисунок Старая Женщина" src="http://alexbard.org.ua/wp-content/uploads/2010/02/old-woman-and-window.jpg" alt="Рисунок Старая Женщина" width="800" height="640" /></p>
<p>Задумал этот рисунок днем, еще на работе. Рисовался быстро (думаю это видно <img src='http://alexbard.org.ua/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ) под удивительную музыку группы Мельница.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/staraya-zhenshhina/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Горный ландшафт</title>
		<link>http://alexbard.org.ua/2010/gornyj-landshaft/</link>
		<comments>http://alexbard.org.ua/2010/gornyj-landshaft/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 22:37:29 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Рисунок]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[нарисованное]]></category>

		<guid isPermaLink="false">http://alexbard.org.ua/?p=118</guid>
		<description><![CDATA[Работал над рисунком два вечера. От начала и до конца рисовал в фотошопе тремя кистями &#8211; круглой, круглой с неровными краями и собственно сделаной для деревьев. Освоил новый прием с включением &#8220;color dynamic&#8221; в процессе рисования. Новый способ рисования лишним не будет, я думаю Рисунку не хватает детализации. Особенно это касается гор. Пока что не [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 310px"><a href="http://alexbard.deviantart.com/art/Mountain-Landscape-149224781#"><img src="http://th03.deviantart.net/fs70/300W/f/2010/004/d/b/Mountain_Landscape_by_alexbard.jpg" alt="Рисунок Горный ландшафт" width="300" height="240" /></a><p class="wp-caption-text">Рисунок &quot;Горный ландшафт&quot;</p></div>
<p>Работал над рисунком два вечера. От начала и до конца рисовал в фотошопе тремя кистями &#8211; круглой, круглой с неровными краями и собственно сделаной для деревьев. Освоил новый прием с включением &#8220;color dynamic&#8221; в процессе рисования. Новый способ рисования лишним не будет, я думаю <img src='http://alexbard.org.ua/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Рисунку не хватает детализации. Особенно это касается гор. Пока что не знаю, что с этим делать.. не всегда хватает воображения продумать все детали.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexbard.org.ua/2010/gornyj-landshaft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

