<?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>Monovektor &#187; Tiles</title>
	<atom:link href="http://monovektor.com/tag/tiles/feed/" rel="self" type="application/rss+xml" />
	<link>http://monovektor.com</link>
	<description>Graphic Design Blog</description>
	<lastBuildDate>Thu, 10 Jan 2013 13:46:29 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.7.41</generator>
	<item>
		<title>BLOCK MANIA</title>
		<link>http://monovektor.com/2011/08/block-mania/</link>
		<comments>http://monovektor.com/2011/08/block-mania/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 23:29:13 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[A500]]></category>
		<category><![CDATA[Cubes]]></category>
		<category><![CDATA[Isometric]]></category>
		<category><![CDATA[Judge Dredd]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Pixelart]]></category>
		<category><![CDATA[Retro]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=1141</guid>
		<description><![CDATA[Far from being as violent as the Judge Dredd story; Block Mania (although I&#8217;d squeeze in a reference to Old Stoney Face any chance I get), I&#8217;ve spent a few evenings drawing a bunch (and more to come) of isometric blocks. Isometric tile editors are usually associated with pixelart, not vectors, so my original intent <a href="http://monovektor.com/2011/08/block-mania/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/08/block-mania/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/08/block-mania/&t=BLOCK MANIA">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=BLOCK+MANIA:%20http://monovektor.com/2011/08/block-mania/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/08/block-mania/&title=BLOCK+MANIA">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/08/block-mania/&title=BLOCK+MANIA">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p style="text-align: left;"><img class="size-large wp-image-1155" title="Block Mania" src="http://monovektor.com/wp-content/uploads/2011/08/Block-Mania-590x920.jpg" alt="" width="590" height="920" /></p>
<p style="text-align: left;">Far from being as violent as the Judge Dredd story; <a href="http://en.wikipedia.org/wiki/Block_Mania" target="_blank">Block Mania</a> (although I&#8217;d squeeze in a reference to Old Stoney Face any chance I get), I&#8217;ve spent a few evenings drawing a bunch (and more to come) of isometric blocks. Isometric tile editors are usually associated with pixelart, not vectors, so my original intent was to script a tool in which I could sculpt with these blocks. I discarded that idea after realizing it would be a massive undertaking and not a very stable solution. Not really knowing what I would do with them, I continued drawing anyway, as I&#8217;m just so fond of isometric projection, as evident in one of my earlier <a title="ISOMETRIC BLOCKS" href="http://monovektor.com/2011/02/isometric-blocks/">posts</a>.</p>
<p style="text-align: left;">
<p><span id="more-1141"></span></p>
<p style="text-align: left;">This fascination stems back to the days or yore when I was playing games on my Amiga 500 (those where the days!) such as <a title="Marble Madness" href="http://www.lemonamiga.com/?game_id=1276" target="_blank">Marble Madness</a>, <a title="Populous" href="http://www.lemonamiga.com/?game_id=855" target="_blank">Populous</a> and <a title="D/Generation" href="http://www.lemonamiga.com/?game_id=1734" target="_blank">D/Generation</a> to name a few. Well, not to mention cyberpunk-awesomeness <a title="Syndicate" href="http://www.lemonamiga.com/?game_id=1031" target="_blank">Syndicate</a>, of which there are rumors that swedish <a title="Starbreeze Studios" href="http://www.starbreeze.com/" target="_blank">Starbreeze Studios</a> will &#8220;reinvent&#8221;.</p>
<p style="text-align: left;"><img class="size-large wp-image-1152" title="Blocks" src="http://monovektor.com/wp-content/uploads/2011/08/Blocks1-590x751.png" alt="" width="590" height="751" /></p>
<p style="text-align: left;">Anyway, I ended up with all these building blocks, wanting to create miniature worlds (there it is again, my megalomaniacal behavior), but not wanting to manually drag them into place and having to adjust the layer order all the time.</p>
<p style="text-align: left;"><img class="size-full wp-image-1143" title="World" src="http://monovektor.com/wp-content/uploads/2011/08/World.png" alt="" width="328" height="361" /></p>
<p style="text-align: left;">The solution &#8211; which might not be the best in terms of time efficiency &#8211; was to script a little tool that could parse a text file into a nested array representing the X, Y and Z-axis. Instead of handling mouse events and coming up with a smart solution as to how I was going to manage selection of blocks (which most likely would have to involve some inconvenient keyboard input), I just lay my &#8220;world&#8221; out on graph-paper, an excel document or such; one sheet per level, like this.</p>
<p style="text-align: left;"><img class="size-large wp-image-1186" title="Level Layout" src="http://monovektor.com/wp-content/uploads/2011/08/Level-Layout2-590x314.png" alt="" width="590" height="314" /></p>
<p style="text-align: left;">Perhaps time consuming, but I think it could work to my advantage, having to carefully plan ahead instead of throwing myself <a title="Head Over Heels" href="http://www.lemonamiga.com/?game_id=490" target="_blank">Head Over Heels</a> (isometric pun intended).</p>
<p style="text-align: left;">And to top it off, here&#8217;s some isometric galore to &#8211; literally &#8211; fill your screen with!</p>
<p style="text-align: left;"><a href="http://monovektor.com/wp-content/uploads/2011/08/Iso-Galore1.png"><img class="size-large wp-image-1165" title="Iso Galore" src="http://monovektor.com/wp-content/uploads/2011/08/Iso-Galore1-590x376.png" alt="" width="590" height="376" /></a></p>
<p style="text-align: left;">Left to right: Syndicate, Populous, <a title="Cadaver" href="http://www.lemonamiga.com/?game_id=212" target="_blank">Cadaver</a>, <a title="Darkmere" href="http://www.lemonamiga.com/?game_id=306" target="_blank">Darkmere</a>, <a title="Uropa²" href="http://www.lemonamiga.com/?game_id=2154" target="_blank">Uropa²</a>, Marble Madness, D/Generation, Head Over Heels and <a title="Escape From The Planet Of Robot Monsters" href="http://www.lemonamiga.com/?game_id=378" target="_blank">Escape From The Planet Of Robot Monsters</a>.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TILE TOY: NEW FEATURE</title>
		<link>http://monovektor.com/2011/03/tile-toy-new-feature-added/</link>
		<comments>http://monovektor.com/2011/03/tile-toy-new-feature-added/#comments</comments>
		<pubDate>Wed, 02 Mar 2011 08:42:08 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Procedural Generation]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=343</guid>
		<description><![CDATA[I have just spent the morning adding a new feature to my Tile Toy script called Sparsity. I can now control how dense the pattern will be by telling the tool to favor empty tiles &#8211; or at least tiles with no connection &#8211; by a certain percentage. Every time the tool chooses a tile <a href="http://monovektor.com/2011/03/tile-toy-new-feature-added/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/03/tile-toy-new-feature-added/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/03/tile-toy-new-feature-added/&t=TILE TOY: NEW FEATURE">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=TILE+TOY%3A+NEW+FEATURE:%20http://monovektor.com/2011/03/tile-toy-new-feature-added/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/03/tile-toy-new-feature-added/&title=TILE+TOY%3A+NEW+FEATURE">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/03/tile-toy-new-feature-added/&title=TILE+TOY%3A+NEW+FEATURE">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>I have just spent the morning adding a new feature to my <a title="Tile Toy" href="http://monovektor.com/2011/02/tile-pattern-toy/">Tile Toy</a> script called Sparsity. I can now control how dense the pattern will be by telling the tool to favor empty tiles &#8211; or at least tiles with no connection &#8211; by a certain percentage.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/03/Sparsity-added.png"><img class="alignnone size-large wp-image-345" title="Sparsity added" src="http://monovektor.com/wp-content/uploads/2011/03/Sparsity-added-590x405.png" alt="" width="590" height="405" /><br />
<span id="more-343"></span><br />
</a>Every time the tool chooses a tile it will first pick a random number between 0-100. If the random number is less than or equal to the percentage input it will verify that no neighboring tiles require a connection and then pick an empty tile. If, however, there  are tiles next to it that do require a connection it will simply disregard the sparseness. This way the percentage could be somewhat misleading but over a long enough period of time I guess it will even out.</p>
<p><img class="alignnone size-large wp-image-346" title="Sparsity Percentage" src="http://monovektor.com/wp-content/uploads/2011/03/Sparsity-Percentage-590x637.png" alt="" width="590" height="637" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MONOTONE RASTER</title>
		<link>http://monovektor.com/2011/03/monotone-raster/</link>
		<comments>http://monovektor.com/2011/03/monotone-raster/#comments</comments>
		<pubDate>Tue, 01 Mar 2011 11:53:42 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Rasters]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=219</guid>
		<description><![CDATA[It&#8217;s funny how ideas come and go. Most of my ideas are offsprings from earlier thoughts or works. That&#8217;s certainly the case with my Monotone Raster script, it stems back to the Tile Toy script via Fonticon. Now, this script is probably my least useable one as the outcome wasn&#8217;t very nice or functional. So <a href="http://monovektor.com/2011/03/monotone-raster/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/03/monotone-raster/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/03/monotone-raster/&t=MONOTONE RASTER">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=MONOTONE+RASTER:%20http://monovektor.com/2011/03/monotone-raster/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/03/monotone-raster/&title=MONOTONE+RASTER">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/03/monotone-raster/&title=MONOTONE+RASTER">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>It&#8217;s funny how ideas come and go. Most of my ideas are offsprings from earlier thoughts or works. That&#8217;s certainly the case with my Monotone Raster script, it stems back to the <a title="Tile Toy" href="http://monovektor.com/2011/02/tile-pattern-toy/" target="_blank">Tile Toy</a> script via <a title="Fonticon" href="http://monovektor.com/2011/02/fonticon/" target="_blank">Fonticon</a>.</p>
<p>Now, this script is probably my least useable one as the outcome wasn&#8217;t very nice or functional. So what does it do then?</p>
<p>Well, the idea was to make a script that would produce a raster image with only one tone. Aptly named Monotone Raster. Since a raster will create dots of varying sizes corresponding to the level of gray of the target image pixels. This is not very hard in <a title="Scriptographer" href="http://www.scriptographer.org/" target="_blank">Scriptographer</a>. But what if I wanted to make a raster image with something other than a circle, or, a raster with multiple objects?</p>
<p>Well, that wasn&#8217;t that hard either so I took it a bit further. What if the objects looked different, but in reality they all had the same amount of black?</p>
<p><img class="alignnone size-full wp-image-315" title="Raster Objects" src="http://monovektor.com/wp-content/uploads/2011/03/Raster-Objects.png" alt="" width="306" height="65" /><br />
<span id="more-219"></span><br />
These objects seem to differ but they all represent 50% black so a rasterized picture would, at a distance, seem to be just a gray square but at closer range some details would appear and reveal a picture. This turned out to be wrong. Close up it didn&#8217;t make any sense at all, just a bunch of squares cluttered together.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/03/Picture-1.png"><img class="alignnone size-large wp-image-320" title="Cluttered" src="http://monovektor.com/wp-content/uploads/2011/03/Picture-1-590x438.png" alt="" width="590" height="438" /></a></p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/03/Picture-3.png"><img class="alignnone size-large wp-image-323" title="Batman" src="http://monovektor.com/wp-content/uploads/2011/03/Picture-3-590x393.png" alt="" width="590" height="393" /></a></p>
<p>However, I encountered alot of problems.</p>
<p>First off, with every object being quite alot bigger than a pixel the resulting raster image would become huge!</p>
<p>Secondly, every object contains many anchors so there would be millions of them making the file size very big.</p>
<p>Thirdly, getting Java to handle this many objects, one per pixel, without running out of memory is virtually impossible. One solution to this problem would be to reduce the target image resolution but that would also make it harder to discern any of the finer details, thus making the raster quite useless.</p>
<p>Although it didn&#8217;t turn out as I had planned I still think it is a novel idea that was definately worth exploring.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FONTICON</title>
		<link>http://monovektor.com/2011/02/fonticon/</link>
		<comments>http://monovektor.com/2011/02/fonticon/#comments</comments>
		<pubDate>Mon, 21 Feb 2011 13:03:14 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Mosaics]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Symbols]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=221</guid>
		<description><![CDATA[I&#8217;ve always been impressed by those colorful patterns produced by Kapitza. It&#8217;s nothing shy of genius creating a set of geometric fonts and then just type to your hearts content. The idea of making something, preferably complex, out of a limited set of rules, principles or objects is very appealing to me. It&#8217;s like art <a href="http://monovektor.com/2011/02/fonticon/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/02/fonticon/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/02/fonticon/&t=FONTICON">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=FONTICON:%20http://monovektor.com/2011/02/fonticon/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/02/fonticon/&title=FONTICON">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/02/fonticon/&title=FONTICON">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve always been impressed by those colorful patterns produced by <a href="http://kapitza.com/" target="_blank">Kapitza</a>. It&#8217;s nothing shy of genius creating a set of geometric fonts and then just type to your hearts content.</p>
<p><img class="alignnone size-full wp-image-275" title="Geometric by Kapitza" src="http://monovektor.com/wp-content/uploads/2011/02/kapitza-grid.jpg" alt="" width="435" height="435" /></p>
<p>The idea of making something, preferably complex, out of a limited set of rules, principles or objects is very appealing to me. It&#8217;s like art sprung out of (almost) nothingness. It&#8217;s called synergy &#8211; when the sum is greater than its parts. I think these patterns adresses just that; very simple and mundane geometric shapes, but put together, they create something more with seemingly infinte possibilities of variation.</p>
<p>Now, I thought about this for a while, wondering if I had the patience to construct my own symbols and shapes and  turn them into a working font, I finaly decided I had not. What would be the point, it&#8217;s been done already. Although, I had one concern, as all these symbols where made as fonts there isn&#8217;t a very intuitive way to rotate a symbol or flip it around its own axis. Sure, it isn&#8217;t that hard to flip a character around, but say if there are a 1000 different symbols it becomes time consuming and counterproductive.</p>
<p><span id="more-221"></span></p>
<p>My solution to this problem was to create a script which allowed me to type with objects instead of letters. Each object would be assigned to a specific letter with the added ability to rotate and flip each object during typing using the arrowkeys.</p>
<p><img class="alignnone size-large wp-image-279" title="Objects" src="http://monovektor.com/wp-content/uploads/2011/02/Objects-590x207.png" alt="" width="590" height="207" /></p>
<p>This way I could reduce the number of objects to a minimum.</p>
<p>I added some other features as well. I can navigate around the artboard using the arrowkeys or simply clicking anywhere with the mouse. The script calculates the right position to line up the objects perfectly, it also takes any tile spacing into consideration, should there be any.</p>
<p><img class="alignnone size-full wp-image-280" title="Tool options" src="http://monovektor.com/wp-content/uploads/2011/02/Tool-options.png" alt="" width="581" height="300" /></p>
<p>Fonticon works really well and can be alot of fun to play around with, building a picture from the ground up. I would say that this is a much more intuitive way of building patterns and you don&#8217;t have to make all your shapes and symbols into a working font either so the workflow should be faster. The only problem, and a pretty big one at that, is that I currently haven&#8217;t figured out an easy way to colorize them since each object is actually several small objects grouped togehter with a transparent &#8220;frame&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A COMBINATION OF SCRIPTS</title>
		<link>http://monovektor.com/2011/02/combination-of-scripts/</link>
		<comments>http://monovektor.com/2011/02/combination-of-scripts/#comments</comments>
		<pubDate>Tue, 15 Feb 2011 13:11:56 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Mazes]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Procedural Generation]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=186</guid>
		<description><![CDATA[I have recently added some functions to two of my scripts; aMaze and the Tile Toy. The maze script can now save it&#8217;s wall data to a file which allows me to use it inside my Tile Toy script creating mazes with a completely different look. The appearance of the maze is now totally based <a href="http://monovektor.com/2011/02/combination-of-scripts/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/02/combination-of-scripts/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/02/combination-of-scripts/&t=A COMBINATION OF SCRIPTS">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=A+COMBINATION+OF+SCRIPTS:%20http://monovektor.com/2011/02/combination-of-scripts/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/02/combination-of-scripts/&title=A+COMBINATION+OF+SCRIPTS">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/02/combination-of-scripts/&title=A+COMBINATION+OF+SCRIPTS">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-200" title="aMaze" src="http://monovektor.com/wp-content/uploads/2011/02/amaze.png" alt="" width="493" height="336" /></p>
<p>I have recently added some functions to two of my scripts; <a href="http://monovektor.com/2011/02/amaze/" target="_self">aMaze</a> and the <a href="http://monovektor.com/2011/02/tile-toy/" target="_self">Tile Toy</a>. The maze script can now save it&#8217;s wall data to a file which allows me to use it inside my Tile Toy script creating mazes with a completely different look. The appearance of the maze is now totally based on what kind of tiles I create within Tile Toy.</p>
<p><img class="size-large wp-image-189 alignnone" title="Tile Toy" src="http://monovektor.com/wp-content/uploads/2011/02/Picture-13-590x400.png" alt="" width="590" height="400" /></p>
<p>At the moment it only supports &#8216;single file&#8217; tiles therefore only five tiles are needed (since it is a perfect maze it has no need for a solitary tile). Actually that number is closer to four, as a four-way intersection seems to be very rarely used.</p>
<p><img class="alignnone size-full wp-image-187" title="Tiles" src="http://monovektor.com/wp-content/uploads/2011/02/Picture-4.png" alt="" width="180" height="47" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TILE TOY</title>
		<link>http://monovektor.com/2011/02/tile-pattern-toy/</link>
		<comments>http://monovektor.com/2011/02/tile-pattern-toy/#comments</comments>
		<pubDate>Thu, 10 Feb 2011 14:27:42 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Procedural Generation]]></category>
		<category><![CDATA[Symmetries]]></category>
		<category><![CDATA[thumb]]></category>
		<category><![CDATA[Tiles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=102</guid>
		<description><![CDATA[Finally my new script works! The idea was to make a script that would, out of limited number of tiles, create seemingly infinite variations of map- or roadlike patterns. The tiles needs some rules in order to pair them up so I drew some temporary lines representing roads just to make it easier to understand <a href="http://monovektor.com/2011/02/tile-pattern-toy/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/02/tile-pattern-toy/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/02/tile-pattern-toy/&t=TILE TOY">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=TILE+TOY:%20http://monovektor.com/2011/02/tile-pattern-toy/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/02/tile-pattern-toy/&title=TILE+TOY">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/02/tile-pattern-toy/&title=TILE+TOY">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p><a href="http://monovektor.com/wp-content/uploads/2011/02/Picture-1.png"><img class="alignnone size-large wp-image-103" title="A random non-repeating pattern" src="http://monovektor.com/wp-content/uploads/2011/02/Picture-1-590x578.png" alt="" width="590" height="578" /></a></p>
<p>Finally my new script works!</p>
<p>The idea was to make a script that would, out of limited number of tiles, create seemingly infinite variations of map- or roadlike patterns.</p>
<p>The tiles needs some rules in order to pair them up so I drew some temporary lines representing roads just to make it easier to understand how to match them up with each other. I soon noticed that I only needed six different variations in order to make a continous map/pattern without any of the lines ending abruptly.</p>
<p><img class="alignnone size-large wp-image-110" title="Base tile set" src="http://monovektor.com/wp-content/uploads/2011/02/Picture-8-590x122.png" alt="" width="590" height="122" /></p>
<p>No matter what tile the script chooses, it will always be possible to put another tile on either side of it and make it pair up with the rest of the pattern since all the roads lie on the symmetry axis. This is, on the other side, only true if each tile is &#8216;single filed&#8217;. The number of tiles needed will increase dramaticly with every additional &#8216;file&#8217;.</p>
<p>In the single file tile set above there are 16 possible ways of placing the tiles:</p>
<ul>
<li>Tile #1: 4 rotations</li>
<li>Tile #2: 4 rotations</li>
<li>Tile #3: 1 static</li>
<li>Tile #4: 2 rotations</li>
<li>Tile #5: 1 static</li>
<li>Tile #6: 4 rotations</li>
</ul>
<p>But, in a tile set with a higher number of files simply rotating the tile in 90º increments won&#8217;t do since it&#8217;s symmetry axis will be offset.</p>
<p><img class="alignnone size-medium wp-image-112" title="Tile reflections" src="http://monovektor.com/wp-content/uploads/2011/02/Picture-9-400x390.png" alt="" width="300" height="292" /></p>
<p>Evidently, reflecting a tile both vertically and horizontaly yields the same result as rotating 180º.</p>
<p>The script has to consider the fact that each tile should be able to both rotate and reflect.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/02/Picture-11.png"><img class="alignnone size-large wp-image-114" title="A randomly generated repeating pattern." src="http://monovektor.com/wp-content/uploads/2011/02/Picture-11-590x590.png" alt="" width="590" height="590" /></a></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
