<?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; 2D Packing</title>
	<atom:link href="http://www.bilderzucht.de/blog/tag/2d-packing/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  / Stripes</title>
		<link>https://www.bilderzucht.de/blog/2d-packing-stripes/</link>
		<comments>https://www.bilderzucht.de/blog/2d-packing-stripes/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 09:03:03 +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[Bilderzucht]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Sewing illustration]]></category>
		<category><![CDATA[Visual]]></category>

		<guid isPermaLink="false">http://www.bilderzucht.de/blog/?p=25</guid>
		<description><![CDATA[
 Here are parallelisms to Mosaic / 2d packing style eventough the system is oriented to  one direction.
With this technique you are able to purposely emphasize the movement in space and time of an object by its flow or structure in space. 
 Or work against it with intent. On the one hand there is [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.bilderzucht.de/Blog-Title/Header-streifen.jpg" alt="" /><br />
 Here are parallelisms to Mosaic / 2d packing style eventough the system is oriented to  one direction.</p>
<p>With this technique you are able to purposely emphasize the movement in space and time of an object by its flow or structure in space. <br />
 Or work against it with intent. On the one hand there is a intense structured pattern to one axis and some kind of more chaotical system on the other axis (remember we find ourselfes in a 2D Space).</p>
<h4>DIRECTION:</h4>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/angle.jpg"><img class="alignleft size-large wp-image-210" title="angle" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/angle-1024x687.jpg" alt="" width="609" height="408" /></a></p>
<p>Examples for different directions of a 2D-Packing / Stripe system.</p>
<p><br class="spacer_" /></p>
<h4>VARIATIONS:<br class="spacer_" /></h4>
<p><a href="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpacking-stripes-Variation.jpg"><img class="alignleft size-large wp-image-221" title="2dpacking-stripes-Variation" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/2dpacking-stripes-Variation-1024x545.jpg" alt="" width="609" height="324" /></a>Some Variations of lenght, chaos and form of the stripes.</p>
<h4>ANIMATION:</h4>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="610" height="340" 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=12334600&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="340" src="http://vimeo.com/moogaloop.swf?clip_id=12334600&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>
<p>Example for animation: I tried to use some kind of sewing effect. Remember these are always rough previews.</p>
<h4>CONCLUSION:</h4>
<p>It could be interesting to see this system operating in a more than one-directional way.</p>
<p>A next step would be to give the lines (non random) changes of direction.<br />
 So that the lines wouldn´t flow just in one direction but building curls or swirls (like something in a van gogh painting).<br />
 Or maybe furthermore find different directions for different objects within an illustration.</p>
<h4>LINKS:</h4>
<p><a href="http://www.dailyartpress.com/2009/06/awesome-matchstick-art.html" target="_blank"><img class="alignleft size-full wp-image-151" title="links-matchart" src="http://www.bilderzucht.de/blog/wp-content/uploads/2010/05/links-matchart.jpg" alt="" width="150" height="150" /></a> Matchstick art. Not realy the same but similiar</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-stripes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
