This game was developed as a Google Summer of Code project under the Inclusive Design Institute. Blog posts detailing the work process can be found here, and you can play the game here!
“Playtown!” is a web game for kids to discover and personalize their own world. The game begins with a town map, and users can complete different activities at different locations. Players will be able to:
- build an ice cream sundae,
- create a robot,
- customize an avatar, and
- design a house!
All controls are switch-accessible, and users can also adjust text size and scroll speed. Design-wise, Playtown aims to follow the Inclusive Design Guide and the Game Accessibility Guidelines.
On the technical side, the game is being built with:
- HTML, JavaScript, & CSS (Using the Phaser game engine)
- Assembly, InkScape, & TexturePacker (Sprite creation)
Two-switch controls (tab to scan, enter to select) are recommended for users who want greater control over the scan speed.
Press the escape key at any point in the game to return to the previous screen:
- Location escapes to map
- Map escapes to main menu
- Main menu escapes to control selection
To run the game locally, complete the following steps:
-
Clone the repository:
git clone https://github.com/christine-hu/playtown.git -
Navigate to the repository, and download the dependencies:
npm install -
Set up a local testing server (ex:
python -m SimpleHTTPServer) -
Go to the server (ex:
localhost:8000) via your web browser. Tada!
You can serve the website from a Docker container.
Once you have Docker installed, run the following commands to build a Docker image and start a container:
- Build the image:
docker build -t playtown . - Run the container:
docker run --name playtown -p 8000:80 playtown
The website will be available at http://localhost:8000
- To stop and remove the container:
docker rm -f playtown
If you make changes to the code, repeat the steps to build the image and start a new container.