<?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>Visual Experiments Scripts 3D 2D Illustration &#187; Mosaic</title>
	<atom:link href="http://www.bilderzucht.de/blog/tag/mosaic/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bilderzucht.de/blog</link>
	<description>3D and 2D Illustrations Particle Scripts and more</description>
	<lastBuildDate>Thu, 01 Jul 2010 09:46:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>2D-Packing</title>
		<link>https://www.bilderzucht.de/blog/2d-packing-mosaic/</link>
		<comments>https://www.bilderzucht.de/blog/2d-packing-mosaic/#comments</comments>
		<pubDate>Wed, 26 May 2010 22:37:04 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[2D]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[2D Packing]]></category>
		<category><![CDATA[3D studio max]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Mosaic]]></category>

		<guid isPermaLink="false">http://www.bilderzucht.de/blog/?p=13</guid>
		<description><![CDATA[








INTRO
The Main concept of 2D Package art or Mosaic art is that clusters of similar pixels gets combined to a flat (here the biggest size goes about a square from 5 x 5 pixels)







For some historical background you may read the History part of my Voxelart/3d Pixel article. 
 In generell the packing of circles [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/Header-2Dpack.jpg"><img class="alignleft size-full wp-image-127" title="Header-2Dpack" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/Header-2Dpack.jpg" alt="" width="600" height="240" /></a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<h4>INTRO</h4>
<p>The Main concept of 2D Package art or Mosaic art is that clusters of similar pixels gets combined to a flat (here the biggest size goes about a square from 5 x 5 pixels)</p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/Start.jpg"><img class="alignleft size-full wp-image-154" title="Start" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/Start.jpg" alt="" width="610" height="210" /></a><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>For some historical background you may read the History part of my Voxelart/3d Pixel article. <br />
 In generell the packing of circles is a serious mathematical challenge (it belongs to Hilberts list of the 23 mathematical Problems).<br />
 Even though in this case there is another kind of core question but the final optical phenomenon is similiar.</p>
<p>The pieces or squares could be arranged in different angles or chaotical:</p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/angles.jpg"><img class="alignleft size-large wp-image-155" title="angles" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/angles-1024x235.jpg" alt="" width="611" height="140" /></a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<h4>SUBSTANCE:</h4>
<p>Those Pieces can now be replaced by appropriate sized pictures.</p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/obst.jpg"><img class="alignleft size-large wp-image-156" title="obst" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/obst-1024x694.jpg" alt="" width="611" height="413" /></a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>These content you now can vary in resolition:</p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/resolution.jpg"><img class="alignleft size-large wp-image-157" title="resolution" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/resolution-1023x201.jpg" alt="" width="611" height="120" /></a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>&#8230; and in Chaos. 1.  regular 2. different rotation 3. different scale :</p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/random-normal-rot-scale.jpg"><img class="alignleft size-large wp-image-158" title="random-normal-rot-scale" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/random-normal-rot-scale-1024x261.jpg" alt="" width="609" height="155" /></a></p>
<p>&#8230; or in position, scale and rotation at the same time:</p>
<h4><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/random-all.jpg"><img class="alignleft size-large wp-image-159" title="random-all" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/random-all-1024x705.jpg" alt="" width="610" height="419" /></a></h4>
<h4><br class="spacer_" /></h4>
<h4><br class="spacer_" /></h4>
<h4>ANIMATIONTEST</h4>
<p><br class="spacer_" /></p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="610" height="420" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12080217&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=969696&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="610" height="420" src="http://vimeo.com/moogaloop.swf?clip_id=12080217&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=969696&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<h4>CONCLUSION</h4>
<p>If you use squares this topic is related to pixel/voxel art but it appraoches in a more chaotic way. You don´t have that straight grid. The grid is disturbed by joint squares.</p>
<p>Could be interesting to find some own kind of rythm. Like don´t use every step of size (in my case I used square 1&#215;1 to square 5&#215;5) but get restircted to fixed numbers like in music. And Furthermore wire these rythmical restrictions to a dimensions in space or time.</p>
<h4>LINKS<a href="http://www.google.de/search?q=Giuseppe+Arcimboldo" target="_blank"><br />
 </a></h4>
<p><a href="http://www.google.de/search?q=Giuseppe+Arcimboldo" target="_blank"><img title="2dpack-links-guiseppe-arci" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links-guiseppe-arci-150x150.jpg" alt="" width="150" height="150" /></a> Giuseppe Arcimboldo. This is not realy mosaic but some kind of similiar</p>
<p><a href="http://www.tsevis.com/" target="_blank"><img class="alignleft size-thumbnail wp-image-134" title="2dpack-links-tsevis" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links-tsevis-150x150.jpg" alt="" width="150" height="150" /></a>Charis Tsevis Mosaic art.<br />
 The only artist I found, working with this technique</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><a href="http://www.cricketschirping.com/weblog/2007/06/18/processing-sketch-circle-packing/" target="_blank"><img class="alignleft size-thumbnail wp-image-129" title="2dpack-links02-circlepacking" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links02-circlepacking1-150x150.jpg" alt="" width="150" height="150" /></a>Circle Packing Algorithm</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><a href="http://jarek-rhinoscripts.blogspot.com/2010/01/image-based-circle-packing.html" target="_blank"><img class="alignleft size-thumbnail wp-image-130" title="2dpack-links03-rhinocirclepacking" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links03-rhinocirclepacking-150x150.jpg" alt="" width="150" height="150" /></a> Image Based Circle Packing script for Rhino</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><a href="http://www.flickr.com/photos/quasimondo/2489611304/in/photostream/" target="_blank"><img class="alignleft size-thumbnail wp-image-131" title="2dpack-links04-quasimondo-triangle" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links04-quasimondo-triangle-150x150.jpg" alt="" width="150" height="150" /></a> Pictures of Circle Packing used on triangle flats</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpack-links-guiseppe-arci.jpg"><br />
 </a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><a href="http://www2.stetson.edu/~efriedma/squinsqu/" target="_blank"><img class="alignleft size-thumbnail wp-image-133" title="links-05-mathlist" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/links-05-mathlist-150x150.jpg" alt="" width="150" height="150" /></a>Very mathematical. But a good overview of possible packings.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
]]></content:encoded>
			<wfw:commentRss>https://www.bilderzucht.de/blog/2d-packing-mosaic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
