/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/

To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>

[[Back to Front Page|B a b e l]]
[[Back to GALLERY INDEX|Gallery]]
!!2009 26MAR
Foci area within the image have been muted in their effect. Much more subtle. Work more now to "disturb" local area color organization rather than "focus" it in any one direction. It's a biasing function, but implemented at random. Some of the foci areas are evident in the final image, others are not. They do provide a function to break up the otherwise homogeneous background interactions.
!!!
<html>
<b>01: DELTA box</b> Mutation rate was higher at 7% and the initial color fields of organization become swamped by the background disorganization (download the movie files below):<br>
<u><a href="03/Delta-090302.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="03/Delta-090302.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<b>Starting Image:<br>
<img src="03/Delta-090302-080x060-00000-00000-000000000.png" style="height:250px"><br>
Ending Image:<br>
<img src="03/Delta-090302-080x060-10816-02535-001055431.png" style="height:250px"><br>
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for your iPhone//^^
!

[[Back to Gallery Index|Gallery]]
!!!
<html>
<img src="00/Boxes-081130-080x060-02850-00820-000429723.png" style="height:300px"><br>
Working with a larger grid (80x60) results in an exponential increase in processing time. This image started as a random tile grid with two larger boxes on top. Run is still going as this image is only generation # 429,723. Color balance is better and edge effects are not present. Download the evolution QT movie file: <br>
<u><a href="00/BabelImage-Boxes-12DEC.mov"> B O X E S </a></u>
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for iPhone//^^
!

[[Back to Gallery Index|Gallery]]
!!!30NOV:
<html><table><tr>
<td><img src="00/Babel-081128-040x030-008070-02526-0000956045.png" style="height:200px"></td></tr>
<tr><td> This image started as a random 30x40 tile grid. I stopped the run after 956,000 generations. Download the evolution QT movie file: <u><a href="00/BabelImage-29NOV-Random.mov"> R A N D O M </a></u></td></tr>
<tr><tr></tr>
<td><img src="00/RedSquare-081128-040x030-007820-02458-0000933148.png" style="height:200px"></td></tr>
<tr><td> <b>Red Square:</b> As a test for the selection criteria applied at each generation, I started this run with a small red square in the middle of the grid to see how "stable" it would be and whether or not it would influence the organization of color tiles around it. Download evolution QT movie file: <u><a href="00/BabelImage-29NOV-RedSquare.mov"> R e d S q u a r e </a></u></td></tr>
<tr><tr></tr>
<td><img src="00/BlueSquare1-081128-040x030-005650-01935-0000661053.png" style="height:200px"></td></tr>
<tr><td><b>BlueSquare1:</b> Same idea as Red Square, but I tweaked with some of the rate processes to see if I could keep the image from going so gray (i.e. equal r,g and b values). Download evolution QT movie file: <u><a href="00/BabelImage-29NOV-BlueSquare1.mov"> B l u e S q u a r e 1 </a></u></td></tr>
<tr><tr></tr>
<td><img src="00/BlueSquare2-081128-040x030-004100-01318-0000592764.png" style="height:200px"></td></tr>
<tr><td> <b>BlueSquare2:</b> BS1 still turned out fairly gray. More tweaks for color selection to add a score penalty for when rgb values were within 10% of each other. Download evolution QT movie file: <u><a href="color/BabelImage-29NOV-BlueSquare2.mov"> B l u e S q u a r e 2 </a></u></td>
</tr></table></html>

[[Back to Gallery Index|Gallery]]
!!!2009 03JAN
''Exponential organization in color maps: '' The babel script seems to have developed a "sweet spot" where once a organization threshold is reached, there is a synergistic feedback such that the score evolution rate becomes exponential rather than hyperbolic. The "05" run (''Fuscia Field'') reached this point early on. But now, it's sibling runs 03 and 04 also appear to have reached this dynamic state . . . . (see score plot below). One of the key determinants of this behavior appears to be an unequal representation of each r g b value. Somehow, by skewing the values for one channel over the others (think unequal %GC composition in genomes), a point is reached in the further evolution of the image where there is a positive feedback of the existing color distribution on the color distribution in ancestors. (These script runs were all started on 30DEC08 and have reached +400,000 generations.)
<html>
<b>05: Fuscia Field</b> This image started with two strips and a square against a random color field. The max Mute Rate was 10% and so these color elements were rapidly lost (download the movie file: <u><a href="01/090103-Babel-03Jan-fusciafield.m4v" target="_blank"> iPod *.m4v M O V I E </a></u> . . . or . . . <u><a href="01/090103-Babel-03Jan-fusciafield.mov" target="_blank"> QuickTime *.mov M O V I E </a></u>)<br>
<img src="01/090103-Babel05-081230-040x030-06480-04993-000387733.png" style="height:300px"><br>
<b>03</b> This image started with a small green rectangle against a random field. What is intriguing is that this color shape was rapidly lost (10% max MR), but it later reappears as a defined area (download the m4v movie file: <u><a href="01/090103-Babel-03JAN-greenbox.m4v" target="_blank"> iPod *.m4v M O V I E </a></u> . . . or . . . <u><a href="01/090103-Babel-03JAN-greenbox.mov" target="_blank"> QuickTime *.mov M O V I E </a></u>)<br>
<img src="01/090103-Babel03-081230-040x030-05010-02092-000506730.png" style="height:300px"><br>
<b>04</b><br><img src="01/090103-Babel04-081230-040x030-05280-02259-000506770.png" style="height:300px"><br>
<b>Score Plots:</b> The 05 run showed an exponential surge toward organization. The 03 and 04 runs are only just now (+400,000 generations) exhibiting that synergistic organization.<br><img src="01/090103-PlotData-MuteScores.png" style="height:400px">
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for iPhone//^^
!

[[Back to Front Page|B a b e l]]
!!!2009 08JAN
''How does order interact with disorder? '' These runs seed the random field with a single color square. By keeping the max mute rate at 5%, the rgb data of the squares persists throughout the course of evolution, although the information itself is transformed. These runs were started on 31 DEC 2008 and required 216 h of cpu time to reach 1 million generations.
<html>
<b>01: Square alpha</b> This image started with a single green square against a random color field. The max Mute Rate was 5% and so the color elements of the square still persist in some form at the end of 1 million generations (download the movie files below):<br>
<u><a href="01/090108-Babel01-081231.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="01/090108-Babel01-081231.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<img src="01/090108-Babel01-081231-040x030-18260-08716-001098088.png" style="height:250px"><br>
<b>02: Square beta</b> This image started with a purple square against a random field. Across 1 million generations the Blue channel values persist, but the red is lost so that at the end, the purple square is now a blue smudge (download the movie files below):<br>
<u><a href="01/090108-Babel02-081231.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="01/090108-Babel02-081231.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<img src="01/090108-Babel02-081231-040x030-16230-07893-001060214.png" style="height:250px"><br>
<b>Score Plots:</b> The 01 and 02 runs show a rapid exponential surge toward organization at the end of the run. The sudden up-tick at the 1 million generation mark for both is suspicious . . . . need to check code about what control loops may be activated at that generation point. You can easily scroll the movies arounf that generation number (last number in file id string).<br>
<img src="01/090108-PlotData-ColorScore.png" style="height:350px">
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for iPhone//^^
!

[[Back to Front Page|B a b e l]]
!!''How does order interact with disorder? ''
These runs seed the random field with a single color square. By keeping the max mute rate at 5%, the rgb data of the squares persists throughout the course of evolution, although the information itself is transformed. These runs were started near the end of January and required about 1 month of CPU time to reach 1 million generations.
!!!
<html>
<b>01: GAMMA box</b> Mutation rate was higher at 7% and the initial color fields of organization become swamped by the background disorganization (download the movie files below):<br>
<u><a href="02/Gamma-090122.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="02/Gamma-090122.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<img src="02/Gamma-090122-040x030-10053-02462-001245252.png" style="height:250px"><br>
<b>02: Alpha stripes</b> The initial color stripes could not persist again the stochastic disorder of the developing background color field. Patterns are quickly swamped, but in the end, organization emerges (download the movie files below):<br>
<u><a href="02/Alpha-090115.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="02/Alpha-090115.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<img src="02/Alpha-090115-040x030-07805-03810-000940891.png" style="height:250px"><br>
<b>03: Red Sea</b> Working with larger image scales (120x90). Much greater computational time requirement. Here a routine was added to the script to provide some subtle areas of color bias across the background. Those "foci" areas were too focused/dominant in this run. But the idea is to breakup the selection drive towards a homogeneous background (download the movie files below):<br>
<u><a href="02/Babel06r-090102.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="02/Babel06r-090102.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<img src="02/Babel06r-090102-120x090-14790-02027-000653851.png" style="height:250px"><br>
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for your iPhone//^^
!

[[Back to Front Page|B a b e l]]
!!2010-Fall
Two objectives:
# Adjust the selection criteria so that pixels are asymmetrically affected by their local neighborhood, ie some neighbors have a greater effect than others. What happens is that 'a wave' of color information develops and slowly moves in the direction of the asymmetry.
# Work on larger scales by using virtual computational resources in a computing cloud environment. The computational overhead of working with just a 360x240 image grid requires more serious CPU architectures. The AWS offers a variety of configurations so that without having to purchase a $14k server, I can at least use one for a month of two at a small fraction of that cost.
!!!
<html>
<b>01: Moving to the cloud:</b> This is a 360x240 image in progress currently running on a virtual server in Amazon's cloud services (download the movie files below):<br>
<u><a href="06/100823-BigRun.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<b>Starting Image:<br>
<img src="06/Babel-100823-360x240-00000-00000-00000000.png" style="height:250px"><br>
Image Progress:<br>
<img src="06/Babel-100823-360x240-05569-00766-00098276.png" style="height:250px"><br>
</html>
!
<html>
<b>02: Streblospio Server</b> This is an 80x60 image. (download the movie files below):<br>
<u><a href="06/100821-BlockSnow.m4v" target="_blank"> LINK iPod *.m4v M O V I E </a></u><br>
<u><a href="06/100821-BlockSnow.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
<b>Starting Image:<br>
<img src="06/Babel-100821-120x090-00000-00000-00000000.png" style="height:250px"><br>
Ending Image:<br>
<img src="06/Babel-100821-120x090-09349-00824-00382997.png" style="height:250px"><br>
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for your iPhone//^^
!

^^//(This site is designed for handheld cerebral gelatinizing devices)//^^
!!!
''Where does order come from?
Given a system in disorder, what does it take for order to emerge?''
<html><img src="05/Streb-090413-080x060-12345-02468-01646829.png" style="height:200px"></html>
!Evolutionary Model of Emergence: simple color tiles organizing into complex images
Luis Borges wrote a simple essay [["The Library of Babel"|BabelLibrary]] describing a universal library composed of books written with random alphabet letters, but in which every possible random recombination was present. Thus, the library would contain every book that had ever been written and that would ever be written in that alphabet.
Using the idea of a Borges' [[Babel Library|BabelLibrary]], one can envision a "Babel Gallery" by fixing a standard screen size and then generating all the possible color combinations at each pixel position in that image size. It would contain a representation of every painting that had been made and every painting that would be made. It is not an infinite gallery, but it might as well be. However, the final size/scope of the gallery can be significantly reduced if a few simple aesthetic rules were used to "filter" the output for acceptance into the gallery.
That is what is attempted here. A 2D pixel grid starts as a random color map of tiles (pixels). A [[genetic algorithm|http://en.wikipedia.org/wiki/Genetic_algorithm]] is applied so that the image evolves across generations toward an endpoint defined only by a simple aesthetic that rewards descendants for increasingly greater degrees of color organization. Specifically, the variance in each R, G, B color channel is minimized for every possible 3x3 grouping of contiguous pixels.
The process is iterated across a million generations and the color image evolves from a state of random disorder to one of highly organized color information. All the examples posted here include "movies" of the evolution process. Most of these runs start with a fixed geometric shape of uniform color placed on the random color tile map to look at how the "edges" interact between highly organized color information and highly disorganized color distributions. Which way does information flow at these junctures between order and disorder?
//The purpose of this work is to better understand a simple aesthetic rule set by which local color blocks interact in a 2D space to produce a visual pattern that we recognize as having some meaningfulness or complexity in its composition.//
!
__[[C U R R E N T : in progress|Current]]__
Working on scaling up to larger formats: 360x240; working on an asymmetric evolution algorithm.
<html><img src="06/Babel-100823-360x240-05569-00766-00098276.png" style="height:100px"></html>
__[[G A L L E R Y : past postings|Gallery]]__
<html><img src="04/Icedive-090326-080x060-11565-02848-001013164.png" style="height:100px"></html>
!
//amarsh.sk@gmail.com//
^^//Pages Optimized for your iPhone//^^
!

Copyright (c) 2005-2008, BidiX (http://BidiX.info)
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
*Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
*Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
*Neither the name of BidiX nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

^^[[(BACK)|B a b e l]]^^
!"Ars Combinatoria" of Color Information:
Jorge Luis Borge wrote about a [[Library of Babel|http://en.wikipedia.org/wiki/Jorge_Luis_Borges]] in which books were randomly filled with letters and punctuation in all possible combinations and the task of the librarians were to wander through this infinite library flipping through pages looking for passages that made any sense at all. The stunning paradox here is that in that library there would exist ALL the great literary works of past, present and future cultures using that alphabet . . . all one had to do was find them on the shelves. [[William Bloch||http://wheatoncollege.edu/Faculty/BillGoldbloomBloch.html]] (//The Unimaginable Mathematics of Borges' Library of Babel//) makes an excellent presentation of how vast the size of such a babel library would be based solely on the [[combinometrics|http://en.wikipedia.org/wiki/Combinatorics]] of large systems ---- and how rare it would be in wandering through such a library to come across anything more meaningful than just randomized text.
Well why not create a Babel Gallery of images? Why not take a standard image size, then chug through all the possible randomized color combinations for every pixel. That gallery would contain a representation of every possible painting, print, lithograph, drawing, photograph that has been and could be produced. Absolutely ALL inclusive of all 2D art that could exist in our universe. To get around the problem of having to then wander through a universe of random images just looking for any color patterns that didn't look quite so random, we could execute a simple set of aesthetic rules when the color pixels were being randomly generated so that the images that were really really random would be dropped from the library and only those images with some "aesthetic potential" would be retained for consideration of inclusion in a ''//Babel Gallery of Flat Art//''.
!
^^[[(BACK)|B a b e l]]^^
!

[[Back to Front Page|B a b e l]]
!!Color Grid Test
The idea is "what is a pixel?" The answer becomes one of scale. So I'm looking at trying to integrate smaller compositions (shorter computational time and complexity) into larger images and allowing those higher-level architecture scales develop image complexity without necessarily increasing image information.
I was running some color tests with small grids (20x15) and very short times (only 100k generations) just to get a feel for how changing the RGB mutation bias settings would effect the background distribution of color. As these maps were being generated I wrote a quick python script to assemble them into an organized grid. And then the program got a little more complex, and the overall image of the grids starting looking like more than just a color wheel test. So I'm going to restart the attempt (actually, it took 3 weeks to run those 128 images . . . and I had originally setup the program to do 512) and use larger grids (40x30) and let them run to equilibrium (+800k generations).
!!!
<html>
<big><b>Each image is a 15x20 tile array that evolved from a random array with varying mutation bias ratios for the R, G, and B channels:</b><br>
<small>(large image, wait while it loads . . . )</small><br>
<img src="04/ColorTestGrid-03.jpg" style="height:300px">
</html>
!

[[Back to Front Page|B a b e l]]
!!2011-Fall
Two objectives:
# Working at a 300 x 240 grid scale is a daunting computational task. Looks like it will take over 1 year of cpu time in order for 1 image to reach the 1 million descendant threshold.
# Divergence? I've started 15 different runs all with the same initial color map, but have slightly adjusted the probability distributions for each channel (R,G,B). Want to assess the degree of pattern similarity among the final 15 with a particular interest in the appearance of organization clusters (areas within an image) that are outliers in terms of higher color structure.
@@PECO Crown Lights:@@ A small rectangular segment of the compiled animation for ''02-Streblospio Server'' ([[see 2010-Fall|2010-Fall]]) has been selected to be displayed on the Crown Lights system of the PECO building in downtown February. The clip will run on a loop on Friday Night's through the month of October. Here's the the video clip submitted (a long slice to wrap around the building):
<html>
<img src="07/movienail.png" style="height:75px"><br>
<u><a href="07/Marsh-100821-evolution.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br><br>
<b>14 OCT 2011:</b><br>
We had an incredible dinner at BISTRO ST. TROPEZ (23rd and Market) with a view of the Schullykill River and the PECO Crown Lights Display. Very cool to see BABEL running in the Air.
<img src="08/peco-display.png" style="height:200px"><br>
<u><a href="08/BabelInAir.mov" target="_blank"> LINK QuickTime *.mov M O V I E </a></u>)<br>
</html>
!Divergence
These images are still cranking away. They are only at +200k descendants, so about 1/5 of the way done. I do not have 16 dedicated cores for 24/7 processing. I can only run these in spurts when I do not have molecular gene sequence data to process and have idle cpu's. But the larger scale very interesting. There is an exponential increase in possible system complexity with scale. That larger set of possible outcomes alters the trajectory/path of the system toward a stable state. More diversions. More back-tracking. All of these images started from the same 'seed' image as shown on the gallery page under [[2010-Fall]].
<html>
<table>
<tr>
<td><img src="07/zHen-A.png" style="height:100px"></td>
<td><img src="07/zHen-B.png" style="height:100px"></td>
<td><img src="07/zHen-C.png" style="height:100px"></td>
</tr>
<tr>
<td><img src="07/zHen-D.png" style="height:100px"></td>
<td><img src="07/zHen-E.png" style="height:100px"></td>
<td><img src="07/zHen-F.png" style="height:100px"></td>
</tr>
<tr>
<td><img src="07/zHen-G.png" style="height:100px"></td>
<td><img src="07/zHen-H.png" style="height:100px"></td>
<td><img src="07/zHen-I.png" style="height:100px"></td>
</tr>
<tr>
<td><img src="07/zHen-J.png" style="height:100px"></td>
<td><img src="07/zHen-K.png" style="height:100px"></td>
<td><img src="07/zHen-L.png" style="height:100px"></td>
</tr>
<tr>
<td><img src="07/zHen-M.png" style="height:100px"></td>
<td><img src="07/zHen-N.png" style="height:100px"></td>
<td><img src="07/zHen-O.png" style="height:100px"></td>
</tr>
</table>
</html>
!
//amarsh.sk@gmail.com//
^^//pages optimized for your iPhone//^^
!

To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* SiteUrl: The home URL of the site (used in the RSSFeed)
* Set [[Options]] and [[iTWTweaks]]
* Tiddlers tagged [[Menu]] are displaid in <<tag Menu>>
* Tiddlers tagged with [[Home]] are displaid in the Home page when the TiddlyWiki is opened.
*For additionnal informations : http://iTW.BidiX.info/
*iTW is available with a [[BSD Open Source License]] feel free to send comments and suggestions to BidiX

TiddlyWiki is a powerful [[wiki|http://en.wikipedia.org/wiki/Wiki]] in a single html file which possesses all the features needed to manage and to outline personal notes in an efficient way.
No facility is required. You only need to download an empty TiddlyWiki on your desktop to start to use it. It can be stored on USB stick. To send it just attached it to mail. You can also upload it on web server to publish a whole site.
TiddlyWiki was created by Jeremy Ruston. TiddlyWiki is distributed under a BSD Open Source License (see the source of this page).
For details visit [[www.TiddlyWiki.com|http://www.tiddlywiki.com]].
Current Version: <<version>>