Building the 15 Puzzle Game with Cincom Smalltalk

Fifteen Puzzle Application Build #1

• Create the package and classes for the Fifteen Puzzle Application
• Only four classes

Fifteen Puzzle Application Build #2

• Build out the FifteenPuzzlePiece class
• Create and inspect an instance of FifteenPuzzlePiece

Fifteen Puzzle Application Build #3

• Focus on the FifteenPuzzleModel class
• Set up populating the model’s puzzlePieces
• Set up the FifteenPuzzleApp to hold a fifteenPuzzleModel

Fifteen Puzzle Application Build #4

• Focus on the FifteenPuzzleView which displays the visual of the fifteen puzzle game
• Set up the FifteenPuzzleApp to hold a fifteenPuzzleView
• Incrementally build the views puzzle grid and test what it looks like

Fifteen Puzzle Application Build #5

• Focus on the FifteenPuzzleView to display a game piece “cell”
• Refactor and cleanup some code to simplify and reuse code
• “Hook-up” the model & view so when we change the model state, the view (game display) updates
• Incrementally build, test, and improve the display of the puzzle piece

Fifteen Puzzle Application Build #6

• Build a random number provider and create our puzzle pieces using it
• Display a fully populated game

Fifteen Puzzle Application Build #7

• Allow the application to receive keyboard input
• Allow the keyboard arrows to move and change the model’s puzzle state
• Fully functioning fifteen puzzle game!