|  | @@ -1,14 +1,15 @@
 | 
	
		
			
				|  |  | -smalltalk.addClass('Counter', smalltalk.Widget, ['count'], 'Examples');
 | 
	
		
			
				|  |  | +smalltalk.addClass('Counter', smalltalk.Widget, ['count', 'header'], 'Examples');
 | 
	
		
			
				|  |  |  smalltalk.addMethod(
 | 
	
		
			
				|  |  |  '_initialize',
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'initialize',
 | 
	
		
			
				|  |  |  category: 'initialization',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self.klass.superclass.fn.prototype['_initialize'].apply(self, []);
 | 
	
		
			
				|  |  | -self['@count']=(0);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self.klass.superclass.fn.prototype._initialize.apply(self, []);
 | 
	
		
			
				|  |  | +    self['@count'] = 0;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('initialize%0A%20%20%20%20super%20initialize.%0A%20%20%20%20count%20%3A%3D%200%0A')}),
 | 
	
		
			
				|  |  |  smalltalk.Counter);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -17,13 +18,14 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'renderOn:',
 | 
	
		
			
				|  |  |  category: 'rendering',
 | 
	
		
			
				|  |  | -fn: function (html){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(smalltalk.send(html, "_h1", []), "_with_", [smalltalk.send(self['@count'], "_asString", [])]);
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_with_", [unescape("++")]);return smalltalk.send($rec, "_onClick_", [(function(){return smalltalk.send(self, "_increase", []);})]);})(smalltalk.send(html, "_button", []));
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_with_", [unescape("--")]);return smalltalk.send($rec, "_onClick_", [(function(){return smalltalk.send(self, "_decrease", []);})]);})(smalltalk.send(html, "_button", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | -source: unescape('renderOn%3A%20html%0A%20%20%20%20html%20h1%20with%3A%20count%20asString.%0A%20%20%20%20html%20button%0A%09with%3A%20%27++%27%3B%0A%09onClick%3A%20%5Bself%20increase%5D.%0A%20%20%20%20html%20button%0A%09with%3A%20%27--%27%3B%0A%09onClick%3A%20%5Bself%20decrease%5D%0A')}),
 | 
	
		
			
				|  |  | +fn: function (html) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@header'] = function ($rec) {smalltalk.send($rec, "_with_", [smalltalk.send(self['@count'], "_asString", [])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(html, "_h1", []));
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_with_", [unescape("++")]);return smalltalk.send($rec, "_onClick_", [function () {return smalltalk.send(self, "_increase", []);}]);}(smalltalk.send(html, "_button", [])));
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_with_", [unescape("--")]);return smalltalk.send($rec, "_onClick_", [function () {return smalltalk.send(self, "_decrease", []);}]);}(smalltalk.send(html, "_button", [])));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  | +source: unescape('renderOn%3A%20html%0A%20%20%20%20header%20%3A%3D%20html%20h1%20%0A%09with%3A%20count%20asString%3B%0A%09yourself.%0A%20%20%20%20html%20button%0A%09with%3A%20%27++%27%3B%0A%09onClick%3A%20%5Bself%20increase%5D.%0A%20%20%20%20html%20button%0A%09with%3A%20%27--%27%3B%0A%09onClick%3A%20%5Bself%20decrease%5D%0A')}),
 | 
	
		
			
				|  |  |  smalltalk.Counter);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  smalltalk.addMethod(
 | 
	
	
		
			
				|  | @@ -31,12 +33,13 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'increase',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self['@count']=smalltalk.send(self['@count'], "__plus", [(1)]);
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_update", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | -source: unescape('increase%0A%20%20%20%20count%20%3A%3D%20count%20+%201.%0A%20%20%20%20self%20update%0A')}),
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@count'] = smalltalk.send(self['@count'], "__plus", [1]);
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@header'], "_contents_", [function (html) {return smalltalk.send(html, "_with_", [smalltalk.send(self['@count'], "_asString", [])]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  | +source: unescape('increase%0A%20%20%20%20count%20%3A%3D%20count%20+%201.%0A%20%20%20%20header%20contents%3A%20%5B%3Ahtml%20%7C%20html%20with%3A%20count%20asString%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Counter);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  smalltalk.addMethod(
 | 
	
	
		
			
				|  | @@ -44,12 +47,13 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'decrease',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self['@count']=smalltalk.send(self['@count'], "__minus", [(1)]);
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_update", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | -source: unescape('decrease%0A%20%20%20%20count%20%3A%3D%20count%20-%201.%0A%20%20%20%20self%20update%0A')}),
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@count'] = smalltalk.send(self['@count'], "__minus", [1]);
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@header'], "_contents_", [function (html) {return smalltalk.send(html, "_with_", [smalltalk.send(self['@count'], "_asString", [])]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  | +source: unescape('decrease%0A%20%20%20%20count%20%3A%3D%20count%20-%201.%0A%20%20%20%20header%20contents%3A%20%5B%3Ahtml%20%7C%20html%20with%3A%20count%20asString%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Counter);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -60,10 +64,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'renderOn:',
 | 
	
		
			
				|  |  |  category: 'rendering',
 | 
	
		
			
				|  |  | -fn: function (html){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_class_", ["tetris"]);return smalltalk.send($rec, "_with_", [(function(){smalltalk.send(smalltalk.send(html, "_h3", []), "_with_", ["Tetris"]);smalltalk.send(self, "_renderCanvasOn_", [html]);return smalltalk.send(self, "_renderButtonsOn_", [html]);})]);})(smalltalk.send(html, "_div", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (html) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_class_", ["tetris"]);return smalltalk.send($rec, "_with_", [function () {smalltalk.send(smalltalk.send(html, "_h3", []), "_with_", ["Tetris"]);smalltalk.send(self, "_renderCanvasOn_", [html]);return smalltalk.send(self, "_renderButtonsOn_", [html]);}]);}(smalltalk.send(html, "_div", [])));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('renderOn%3A%20html%0A%09html%20div%0A%09%09class%3A%20%27tetris%27%3B%0A%09%09with%3A%20%5B%0A%09%09%09html%20h3%20with%3A%20%27Tetris%27.%0A%09%09%09self%20renderCanvasOn%3A%20html.%0A%09%09%09self%20renderButtonsOn%3A%20html%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -72,15 +77,16 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'renderCanvasOn:',
 | 
	
		
			
				|  |  |  category: 'rendering',
 | 
	
		
			
				|  |  | -fn: function (html){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -var canvas=nil;
 | 
	
		
			
				|  |  | -canvas=smalltalk.send(html, "_canvas", []);
 | 
	
		
			
				|  |  | -smalltalk.send(canvas, "_at_put_", ["width", smalltalk.send(smalltalk.send(self, "_width", []), "_asString", [])]);
 | 
	
		
			
				|  |  | -smalltalk.send(canvas, "_at_put_", ["height", smalltalk.send(smalltalk.send(self, "_height", []), "_asString", [])]);
 | 
	
		
			
				|  |  | -self['@renderingContext']=smalltalk.send(smalltalk.CanvasRenderingContext, "_tagBrush_", [canvas]);
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_redraw", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (html) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    var canvas = nil;
 | 
	
		
			
				|  |  | +    canvas = smalltalk.send(html, "_canvas", []);
 | 
	
		
			
				|  |  | +    smalltalk.send(canvas, "_at_put_", ["width", smalltalk.send(smalltalk.send(self, "_width", []), "_asString", [])]);
 | 
	
		
			
				|  |  | +    smalltalk.send(canvas, "_at_put_", ["height", smalltalk.send(smalltalk.send(self, "_height", []), "_asString", [])]);
 | 
	
		
			
				|  |  | +    self['@renderingContext'] = smalltalk.send(smalltalk.CanvasRenderingContext, "_tagBrush_", [canvas]);
 | 
	
		
			
				|  |  | +    smalltalk.send(self, "_redraw", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('renderCanvasOn%3A%20html%0A%09%7C%20canvas%20%7C%0A%09canvas%20%3A%3D%20html%20canvas.%0A%09canvas%20at%3A%20%27width%27%20put%3A%20self%20width%20asString.%0A%09canvas%20at%3A%20%27height%27%20put%3A%20self%20height%20asString.%0A%09renderingContext%20%3A%3D%20CanvasRenderingContext%20tagBrush%3A%20canvas.%0A%09self%20redraw')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -89,10 +95,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'renderButtonsOn:',
 | 
	
		
			
				|  |  |  category: 'rendering',
 | 
	
		
			
				|  |  | -fn: function (html){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_class_", ["tetris_buttons"]);return smalltalk.send($rec, "_with_", [(function(){(function($rec){smalltalk.send($rec, "_with_", ["New game"]);return smalltalk.send($rec, "_onClick_", [(function(){return smalltalk.send(self, "_startNewGame", []);})]);})(smalltalk.send(html, "_button", []));return (function($rec){smalltalk.send($rec, "_with_", [unescape("play/pause")]);return smalltalk.send($rec, "_onClick_", [(function(){return smalltalk.send(self, "_update", []);})]);})(smalltalk.send(html, "_button", []));})]);})(smalltalk.send(html, "_div", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (html) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_class_", ["tetris_buttons"]);return smalltalk.send($rec, "_with_", [function () {(function ($rec) {smalltalk.send($rec, "_with_", ["New game"]);return smalltalk.send($rec, "_onClick_", [function () {return smalltalk.send(self, "_startNewGame", []);}]);}(smalltalk.send(html, "_button", [])));return function ($rec) {smalltalk.send($rec, "_with_", [unescape("play/pause")]);return smalltalk.send($rec, "_onClick_", [function () {return smalltalk.send(self, "_update", []);}]);}(smalltalk.send(html, "_button", []));}]);}(smalltalk.send(html, "_div", [])));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('renderButtonsOn%3A%20html%0A%09html%20div%20%0A%09%09class%3A%20%27tetris_buttons%27%3B%0A%09%09with%3A%20%5B%0A%09%09%09html%20button%0A%09%09%09%09with%3A%20%27New%20game%27%3B%0A%09%09%09%09onClick%3A%20%5Bself%20startNewGame%5D.%0A%09%09%09html%20button%0A%09%09%09%09with%3A%20%27play/pause%27%3B%0A%09%09%09%09onClick%3A%20%5Bself%20update%5D%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -101,11 +108,12 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'initialize',
 | 
	
		
			
				|  |  |  category: 'initialization',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self.klass.superclass.fn.prototype['_initialize'].apply(self, []);
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_newGame", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self.klass.superclass.fn.prototype._initialize.apply(self, []);
 | 
	
		
			
				|  |  | +    smalltalk.send(self, "_newGame", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('initialize%0A%09super%20initialize.%0A%09self%20newGame')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -114,12 +122,13 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'startNewGame',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_newGame", []);
 | 
	
		
			
				|  |  | -smalltalk.send(self['@timer'], "_ifNotNil_", [(function(){return smalltalk.send(self['@timer'], "_clearInterval", []);})]);
 | 
	
		
			
				|  |  | -self['@timer']=smalltalk.send((function(){return smalltalk.send(self, "_nextStep", []);}), "_valueWithInterval_", [self['@speed']]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(self, "_newGame", []);
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@timer'], "_ifNotNil_", [function () {return smalltalk.send(self['@timer'], "_clearInterval", []);}]);
 | 
	
		
			
				|  |  | +    self['@timer'] = smalltalk.send(function () {return smalltalk.send(self, "_nextStep", []);}, "_valueWithInterval_", [self['@speed']]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('startNewGame%0A%09self%20newGame.%0A%09timer%20ifNotNil%3A%20%5Btimer%20clearInterval%5D.%0A%09timer%20%3A%3D%20%5Bself%20nextStep%5D%20valueWithInterval%3A%20speed')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -128,10 +137,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'width',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(self, "_class", []), "_width", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(self, "_class", []), "_width", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('width%0A%09%5Eself%20class%20width')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -140,10 +150,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(self, "_class", []), "_height", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(self, "_class", []), "_height", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5Eself%20class%20height')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -152,12 +163,13 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'nextStep',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(self['@movingPiece'], "_ifNil_", [(function(){return smalltalk.send(self, "_newPiece", []);})]);
 | 
	
		
			
				|  |  | -smalltalk.send(smalltalk.send(self['@movingPiece'], "_canMoveIn_", [self]), "_ifTrue_ifFalse_", [(function(){return smalltalk.send(self['@movingPiece'], "_position_", [smalltalk.send(smalltalk.send(self['@movingPiece'], "_position", []), "__plus", [smalltalk.send((0), "__at", [(1)])])]);}), (function(){return smalltalk.send(self, "_newPiece", []);})]);
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_redraw", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@movingPiece'], "_ifNil_", [function () {return smalltalk.send(self, "_newPiece", []);}]);
 | 
	
		
			
				|  |  | +    smalltalk.send(smalltalk.send(self['@movingPiece'], "_canMoveIn_", [self]), "_ifTrue_ifFalse_", [function () {return smalltalk.send(self['@movingPiece'], "_position_", [smalltalk.send(smalltalk.send(self['@movingPiece'], "_position", []), "__plus", [smalltalk.send(0, "__at", [1])])]);}, function () {return smalltalk.send(self, "_newPiece", []);}]);
 | 
	
		
			
				|  |  | +    smalltalk.send(self, "_redraw", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('nextStep%0A%09movingPiece%20ifNil%3A%20%5Bself%20newPiece%5D.%0A%09%28movingPiece%20canMoveIn%3A%20self%29%0A%09%09ifTrue%3A%20%5BmovingPiece%20position%3A%20movingPiece%20position%20+%20%280@1%29%5D%0A%09%09ifFalse%3A%20%5Bself%20newPiece%5D.%0A%09self%20redraw%0A%09')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -166,11 +178,12 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'redraw',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(self['@renderingContext'], "_clearRectFrom_to_", [smalltalk.send((0), "__at", [smalltalk.send(self, "_width", [])]), smalltalk.send((0), "__at", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_drawMap", []);return smalltalk.send($rec, "_drawPiece", []);})(self);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@renderingContext'], "_clearRectFrom_to_", [smalltalk.send(0, "__at", [smalltalk.send(self, "_width", [])]), smalltalk.send(0, "__at", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_drawMap", []);return smalltalk.send($rec, "_drawPiece", []);}(self));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('redraw%0A%09renderingContext%20clearRectFrom%3A%200@%20self%20width%20to%3A%200@%20self%20height.%0A%09self%20%0A%09%09drawMap%3B%0A%09%09drawPiece')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -179,15 +192,14 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'drawMap',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_fillStyle_", [unescape("%23fafafa")]);return smalltalk.send($rec, "_fillRectFrom_to_", [smalltalk.send((0), "__at", [(0)]), smalltalk.send(smalltalk.send(self, "_width", []), "__at", [smalltalk.send(self, "_height", [])])]);})(self['@renderingContext']);
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_lineWidth_", [(0.5)]);return smalltalk.send($rec, "_strokeStyle_", [unescape("%23999")]);})(self['@renderingContext']);
 | 
	
		
			
				|  |  | -smalltalk.send((0), "_to_do_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []), "_x", []), (function(each){var x=nil;
 | 
	
		
			
				|  |  | -x=smalltalk.send(each, "__star", [smalltalk.send(smalltalk.send(self, "_class", []), "_squareSize", [])]);return smalltalk.send(self, "_drawLineFrom_to_", [smalltalk.send(x, "__at", [(0)]), smalltalk.send(x, "__at", [smalltalk.send(self, "_height", [])])]);})]);
 | 
	
		
			
				|  |  | -smalltalk.send((0), "_to_do_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []), "_y", []), (function(each){var y=nil;
 | 
	
		
			
				|  |  | -y=smalltalk.send(each, "__star", [smalltalk.send(smalltalk.send(self, "_class", []), "_squareSize", [])]);return smalltalk.send(self, "_drawLineFrom_to_", [smalltalk.send((0), "__at", [y]), smalltalk.send(smalltalk.send(self, "_width", []), "__at", [y])]);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_fillStyle_", [unescape("%23fafafa")]);return smalltalk.send($rec, "_fillRectFrom_to_", [smalltalk.send(0, "__at", [0]), smalltalk.send(smalltalk.send(self, "_width", []), "__at", [smalltalk.send(self, "_height", [])])]);}(self['@renderingContext']));
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_lineWidth_", [0.5]);return smalltalk.send($rec, "_strokeStyle_", [unescape("%23999")]);}(self['@renderingContext']));
 | 
	
		
			
				|  |  | +    smalltalk.send(0, "_to_do_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []), "_x", []), function (each) {var x = nil;x = smalltalk.send(each, "__star", [smalltalk.send(smalltalk.send(self, "_class", []), "_squareSize", [])]);return smalltalk.send(self, "_drawLineFrom_to_", [smalltalk.send(x, "__at", [0]), smalltalk.send(x, "__at", [smalltalk.send(self, "_height", [])])]);}]);
 | 
	
		
			
				|  |  | +    smalltalk.send(0, "_to_do_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []), "_y", []), function (each) {var y = nil;y = smalltalk.send(each, "__star", [smalltalk.send(smalltalk.send(self, "_class", []), "_squareSize", [])]);return smalltalk.send(self, "_drawLineFrom_to_", [smalltalk.send(0, "__at", [y]), smalltalk.send(smalltalk.send(self, "_width", []), "__at", [y])]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('drawMap%0A%09renderingContext%20%0A%09%09fillStyle%3A%20%27%23fafafa%27%3B%0A%09%09fillRectFrom%3A%200@0%20to%3A%20self%20width@self%20height.%0A%09renderingContext%20%0A%09%09lineWidth%3A%200.5%3B%0A%09%09strokeStyle%3A%20%27%23999%27.%0A%090%20to%3A%20self%20class%20squares%20x%20do%3A%20%5B%3Aeach%20%7C%20%7C%20x%20%7C%0A%09%09x%20%3A%3D%20each%20*%20self%20class%20squareSize.%0A%09%09self%20drawLineFrom%3A%20x@0%20to%3A%20x@self%20height%5D.%0A%090%20to%3A%20self%20class%20squares%20y%20do%3A%20%5B%3Aeach%20%7C%20%7C%20y%20%7C%0A%09%09y%20%3A%3D%20each%20*%20self%20class%20squareSize.%0A%09%09self%20drawLineFrom%3A%200@y%20to%3A%20self%20width@y%5D.')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -196,10 +208,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'drawLineFrom:to:',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (aPoint, anotherPoint){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -(function($rec){smalltalk.send($rec, "_beginPath", []);smalltalk.send($rec, "_moveTo_", [aPoint]);smalltalk.send($rec, "_lineTo_", [anotherPoint]);return smalltalk.send($rec, "_stroke", []);})(self['@renderingContext']);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aPoint, anotherPoint) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    (function ($rec) {smalltalk.send($rec, "_beginPath", []);smalltalk.send($rec, "_moveTo_", [aPoint]);smalltalk.send($rec, "_lineTo_", [anotherPoint]);return smalltalk.send($rec, "_stroke", []);}(self['@renderingContext']));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('drawLineFrom%3A%20aPoint%20to%3A%20anotherPoint%0A%09renderingContext%20%0A%09%09beginPath%3B%0A%09%09moveTo%3A%20aPoint%3B%0A%09%09lineTo%3A%20anotherPoint%3B%0A%09%09stroke')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -208,13 +221,14 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'newGame',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self['@rows']=[];
 | 
	
		
			
				|  |  | -self['@movingPiece']=nil;
 | 
	
		
			
				|  |  | -self['@speed']=(200);
 | 
	
		
			
				|  |  | -self['@score']=(0);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@rows'] = [];
 | 
	
		
			
				|  |  | +    self['@movingPiece'] = nil;
 | 
	
		
			
				|  |  | +    self['@speed'] = 200;
 | 
	
		
			
				|  |  | +    self['@score'] = 0;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('newGame%0A%09rows%20%3A%3D%20%23%28%29.%0A%09movingPiece%20%3A%3D%20nil.%0A%09speed%20%3A%3D%20200.%0A%09score%20%3A%3D%200')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -223,10 +237,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'newPiece',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self['@movingPiece']=smalltalk.send(smalltalk.TetrisPiece, "_atRandom", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@movingPiece'] = smalltalk.send(smalltalk.TetrisPiece, "_atRandom", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('newPiece%0A%09movingPiece%20%3A%3D%20TetrisPiece%20atRandom')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -235,10 +250,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'squares',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(self, "_class", []), "_squares", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('squares%0A%09%5Eself%20class%20squares')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -247,10 +263,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'gluePiece:',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (aPiece){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(aPiece, "_glueOn_", [self]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aPiece) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(aPiece, "_glueOn_", [self]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('gluePiece%3A%20aPiece%0A%09aPiece%20glueOn%3A%20self%0A%09')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -259,11 +276,12 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'drawRows',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(smalltalk.send(self, "_rows", []), "_do_", [(function(each){return nil;})]);
 | 
	
		
			
				|  |  | -smalltalk.send(self['@movingPiece'], "_ifNotNil_", [(function(){return smalltalk.send(self['@movingPiece'], "_drawOn_", [self['@renderingContext']]);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(smalltalk.send(self, "_rows", []), "_do_", [function (each) {return nil;}]);
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@movingPiece'], "_ifNotNil_", [function () {return smalltalk.send(self['@movingPiece'], "_drawOn_", [self['@renderingContext']]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('drawRows%0A%09self%20rows%20do%3A%20%5B%3Aeach%20%7C%5D.%0A%09movingPiece%20ifNotNil%3A%20%5BmovingPiece%20drawOn%3A%20renderingContext%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -272,10 +290,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'drawPiece',
 | 
	
		
			
				|  |  |  category: 'actions',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(self['@movingPiece'], "_ifNotNil_", [(function(){return smalltalk.send(self['@movingPiece'], "_drawOn_", [self['@renderingContext']]);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(self['@movingPiece'], "_ifNotNil_", [function () {return smalltalk.send(self['@movingPiece'], "_drawOn_", [self['@renderingContext']]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('drawPiece%0A%09movingPiece%20ifNotNil%3A%20%5B%0A%09%09movingPiece%20drawOn%3A%20renderingContext%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -284,10 +303,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'rows',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return self['@rows'];
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return self['@rows'];
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('rows%0A%09%22An%20array%20of%20rows.%20Each%20row%20is%20a%20collection%20of%20points.%22%0A%09%5Erows')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -296,10 +316,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'addRow:',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (aCollection){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(smalltalk.send(self, "_rows", []), "_add_", [aCollection]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aCollection) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(smalltalk.send(self, "_rows", []), "_add_", [aCollection]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('addRow%3A%20aCollection%0A%09self%20rows%20add%3A%20aCollection')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -309,10 +330,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'squareSize',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (22);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return 22;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('squareSize%0A%09%5E22')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris.klass);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -321,10 +343,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'width',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(self, "_squareSize", []), "__star", [smalltalk.send(smalltalk.send(self, "_squares", []), "_x", [])]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(self, "_squareSize", []), "__star", [smalltalk.send(smalltalk.send(self, "_squares", []), "_x", [])]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('width%0A%09%5Eself%20squareSize%20*%20%28self%20squares%20x%29')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris.klass);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -333,10 +356,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(self, "_squareSize", []), "__star", [smalltalk.send(smalltalk.send(self, "_squares", []), "_y", [])]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(self, "_squareSize", []), "__star", [smalltalk.send(smalltalk.send(self, "_squares", []), "_y", [])]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5Eself%20squareSize%20*%20%28self%20squares%20y%29')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris.klass);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -345,10 +369,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'squares',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send((10), "__at", [(15)]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(10, "__at", [15]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('squares%0A%09%5E10@15')}),
 | 
	
		
			
				|  |  |  smalltalk.Tetris.klass);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -359,11 +384,12 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'drawOn:',
 | 
	
		
			
				|  |  |  category: 'drawing',
 | 
	
		
			
				|  |  | -fn: function (aRenderingContext){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(aRenderingContext, "_fillStyle_", [smalltalk.send(self, "_color", [])]);
 | 
	
		
			
				|  |  | -smalltalk.send(smalltalk.send(self, "_bounds", []), "_do_", [(function(each){return (function($rec){smalltalk.send($rec, "_fillRectFrom_to_", [smalltalk.send(smalltalk.send(each, "__plus", [smalltalk.send(self, "_position", [])]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])]), smalltalk.send(smalltalk.send((1), "__at", [(1)]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])])]);smalltalk.send($rec, "_strokeStyle_", [unescape("%23999")]);smalltalk.send($rec, "_lineWidth_", [(2)]);return smalltalk.send($rec, "_strokeRectFrom_to_", [smalltalk.send(smalltalk.send(each, "__plus", [smalltalk.send(self, "_position", [])]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])]), smalltalk.send(smalltalk.send((1), "__at", [(1)]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])])]);})(aRenderingContext);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aRenderingContext) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(aRenderingContext, "_fillStyle_", [smalltalk.send(self, "_color", [])]);
 | 
	
		
			
				|  |  | +    smalltalk.send(smalltalk.send(self, "_bounds", []), "_do_", [function (each) {return function ($rec) {smalltalk.send($rec, "_fillRectFrom_to_", [smalltalk.send(smalltalk.send(each, "__plus", [smalltalk.send(self, "_position", [])]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])]), smalltalk.send(smalltalk.send(1, "__at", [1]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])])]);smalltalk.send($rec, "_strokeStyle_", [unescape("%23999")]);smalltalk.send($rec, "_lineWidth_", [2]);return smalltalk.send($rec, "_strokeRectFrom_to_", [smalltalk.send(smalltalk.send(each, "__plus", [smalltalk.send(self, "_position", [])]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])]), smalltalk.send(smalltalk.send(1, "__at", [1]), "__star", [smalltalk.send(smalltalk.Tetris, "_squareSize", [])])]);}(aRenderingContext);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('drawOn%3A%20aRenderingContext%0A%09aRenderingContext%20fillStyle%3A%20self%20color.%0A%09self%20bounds%20do%3A%20%5B%3Aeach%20%7C%0A%09%09aRenderingContext%20%0A%09%09%09fillRectFrom%3A%20each%20+%20self%20position*%20Tetris%20squareSize%20to%3A%201@1%20*%20Tetris%20squareSize%3B%0A%09%09%09strokeStyle%3A%20%27%23999%27%3B%0A%09%09%09lineWidth%3A%202%3B%0A%09%09%09strokeRectFrom%3A%20each%20+%20self%20position*%20Tetris%20squareSize%20to%3A%201@1%20*%20Tetris%20squareSize%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -372,10 +398,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'rotation',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(self['@rotation'], "_ifNil_", [(function(){return self['@rotation']=(1);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(self['@rotation'], "_ifNil_", [function () {return self['@rotation'] = 1;}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('rotation%0A%09%5Erotation%20ifNil%3A%20%5Brotation%20%3A%3D%201%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -384,10 +411,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'rotation:',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (aNumber){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -self['@rotation']=aNumber;
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aNumber) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    self['@rotation'] = aNumber;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('rotation%3A%20aNumber%0A%09rotation%20%3A%3D%20aNumber')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -396,10 +424,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'position',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(self['@position'], "_ifNil_", [(function(){return smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.Tetris, "_squares", []), "_x", []), "__slash", [(2)]), "__minus", [(1)]), "__at", [(0)]);})]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(self['@position'], "_ifNil_", [function () {return smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.Tetris, "_squares", []), "_x", []), "__slash", [2]), "__minus", [1]), "__at", [0]);}]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('position%0A%09%5Eposition%20ifNil%3A%20%5B%28Tetris%20squares%20x%20/%202%29%20-1%20@%200%5D')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -408,10 +437,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'position:',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (aPoint){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return self['@position']=aPoint;
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aPoint) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return self['@position'] = aPoint;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('position%3A%20aPoint%0A%09%5Eposition%20%3A%3D%20aPoint')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -420,10 +450,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -smalltalk.send(self, "_subclassResponsibility", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    smalltalk.send(self, "_subclassResponsibility", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09self%20subclassResponsibility')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -432,10 +463,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'color',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return unescape("%23afa");
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return unescape("%23afa");
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('color%0A%09%5E%27%23afa%27')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -444,10 +476,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'canMove',
 | 
	
		
			
				|  |  |  category: 'testing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(smalltalk.send(self, "_position", []), "_y", []), "__lt", [smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.Tetris, "_squares", []), "_y", []), "__minus", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(smalltalk.send(self, "_position", []), "_y", []), "__lt", [smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.Tetris, "_squares", []), "_y", []), "__minus", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('canMove%0A%09%5Eself%20position%20y%20%3C%20%28Tetris%20squares%20y%20-%20self%20height%29')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -456,10 +489,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (2);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return 2;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5E2')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -468,10 +502,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'canMoveIn:',
 | 
	
		
			
				|  |  |  category: 'testing',
 | 
	
		
			
				|  |  | -fn: function (aTetris){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(smalltalk.send(self, "_position", []), "_y", []), "__lt", [smalltalk.send(smalltalk.send(smalltalk.send(aTetris, "_squares", []), "_y", []), "__minus", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function (aTetris) {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(smalltalk.send(self, "_position", []), "_y", []), "__lt", [smalltalk.send(smalltalk.send(smalltalk.send(aTetris, "_squares", []), "_y", []), "__minus", [smalltalk.send(self, "_height", [])])]);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('canMoveIn%3A%20aTetris%0A%09%5Eself%20position%20y%20%3C%20%28aTetris%20squares%20y%20-%20self%20height%29')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -481,10 +516,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'atRandom',
 | 
	
		
			
				|  |  |  category: 'instance creation',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return smalltalk.send(smalltalk.send(smalltalk.send(self, "_subclasses", []), "_at_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_subclasses", []), "_size", []), "_atRandom", [])]), "_new", []);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return smalltalk.send(smalltalk.send(smalltalk.send(self, "_subclasses", []), "_at_", [smalltalk.send(smalltalk.send(smalltalk.send(self, "_subclasses", []), "_size", []), "_atRandom", [])]), "_new", []);
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('atRandom%0A%09%5E%28self%20subclasses%20at%3A%20self%20subclasses%20size%20atRandom%29%20new')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPiece.klass);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -495,10 +531,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (function($rec){smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(1)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(1)])]);return smalltalk.send($rec, "_yourself", []);})(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return function ($rec) {smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [1])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [1])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09%5EArray%20new%0A%09%09add%3A%200@0%3B%0A%09%09add%3A%200@1%3B%0A%09%09add%3A%201@0%3B%0A%09%09add%3A%201@1%3B%0A%09%09yourself')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceO);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -510,10 +547,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (function($rec){smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(1)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(2)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(2)])]);return smalltalk.send($rec, "_yourself", []);})(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return function ($rec) {smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [1])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [2])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [2])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09%5EArray%20new%0A%09%09add%3A%200@0%3B%0A%09%09add%3A%200@1%3B%0A%09%09add%3A%200@2%3B%0A%09%09add%3A%201@2%3B%0A%09%09yourself')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceL);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -522,10 +560,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'color',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return unescape("%23ffa");
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return unescape("%23ffa");
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('color%0A%09%5E%27%23ffa%27')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceL);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -534,10 +573,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (3);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return 3;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5E3')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceL);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -549,10 +589,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'color',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return unescape("%23aaf");
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return unescape("%23aaf");
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('color%0A%09%5E%27%23aaf%27')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceJ);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -561,10 +602,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (function($rec){smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(1)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(2)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(2)])]);return smalltalk.send($rec, "_yourself", []);})(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return function ($rec) {smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [1])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [2])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [2])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09%5EArray%20new%0A%09%09add%3A%201@0%3B%0A%09%09add%3A%201@1%3B%0A%09%09add%3A%201@2%3B%0A%09%09add%3A%200@2%3B%0A%09%09yourself')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceJ);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -573,10 +615,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (3);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return 3;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5E3')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceJ);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -588,10 +631,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'color',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return unescape("%23faa");
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return unescape("%23faa");
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('color%0A%09%5E%27%23faa%27')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceI);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -600,10 +644,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (function($rec){smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(1)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(2)])]);smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(3)])]);return smalltalk.send($rec, "_yourself", []);})(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return function ($rec) {smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [1])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [2])]);smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [3])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09%5EArray%20new%0A%09%09add%3A%200@0%3B%0A%09%09add%3A%200@1%3B%0A%09%09add%3A%200@2%3B%0A%09%09add%3A%200@3%3B%0A%09%09yourself')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceI);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -612,10 +657,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'height',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (4);
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return 4;
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('height%0A%09%5E4')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceI);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -627,10 +673,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'bounds',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return (function($rec){smalltalk.send($rec, "_add_", [smalltalk.send((0), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((2), "__at", [(0)])]);smalltalk.send($rec, "_add_", [smalltalk.send((1), "__at", [(1)])]);return smalltalk.send($rec, "_yourself", []);})(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return function ($rec) {smalltalk.send($rec, "_add_", [smalltalk.send(0, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(2, "__at", [0])]);smalltalk.send($rec, "_add_", [smalltalk.send(1, "__at", [1])]);return smalltalk.send($rec, "_yourself", []);}(smalltalk.send(smalltalk.Array, "_new", []));
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('bounds%0A%09%5EArray%20new%0A%09%09add%3A%200@0%3B%0A%09%09add%3A%201@0%3B%0A%09%09add%3A%202@0%3B%0A%09%09add%3A%201@1%3B%0A%09%09yourself')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceT);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -639,10 +686,11 @@ smalltalk.addMethod(
 | 
	
		
			
				|  |  |  smalltalk.method({
 | 
	
		
			
				|  |  |  selector: 'color',
 | 
	
		
			
				|  |  |  category: 'accessing',
 | 
	
		
			
				|  |  | -fn: function (){
 | 
	
		
			
				|  |  | -var self=this;
 | 
	
		
			
				|  |  | -return unescape("%23aaf");
 | 
	
		
			
				|  |  | -return self;},
 | 
	
		
			
				|  |  | +fn: function () {
 | 
	
		
			
				|  |  | +    var self = this;
 | 
	
		
			
				|  |  | +    return unescape("%23aaf");
 | 
	
		
			
				|  |  | +    return self;
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  |  source: unescape('color%0A%09%5E%27%23aaf%27')}),
 | 
	
		
			
				|  |  |  smalltalk.TetrisPieceT);
 | 
	
		
			
				|  |  |  
 |