fgnass · October 4, 2011 08:44 · fgnass · Oct 5, 2011 · p01 · Oct 5, 2011
diff --git a/README.md b/README.md
diff --git a/annotated.js b/annotated.js
 function(
  s,                  // Array to hold the result
  r,i,k,t,n           // Placeholder vars
 ){
  for(
    n=9e4;            // Loop over all 300 x 300 pixel
    n--;              //   until n is 0 is reached
    s[n]=             //   and set the current pixel
    '█'               //   to the FULL BOCK 3-byte unicode character (U+2588)
    .fontcolor(       //   and wrap it in a <font color=""> tag.
                      // Bonus: As the font tag uses legacy color values, we don't need a leading #!
                      // Since we iterate exactly 64 times, which is 1000000 in binary,
      (k&63)*4        //   the fill color will be black (with a slightly red tint) on the
                      //   inside of the set (111111 & 1000000 == 0).
      +1e5)           // Finally we add 100000 in order to shift the value to the right (blue), 
                      //   so the lightest color will be #1000f8 while the darkest is #100000.
    )
    for(r=i=k=0;      // Calculate the Mandelbrot set, see http://warp.povusers.org/Mandelbrot
      r*r+i*i+k++<63; // for a good explanation.
      i=t)
        t=2*r*i+1
         -n/45e3,     // Center vertically, 300*300/2
        r=r*r-i*i+1
         -n/100%3     // Center horizontally, 300/3 
 }
diff --git a/index.js b/index.js
 function(s,r,i,k,t,n){for(n=9e4;n--;s[n]='█'.fontcolor((k&63)*4+1e5))for(r=i=k=0;r*r+i*i+k++<63;i=t)t=2*r*i+1-n/45e3,r=r*r-i*i+1-n/100%3}
diff --git a/LICENSE.txt b/LICENSE.txt
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Felix Gnass <http://twitter.com/fgnass>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/package.json b/package.json
 {
  "name": "Mandelbrot Set",

  "description": "Renders the Mandelbrot fractal set",

  "keywords": [
    "fractal",
    "mandelbrot",
    "fontcolor"
  ]
 }
diff --git a/screenshot.jpg b/screenshot.jpg
diff --git a/test.html b/test.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 <title>Mandelbro™</title>
 <style>
 #out {
  font-size: 2px;
  line-height: 1px;
  width: 300px;
  word-wrap:break-word; /* Force line break after 300px */
  font-family: "Arial Black", Helvetica, Verdana;
 }
 font {
  display: inline-block;
  width: 1px;
  height: 1px;
 }
 </style>
 </head>
 <body>
 <div id="out"></div>
 <script>
 var mandelbrot =
 function(s,r,i,k,t,n){for(n=9e4;n--;s[n]='█'.fontcolor((k&63)*4+1e5))for(r=i=k=0;r*r+i*i+k++<63;i=t)t=2*r*i+1-n/45e3,r=r*r-i*i+1-n/100%3}

 var a = [];
 mandelbrot(a);
 document.getElementById('out').innerHTML = a.join('');
 </script>
 </body>
 </html>
	function(
	s, // Array to hold the result
	r,i,k,t,n // Placeholder vars
	){
	for(
	n=9e4; // Loop over all 300 x 300 pixel
	n--; // until n is 0 is reached
	s[n]= // and set the current pixel
	'█' // to the FULL BOCK 3-byte unicode character (U+2588)
	.fontcolor( // and wrap it in a <font color=""> tag.
	// Bonus: As the font tag uses legacy color values, we don't need a leading #!
	// Since we iterate exactly 64 times, which is 1000000 in binary,
	(k&63)*4 // the fill color will be black (with a slightly red tint) on the
	// inside of the set (111111 & 1000000 == 0).
	+1e5) // Finally we add 100000 in order to shift the value to the right (blue),
	// so the lightest color will be #1000f8 while the darkest is #100000.
	)
	for(r=i=k=0; // Calculate the Mandelbrot set, see http://warp.povusers.org/Mandelbrot
	rr+ii+k++<63; // for a good explanation.
	i=t)
	t=2ri+1
	-n/45e3, // Center vertically, 300*300/2
	r=rr-ii+1
	-n/100%3 // Center horizontally, 300/3
	}
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 Felix Gnass <http://twitter.com/fgnass>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

	0. You just DO WHAT THE FUCK YOU WANT TO.
	{
	"name": "Mandelbrot Set",

	"description": "Renders the Mandelbrot fractal set",

	"keywords": [
	"fractal",
	"mandelbrot",
	"fontcolor"
	]
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Mandelbro™</title>
	<style>
	#out {
	font-size: 2px;
	line-height: 1px;
	width: 300px;
	word-wrap:break-word; /* Force line break after 300px */
	font-family: "Arial Black", Helvetica, Verdana;
	}
	font {
	display: inline-block;
	width: 1px;
	height: 1px;
	}
	</style>
	</head>
	<body>
	<div id="out"></div>
	<script>
	var mandelbrot =
	function(s,r,i,k,t,n){for(n=9e4;n--;s[n]='█'.fontcolor((k&63)4+1e5))for(r=i=k=0;rr+ii+k++<63;i=t)t=2ri+1-n/45e3,r=rr-i*i+1-n/100%3}

	var a = [];
	mandelbrot(a);
	document.getElementById('out').innerHTML = a.join('');
	</script>
	</body>
	</html>