<?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>Design computing</title>
	<atom:link href="http://whitegreen.org/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://whitegreen.org/blog</link>
	<description>Architecture &#38;  Informatics</description>
	<lastBuildDate>Sun, 03 Feb 2013 11:35:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Twin Cabin</title>
		<link>http://whitegreen.org/blog/2013/02/02/twin-cabin/</link>
		<comments>http://whitegreen.org/blog/2013/02/02/twin-cabin/#comments</comments>
		<pubDate>Sat, 02 Feb 2013 13:35:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=308</guid>
		<description><![CDATA[Even twins are identical, they can act differently. The &#8220;Twin Cabin&#8221; project put two &#8220;identical&#8221; cabins together to see the interplay between them. The two are encoded with the same logic in terms of the topology, the shape and the fabrication of materials. The architecture made of the twin cabins is a self-referential algebraic system. [...]]]></description>
			<content:encoded><![CDATA[<p>Even twins are identical, they can act differently. The &#8220;Twin Cabin&#8221; project put two &#8220;identical&#8221; cabins together to see the interplay between them. The two are encoded with the same logic in terms of the topology, the shape and the fabrication of materials. The architecture made of the twin cabins is a self-referential algebraic system. The multiplicity in the algebraic correlations between the two “identical ” leads to a large variety of the final articulation.</p>
<p>Each cabin has a simple inner hierarchy: cabin, facades, segments (of facade), pieces of materials. The geometrical arrangement of objects in the lower level becomes the texture for the higher level objects. Thus the higher level objects become the media for the information in the lower level.</p>

<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material8/' title='material8'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material8-310x150.png" class="attachment-thumbnail" alt="material8" title="material8" /></a>
<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material7/' title='material7'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material7-310x150.png" class="attachment-thumbnail" alt="material7" title="material7" /></a>
<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material6/' title='material6'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material6-310x150.png" class="attachment-thumbnail" alt="material6" title="material6" /></a>
<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material3/' title='material3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material3-310x150.png" class="attachment-thumbnail" alt="material3" title="material3" /></a>
<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material2/' title='material2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material2-310x150.png" class="attachment-thumbnail" alt="material2" title="material2" /></a>
<a href='http://whitegreen.org/blog/2013/02/02/twin-cabin/material1/' title='material1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/02/material1-310x150.png" class="attachment-thumbnail" alt="material1" title="material1" /></a>

]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2013/02/02/twin-cabin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Room Loom II</title>
		<link>http://whitegreen.org/blog/2013/01/09/room-loom-ii/</link>
		<comments>http://whitegreen.org/blog/2013/01/09/room-loom-ii/#comments</comments>
		<pubDate>Wed, 09 Jan 2013 09:29:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=296</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan9/' title='plan9'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan9-310x150.png" class="attachment-thumbnail" alt="plan9" title="plan9" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan8/' title='plan8'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan8-310x150.png" class="attachment-thumbnail" alt="plan8" title="plan8" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan7/' title='plan7'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan7-310x150.png" class="attachment-thumbnail" alt="plan7" title="plan7" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan6/' title='plan6'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan6-310x150.png" class="attachment-thumbnail" alt="plan6" title="plan6" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan5/' title='plan5'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan5-310x150.png" class="attachment-thumbnail" alt="plan5" title="plan5" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan4/' title='plan4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan4-310x150.png" class="attachment-thumbnail" alt="plan4" title="plan4" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan3/' title='plan3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan3-310x150.png" class="attachment-thumbnail" alt="plan3" title="plan3" /></a>
<a href='http://whitegreen.org/blog/2013/01/09/room-loom-ii/plan2/' title='plan2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2013/01/plan2-310x150.png" class="attachment-thumbnail" alt="plan2" title="plan2" /></a>

]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2013/01/09/room-loom-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Room Loom</title>
		<link>http://whitegreen.org/blog/2012/12/27/room-loom-2/</link>
		<comments>http://whitegreen.org/blog/2012/12/27/room-loom-2/#comments</comments>
		<pubDate>Thu, 27 Dec 2012 11:24:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=285</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom10-2/' title='roomloom10'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom101-310x150.png" class="attachment-thumbnail" alt="roomloom10" title="roomloom10" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom9-2/' title='roomloom9'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom91-310x150.png" class="attachment-thumbnail" alt="roomloom9" title="roomloom9" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom8-2/' title='roomloom8'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom81-310x150.png" class="attachment-thumbnail" alt="roomloom8" title="roomloom8" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom7-2/' title='roomloom7'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom71-310x150.png" class="attachment-thumbnail" alt="roomloom7" title="roomloom7" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom6-2/' title='roomloom6'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom61-310x150.png" class="attachment-thumbnail" alt="roomloom6" title="roomloom6" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom5-2/' title='roomloom5'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom51-310x150.png" class="attachment-thumbnail" alt="roomloom5" title="roomloom5" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom4-2/' title='roomloom4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom41-310x150.png" class="attachment-thumbnail" alt="roomloom4" title="roomloom4" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom3/' title='roomloom3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom3-310x150.png" class="attachment-thumbnail" alt="roomloom3" title="roomloom3" /></a>
<a href='http://whitegreen.org/blog/2012/12/27/room-loom-2/roomloom1/' title='roomloom1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/12/roomloom1-310x150.png" class="attachment-thumbnail" alt="roomloom1" title="roomloom1" /></a>

]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/12/27/room-loom-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boolean Machine</title>
		<link>http://whitegreen.org/blog/2012/06/26/bool-machine/</link>
		<comments>http://whitegreen.org/blog/2012/06/26/bool-machine/#comments</comments>
		<pubDate>Tue, 26 Jun 2012 13:30:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=198</guid>
		<description><![CDATA[The Boolean Machine is a general model of parametric models whose nodes make affine transformations and boolean operations on solid geometry. The nodes are structured in a hierarchy which is generated by the model in a probabilistic manner. Once the hierarchy is built, the general model becomes a specific parametric model with a fixed topology [...]]]></description>
			<content:encoded><![CDATA[<p>The Boolean Machine is a general model of parametric models whose nodes make affine transformations and boolean operations on solid geometry. The nodes are structured in a hierarchy which is generated by the model in a probabilistic manner. Once the hierarchy is built, the general model becomes a specific parametric model with a fixed topology of nodes. Each node parameterizes the affine transformations and boolean operations on its children. The end nodes are simply boxes. Complicated geometries are generated by applying the simple operations successively, which is implemented by any specific models generated by the general model &#8211; boolean machine.</p>
<p>Besides, A set of rules are programmed to select the resulting geometries as useful volumes of architecture. The distributions of areas on each floor (built by slicing the solid volume), the complexity of the boundaries of the floors and the compactness of the floor shapes are among the main concerns. Through this method, a loose but rich link between  the 3-d articulations and the 2-d shapes of floors are established.</p>
<p>Programmed in Java</p>
<p>June 2012</p>

<a href='http://whitegreen.org/blog/2012/06/26/bool-machine/m1-2/' title='m1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/06/m11-310x150.png" class="attachment-thumbnail" alt="m1" title="m1" /></a>
<a href='http://whitegreen.org/blog/2012/06/26/bool-machine/m4-2/' title='m4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/06/m41-310x150.png" class="attachment-thumbnail" alt="m4" title="m4" /></a>
<a href='http://whitegreen.org/blog/2012/06/26/bool-machine/m3-2/' title='m3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/06/m31-310x150.png" class="attachment-thumbnail" alt="m3" title="m3" /></a>
<a href='http://whitegreen.org/blog/2012/06/26/bool-machine/m2-2/' title='m2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/06/m21-310x150.png" class="attachment-thumbnail" alt="m2" title="m2" /></a>
<a href='http://whitegreen.org/blog/2012/06/26/bool-machine/m8/' title='m8'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/06/m8-310x150.png" class="attachment-thumbnail" alt="m8" title="m8" /></a>

]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/06/26/bool-machine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Double Generator</title>
		<link>http://whitegreen.org/blog/2012/05/04/double-generator/</link>
		<comments>http://whitegreen.org/blog/2012/05/04/double-generator/#comments</comments>
		<pubDate>Fri, 04 May 2012 15:03:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=148</guid>
		<description><![CDATA[This experiment commences with the concept of the “family” of models. The models of the same family do not necessarily bear similarities in the structures or in the functions; what is essential is they communicate with another family of models in a similar way. The critical condition for the interplay of two models is a [...]]]></description>
			<content:encoded><![CDATA[<p>This experiment commences with the concept of the “family” of models. The models of the same family do not necessarily bear similarities in the structures or in the functions; what is essential is they communicate with another family of models in a similar way. The critical condition for the interplay of two models is a unique communication between the two rather than a shared representation shared by the two.</p>
<p>Two family of models are built for architecture, one for the 3-d form of the building, another for the floor plans. The two models are often loosely coupled, in other words, the two are closely related to each other rather than be determined by the other. In this experiment, this relationship is established through a flexible communication channel.</p>
<p>Two members of  3-d form family:</p>
<p>1. Perlin: smooth surfaces constructed from a scalar field of Perlin noise.</p>
<p>2. Cubes: geometry resulted from boolean operation of three cubes.</p>
<p>Two members of floor plan family:</p>
<p>1. Central corridor: creates an horizontal (along the long side of the floor) corridor around the center of the floor.</p>
<p>2. Voronoi: arranges the corridor and the rooms based on Voronoi tessellation of the floor area.</p>
<p>&nbsp;</p>
<p>Programmed in Java</p>
<p>April 2012</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://whitegreen.org/blog/2012/05/04/double-generator/double0/" rel="attachment wp-att-149"><img class="alignnone size-full wp-image-149" title="double0" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/double0.png" alt="" width="950" height="425" /></a></p>

<a href='http://whitegreen.org/blog/2012/05/04/double-generator/double0/' title='double0'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/double0-310x150.png" class="attachment-thumbnail" alt="double0" title="double0" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/double8/' title='double8'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/double8-310x150.png" class="attachment-thumbnail" alt="double8" title="double8" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg7/' title='dg7'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg7-310x150.png" class="attachment-thumbnail" alt="dg7" title="dg7" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg6/' title='dg6'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg6-310x150.png" class="attachment-thumbnail" alt="dg6" title="dg6" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg5/' title='dg5'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg5-310x150.png" class="attachment-thumbnail" alt="dg5" title="dg5" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg4/' title='dg4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg4-310x150.png" class="attachment-thumbnail" alt="dg4" title="dg4" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg3/' title='dg3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg3-310x150.png" class="attachment-thumbnail" alt="dg3" title="dg3" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg2/' title='dg2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg2-310x150.png" class="attachment-thumbnail" alt="dg2" title="dg2" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg1/' title='dg1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg1-310x150.png" class="attachment-thumbnail" alt="dg1" title="dg1" /></a>
<a href='http://whitegreen.org/blog/2012/05/04/double-generator/dg0/' title='dg0'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/05/dg0-310x150.png" class="attachment-thumbnail" alt="dg0" title="dg0" /></a>

]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/05/04/double-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grid &amp; Vol  I</title>
		<link>http://whitegreen.org/blog/2012/02/07/grid-vol-ii/</link>
		<comments>http://whitegreen.org/blog/2012/02/07/grid-vol-ii/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 09:38:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=112</guid>
		<description><![CDATA[A pair of grids and a pair of volumes are employed to generate architectural forms. This experiment commences with two groups generators, each group consists of a grid and a volume which are twisted with each other. Inside each group, the floors are generated on the grid and within the volume. An optimization process is to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://whitegreen.org/blog/2012/02/07/grid-vol-ii/himmelblau-1/" rel="attachment wp-att-113"><img class="alignnone size-full wp-image-113" title="himmelblau 1" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelblau-1.png" alt="" width="950" height="425" /></a></p>
<p>A pair of grids and a pair of volumes are employed to generate architectural forms. This experiment commences with two groups generators, each group consists of a grid and a volume which are twisted with each other. Inside each group, the floors are generated on the grid and within the volume.</p>
<p>An optimization process is to arrange positions (in vertical direction) of floors such that the total area of floors are maximum and all floors have a proper height. Since the floors are associated with both the grid and the twisted volume, generating all floors without conflict by rule-based method is not available. Instead, an optimization process starting from random initialization is more reasonable in this situation. Besides, such process is better at generating alternative solutions than rule-based methods. Both “generate and test” and simulated annealing are tried for optimization. The convergence speed of the methods are similar in this experiment, both takes hundreds to one thousand iterations to get satisfying results.</p>
<div>
<p>Programmed in Java</p>
<p>January 2012</p>
</div>
<p>video:<br />
<iframe src="http://www.youtube.com/embed/Ek-8KMDXo4M" frameborder="0" width="640" height="360"></iframe><br />

<a href='http://whitegreen.org/blog/2012/02/07/grid-vol-ii/himmelblau-1/' title='himmelblau 1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelblau-1-310x150.png" class="attachment-thumbnail" alt="himmelblau 1" title="himmelblau 1" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/grid-vol-ii/himmelblau-2/' title='himmelblau 2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelblau-2-310x150.png" class="attachment-thumbnail" alt="himmelblau 2" title="himmelblau 2" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/grid-vol-ii/himmelblau-3/' title='himmelblau 3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelblau-3-310x150.png" class="attachment-thumbnail" alt="himmelblau 3" title="himmelblau 3" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/grid-vol-ii/himmelblau-4/' title='himmelblau 4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelblau-4-310x150.png" class="attachment-thumbnail" alt="himmelblau 4" title="himmelblau 4" /></a>
</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/02/07/grid-vol-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gird &amp; Vol II</title>
		<link>http://whitegreen.org/blog/2012/02/07/gird-volume/</link>
		<comments>http://whitegreen.org/blog/2012/02/07/gird-volume/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 09:26:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=106</guid>
		<description><![CDATA[The research is partially inspired by Colin Rowe’s celebrating paper (1947) “The mathematics of the Ideal Villa”. The paper coined the so called “ABABA” rhythm of the grid underlying both Le Corbusier and Palladio’s villa design. The proportion of grid is 2:1:2:1:2 in one direction, other direction has factors of 1.5 and 2(1.5+0.5). A similar [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://whitegreen.org/blog/2012/02/07/gird-volume/stein-1/" rel="attachment wp-att-107"><img class="alignnone size-full wp-image-107" title="stein 1" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-1.png" alt="" width="950" height="425" /></a></p>
<p>The research is partially inspired by Colin Rowe’s celebrating paper (1947) “The mathematics of the Ideal Villa”. The paper coined the so called “ABABA” rhythm of the grid underlying both Le Corbusier and Palladio’s villa design. The proportion of grid is 2:1:2:1:2 in one direction, other direction has factors of 1.5 and 2(1.5+0.5). A similar grid plays an essential role in both designs. However, this paper might be misleading that the two designs are dominated by the grid. Quite obviously, the model of volume also plays an essential role in both designs, Palladio’s villa employed symmetry volumes while Le Corbusier used subtraction of volumes.  If we regard the grid and the volume in Malcontenat and Garches are well correlated, some deconstructivism architects strive to evoke the conflicts between the two model. Re-organizing these conflicts leads to meaningful compositions.</p>
<p>The experiment arranges rooms and functional units (e.g. entrance hall, terrace, stair case) on a grid and within a single cuboid volume. The grid adopts the rhythm of the grid in Villa Stein (Rowe 1947). The volume is divided into several layers by a fixed interval(equal to the height of the floor). These layers of volumes are further subdivided into smaller volumes by the underlying grid. The functional units occupy the subdivided volumes(one unit could occupy many units), as a result, the boundaries of the units are aligned with the gird and all the units are within the original cuboid volume.</p>
<p>The experiment defines four functional units: an two-layer high entrance hall, a stair case, a two-layer high conference room and a terrace. There units are randomly generated under certain constraints, for example, the entrance hall have to be in the first layer and be directly accessible for outside of the volume. The area of the units are also constrained.</p>
<p>An optimization process is to improve the composition of functional units. The concerns include:</p>
<p>1. The position of the stair case should facilitate the circulation.</p>
<p>2. Avoid the collisions between the functional units.</p>
<div>
<p>Programmed in Java</p>
<p>June 2012</p>
</div>
<div></div>
<p>video:<br />
<iframe src="http://www.youtube.com/embed/18Kb0BU9nOk" frameborder="0" width="640" height="360"></iframe><br />

<a href='http://whitegreen.org/blog/2012/02/07/gird-volume/stein-1/' title='stein 1'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-1-310x150.png" class="attachment-thumbnail" alt="stein 1" title="stein 1" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/gird-volume/stein-2/' title='stein 2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-2-310x150.png" class="attachment-thumbnail" alt="stein 2" title="stein 2" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/gird-volume/stein-3/' title='stein 3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-3-310x150.png" class="attachment-thumbnail" alt="stein 3" title="stein 3" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/gird-volume/stein-4/' title='stein 4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-4-310x150.png" class="attachment-thumbnail" alt="stein 4" title="stein 4" /></a>
<a href='http://whitegreen.org/blog/2012/02/07/gird-volume/stein-5/' title='stein 5'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/stein-5-310x150.png" class="attachment-thumbnail" alt="stein 5" title="stein 5" /></a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/02/07/gird-volume/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Floating Space</title>
		<link>http://whitegreen.org/blog/2012/02/07/sharing-space/</link>
		<comments>http://whitegreen.org/blog/2012/02/07/sharing-space/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 09:15:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=100</guid>
		<description><![CDATA[Programmed in Java September 2010 video:]]></description>
			<content:encoded><![CDATA[<p><a href="http://whitegreen.org/blog/2012/02/07/sharing-space/sharing-space-1/" rel="attachment wp-att-101"><img class="alignnone size-full wp-image-101" title="sharing space 1" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/sharing-space-1.png" alt="" width="950" height="425" /></a></p>
<p>Programmed in Java</p>
<p>September 2010</p>
<p>video:<br />
<iframe src="http://www.youtube.com/embed/Ghv8CgUgRhQ" frameborder="0" width="640" height="480"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/02/07/sharing-space/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Himmelstadt</title>
		<link>http://whitegreen.org/blog/2012/02/07/himmelstadt/</link>
		<comments>http://whitegreen.org/blog/2012/02/07/himmelstadt/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 09:04:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=95</guid>
		<description><![CDATA[The project of Himmelstadt asks if self-organizing system could be systematically regulated according to the user’s preference for global behavior. Self-organizing has benn appreciated by architects and urban planners for its richness in the emerged global behaviors, however, design and self-organizing is contradict in principle: the former approach often assumes a methodical step-by-step planning process [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://whitegreen.org/blog/2012/02/07/himmelstadt/himmelstadt-1/" rel="attachment wp-att-96"><img class="alignnone size-full wp-image-96" title="himmelstadt 1" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/himmelstadt-1.png" alt="" width="950" height="425" /></a></p>
<p>The project of Himmelstadt asks if self-organizing system could be systematically regulated according to the user’s preference for global behavior. Self-organizing has benn appreciated by architects and urban planners for its richness in the emerged global behaviors, however, design and self-organizing is contradict in principle:</p>
<p><em>the former approach often assumes a methodical step-by-step planning process with predictable outcomes, whereas the later involves nondeterministic spontaneous dynamics with emergent features. </em>- Prokopenko 2008</p>
<p>This experiment is to evolve the rules of Cellular Automata (CA) according to the observer’s preference for global patterns. A CA with eight neighbors is employed, the state of a cell in the next iteration is determined by the current states of the 3×3 grid around it. Thus, the updating rules is a function that has nine boolean inputs and one boolean output. The task is to derive a specific function which leads to a preferred global behavior. Based on the interface, the user could select one particular CA to see an animation of the evolving process. By these images or animations, the user could input his preferences (give high scores to several favourite ones ). Then the computer would create a new generation of CAs by reproducing, mutating and crossing the preferred ones. The procedure is very similar to genetic algorithm, in which the new generation always has new variations and probabilistically moves towards certain direction imposed by the selection.</p>
<p>At the final stage, the selected CA is used to simulate the development of a city district. There are two aspects which are valuable for architects or planners. One is about the form which might contain interesting shapes or special topological structures; the other is about the stability of the dynamical system: some CAs would convergence to a certain pattern (towards equilibrium) even with different initial states; by contrast some others would have very different results even with similar initial states.</p>
<p>&nbsp;</p>
<p>Programmed in Processing</p>
<p>CAAD/ETH MAS module with Brian</p>
<p>January 2010</p>
<p>video:<br />
<iframe src="http://www.youtube.com/embed/4c06eGaAqmA" frameborder="0" width="640" height="360"></iframe></p>
<p>Evolution of Cellular Automata based on user preference<br />
<iframe src="http://www.youtube.com/embed/UfrpMlOls2I" frameborder="0" width="640" height="360"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/02/07/himmelstadt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Self Assembly</title>
		<link>http://whitegreen.org/blog/2012/02/02/ssdf/</link>
		<comments>http://whitegreen.org/blog/2012/02/02/ssdf/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 16:30:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://whitegreen.org/blog/?p=35</guid>
		<description><![CDATA[This experiment employs three distinct models for generating floor plans: a set of shapes, graph and polygons. From a viewpoint of architecture, three models fall into two categories: the model for the solids(the wall) and the model for the rooms. The set of shapes are employed to represent the solids; the graph and the polygons [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://whitegreen.org/blog/2012/02/02/ssdf/selfassembly_1-2/" rel="attachment wp-att-36"><img class="alignnone size-full wp-image-36" title="selfassembly_1 2" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/selfassembly_1-2.jpg" alt="" width="950" height="425" /></a></p>
<p>This experiment employs three distinct models for generating floor plans: a set of shapes, graph and polygons. From a viewpoint of architecture, three models fall into two categories: the model for the solids(the wall) and the model for the rooms. The set of shapes are employed to represent the solids; the graph and the polygons are used to represent the rooms.</p>
<p>The set of shapes include simple shapes like “T” shapes, “+” shapes, circles, quadrangles and so on. A set of these shapes constitutes a wall system that make partitions of spaces.</p>
<p>The graph is employed to represent the topology of the rooms. The method is very similar to Hillier’s (1986) formulation. Every node denotes a room, a link between two rooms means that two rooms have to be next to each other and be accessible from each other. The topological information of the rooms are inputs of the program.</p>
<p>The polygon is the model to represent each room. The main concerns in this model is how good(or bad) is a polygon as a room? First of all, the area of the polygon is obviously an important criteria. Beside, the rectangle as the “standard” shape of the room is employed to measure how good(or bad) is the shape of the polygon. The larger the overlap area between the rectangle and the polygon, the better the polygon is.</p>
<p>The process to generate the floor plans with the three models include the following steps:</p>
<p>1. make a composition with the predefined shapes, detect all closed regions as potential rooms.</p>
<p>2. Find a set of regions that satisfies the predefined topology of rooms by graph matching algorithm.</p>
<p>3. Change all the shapes gradually to improve the areas of the selected regions. The topology between these regions are kept still.</p>
<p>4. Change all the shapes gradually to improve the shape of every selected region. The topology between these regions are kept still.</p>
<p>&nbsp;</p>
<p>Programmed in Java</p>
<p>September 2011</p>
<p>&nbsp;</p>
<p>video:</p>
<p><iframe src="http://www.youtube.com/embed/-zNgXj9I6-I" frameborder="0" width="640" height="360"></iframe></p>
<p>&nbsp;</p>

<a href='http://whitegreen.org/blog/2012/02/02/ssdf/selfassembly_1-2/' title='selfassembly_1 2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/selfassembly_1-2-310x150.jpg" class="attachment-thumbnail" alt="selfassembly_1 2" title="selfassembly_1 2" /></a>
<a href='http://whitegreen.org/blog/2012/02/02/ssdf/self-assembly-2/' title='self-assembly 2'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/self-assembly-2-310x150.png" class="attachment-thumbnail" alt="self-assembly 2" title="self-assembly 2" /></a>
<a href='http://whitegreen.org/blog/2012/02/02/ssdf/self-assembly-3/' title='self-assembly 3'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/self-assembly-3-310x150.png" class="attachment-thumbnail" alt="self-assembly 3" title="self-assembly 3" /></a>
<a href='http://whitegreen.org/blog/2012/02/02/ssdf/self-4/' title='self 4'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/self-4-310x150.png" class="attachment-thumbnail" alt="self 4" title="self 4" /></a>
<a href='http://whitegreen.org/blog/2012/02/02/ssdf/self-5/' title='self 5'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/self-5-310x150.png" class="attachment-thumbnail" alt="self 5" title="self 5" /></a>
<a href='http://whitegreen.org/blog/2012/02/02/ssdf/self-6/' title='self 6'><img width="310" height="150" src="http://whitegreen.org/blog/wp-content/uploads/2012/02/self-6-310x150.png" class="attachment-thumbnail" alt="self 6" title="self 6" /></a>

<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://whitegreen.org/blog/2012/02/02/ssdf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
