ContextFree.js

Choose a program:

(You can also use Command-R)

// The above image is created from the following code (reload the page to see it refresh).
// Everything is done in Javascript, right in the browser! Works in Firefox 3, Safari Beta, and Opera 9.5.
// ContextFree.js by Aza Raskin.

startshape start
  
  rule start { EDERA { s .006 y 1.2 x -.5 } }

rule EDERA{
      CIGLIO {x 0}		CIRCLE { x 0 s 5 hue 200 sat 0.5}
      CIGLIO {x 5}		CIRCLE { x 5 s 5 hue 200 sat 0.5}
      CIGLIO {x 10}		CIRCLE { x 10 s 5 hue 200 sat 0.5}
      CIGLIO {x 15}		CIRCLE { x 15 s 5 hue 200 sat 0.5}
      CIGLIO {x 20}		CIRCLE { x 20 s 5 hue 200 sat 0.5}
      CIGLIO {x 25}		CIRCLE { x 25 s 5 hue 200 sat 0.5}
      CIGLIO {x 30}		CIRCLE { x 30 s 5 hue 200 sat 0.5}
      CIGLIO {x 35}		CIRCLE { x 35 s 5 hue 200 sat 0.5}
      CIGLIO {x 40}		CIRCLE { x 40 s 5 hue 200 sat 0.5}
      CIGLIO {x 45}		CIRCLE { x 45 s 5 hue 200 sat 0.5}
  }

rule CIGLIO 100 {
      SQUARE	{hue 200 sat 0.5}
      CIGLIO		{y -1 s 0.998 b 0.005}
  }

rule CIGLIO {
      SQUARE	{hue 200 sat 0.5}
      CIRCLE	{hue 200 sat 0.5 alpha -0.4 s 10 y -10 }
      CIGLIO		{y -1 r 1 s 0.998 b 0.005}
  }

rule CIGLIO 0.0005 {
      SQUARE	{hue 200 sat 0.5}
      CIRCLE	{hue 200 sat 0.5 alpha -0.8 s -20 x 20 y -10 }
      CIGLIO		{y -1  s 0.998 b 0.005 }
  }

rule CIGLIO {
      SQUARE	{hue 200 sat 0.5}
      CIRCLE	{hue 200 sat 0.5 alpha -0.4 s 5 y -10 }
      FIORE 		{}
   	FIORE		{ x -1 flip 90}
      CIGLIO		{y -1  s 0.998 b 0.005 }
  }

rule FIORE {
     CIRCLE {hue 200 sat 0.5}
     FIORE {y -1 r 4 s 0.998 b 0.005}
  }

rule FIORE 0.005 {
     CIRCLE {s 5 hue 200 sat 0.5}
     FIORE {y -1 r 4 s 0.998 b 0.005 flip 90}
  }

startshape scale
  background { b -1 }

rule scale{
    START{ s .006 }
  }

rule DRAW {
      SHAPE { }
      SHAPE { flip 90 }
      DRAW { y 1 s 0.999 r 1}
  }

rule DRAW_B {
      SHAPE { }
      SHAPE { flip 90 }
      DRAW_B { y 1 s 0.997 r -1}
  }

rule DRAW 0.03 {
      DRAW_BALL { }
  }

rule DRAW 0.03 {
      DRAW_B { }
      DRAW_BALL { }
  }

rule DRAW_B 0.06 {DRAW { }}
  rule DRAW 0.06 {DRAW_B { }}

rule SHAPE {
      LINE { }
      SHAPE { x 1 alpha -0.2}
  }

rule SHAPE 0.1 {}

rule START {
      DRAW { flip 180 x 10 r 7 hue 70 sat 0.8 b 0.8 }
      DRAW { flip 180 x 13 hue 70 sat 0.8 b 0.8 }
      DRAW { flip 180 x 15 r 15 hue 70 sat 0.8 b 0.8 }
      DRAW { flip 180 x 9 r 15 hue 70 sat 0.8 b 0.8 }
      DRAW_BALL { x 50 hue 70 sat 0.8 b 0.6}
  }

rule DRAW_BALL {
      SHAPE { }
      SHAPE { flip 90 }
      DRAW_BALL { y 10 s 0.999 r 15 alpha -0.001 b -0.005}
  }

rule DRAW_BALL {
      DRAW_BALL { alpha -0.5 }
  }

rule DRAW_BALL {
      DRAW_BALL { alpha 0.5 }
  }

rule SHAPE {
      LINE { }
      SHAPE { x 1.5 alpha -0.2 r 5}
  }

rule SHAPE {
      LINE { }
      SHAPE { x 1.5 alpha -0.2 r -5}
  }

rule SHAPE 0.1 {}

rule LINE {CIRCLE { s 0.5 20 }}
  rule LINE {CIRCLE { s 0.1 20 }}
  rule LINE {TRIANGLE { s 9 20 hue 20 }}
  rule LINE {CIRCLE { s 0.6 20 }}
  rule LINE {CIRCLE { s 3 20 b 0.6 }}