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!
Related posts:
What is the Fifteen Puzzle Application? This Hidden Gems screencast demonstrates the design and construction of the Fifteen Puzzle application built in Smalltalk. We use this application as a fun and fast way to learn object-oriented programming and Smalltalk in our new "Quick-Start Guide"....