| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357 | Widget subclass: #Counter	instanceVariableNames: 'count header'	category: 'Examples'!!Counter methodsFor: 'actions'!increase    count := count + 1.    header contents: [:html | html with: count asString]!decrease    count := count - 1.    header contents: [:html | html with: count asString]! !!Counter methodsFor: 'initialization'!initialize    super initialize.    count := 0! !!Counter methodsFor: 'rendering'!renderOn: html    header := html h1 	with: count asString;	yourself.    html button	with: '++';	onClick: [self increase].    html button	with: '--';	onClick: [self decrease]! !Widget subclass: #Tetris	instanceVariableNames: 'renderingContext timer speed score rows movingPiece'	category: 'Examples'!!Tetris methodsFor: 'accessing'!width	^self class width!height	^self class height!squares	^self class squares!gluePiece: aPiece	aPiece glueOn: self!rows	"An array of rows. Each row is a collection of points."	^rows!addRow: aCollection	self rows add: aCollection! !!Tetris methodsFor: 'actions'!startNewGame	self newGame.	timer ifNotNil: [timer clearInterval].	timer := [self nextStep] valueWithInterval: speed!nextStep	movingPiece ifNil: [self newPiece].	(movingPiece canMoveIn: self)		ifTrue: [movingPiece position: movingPiece position + (0@1)]		ifFalse: [self newPiece].	self redraw!redraw	renderingContext clearRectFrom: 0@ self width to: 0@ self height.	self 		drawMap;		drawPiece!drawMap	renderingContext 		fillStyle: '#fafafa';		fillRectFrom: 0@0 to: self width@self height.	renderingContext 		lineWidth: 0.5;		strokeStyle: '#999'.	0 to: self class squares x do: [:each | | x |		x := each * self class squareSize.		self drawLineFrom: x@0 to: x@self height].	0 to: self class squares y do: [:each | | y |		y := each * self class squareSize.		self drawLineFrom: 0@y to: self width@y].!drawLineFrom: aPoint to: anotherPoint	renderingContext 		beginPath;		moveTo: aPoint;		lineTo: anotherPoint;		stroke!newGame	rows := #().	movingPiece := nil.	speed := 200.	score := 0!newPiece	movingPiece := TetrisPiece atRandom!drawRows	self rows do: [:each |].	movingPiece ifNotNil: [movingPiece drawOn: renderingContext]!drawPiece	movingPiece ifNotNil: [		movingPiece drawOn: renderingContext]! !!Tetris methodsFor: 'initialization'!initialize	super initialize.	self newGame! !!Tetris methodsFor: 'rendering'!renderOn: html	html div		class: 'tetris';		with: [			html h3 with: 'Tetris'.			self renderCanvasOn: html.			self renderButtonsOn: html]!renderCanvasOn: html	| canvas |	canvas := html canvas.	canvas at: 'width' put: self width asString.	canvas at: 'height' put: self height asString.	renderingContext := CanvasRenderingContext tagBrush: canvas.	self redraw!renderButtonsOn: html	html div 		class: 'tetris_buttons';		with: [			html button				with: 'New game';				onClick: [self startNewGame].			html button				with: 'play/pause';				onClick: [self update]]! !!Tetris class methodsFor: 'accessing'!squareSize	^22!width	^self squareSize * (self squares x)!height	^self squareSize * (self squares y)!squares	^10@15! !Widget subclass: #TetrisPiece	instanceVariableNames: 'rotation position'	category: 'Examples'!!TetrisPiece methodsFor: 'accessing'!rotation	^rotation ifNil: [rotation := 1]!rotation: aNumber	rotation := aNumber!position	^position ifNil: [(Tetris squares x / 2) -1 @ 0]!position: aPoint	^position := aPoint!bounds	self subclassResponsibility!color	^'#afa'!height	^2! !!TetrisPiece methodsFor: 'drawing'!drawOn: aRenderingContext	aRenderingContext fillStyle: self color.	self bounds do: [:each |		aRenderingContext 			fillRectFrom: each + self position* Tetris squareSize to: 1@1 * Tetris squareSize;			strokeStyle: '#999';			lineWidth: 2;			strokeRectFrom: each + self position* Tetris squareSize to: 1@1 * Tetris squareSize]! !!TetrisPiece methodsFor: 'testing'!canMove	^self position y < (Tetris squares y - self height)!canMoveIn: aTetris	^self position y < (aTetris squares y - self height)! !!TetrisPiece class methodsFor: 'instance creation'!atRandom	^(self subclasses at: self subclasses size atRandom) new! !TetrisPiece subclass: #TetrisPieceO	instanceVariableNames: ''	category: 'Examples'!!TetrisPieceO methodsFor: 'accessing'!bounds	^Array new		add: 0@0;		add: 0@1;		add: 1@0;		add: 1@1;		yourself! !TetrisPiece subclass: #TetrisPieceL	instanceVariableNames: ''	category: 'Examples'!!TetrisPieceL methodsFor: 'accessing'!bounds	^Array new		add: 0@0;		add: 0@1;		add: 0@2;		add: 1@2;		yourself!color	^'#ffa'!height	^3! !TetrisPiece subclass: #TetrisPieceJ	instanceVariableNames: ''	category: 'Examples'!!TetrisPieceJ methodsFor: 'accessing'!color	^'#aaf'!bounds	^Array new		add: 1@0;		add: 1@1;		add: 1@2;		add: 0@2;		yourself!height	^3! !TetrisPiece subclass: #TetrisPieceI	instanceVariableNames: ''	category: 'Examples'!!TetrisPieceI methodsFor: 'accessing'!color	^'#faa'!bounds	^Array new		add: 0@0;		add: 0@1;		add: 0@2;		add: 0@3;		yourself!height	^4! !TetrisPiece subclass: #TetrisPieceT	instanceVariableNames: ''	category: 'Examples'!!TetrisPieceT methodsFor: 'accessing'!bounds	^Array new		add: 0@0;		add: 1@0;		add: 2@0;		add: 1@1;		yourself!color	^'#aaf'! !
 |