Simple Slot Machine Game

This is a simple slot machine game built using HTML, CSS, and JavaScript. The game features three reels with various images, a start button to spin the reels, and dynamic display of balance and bet values.

Author

I'm Barbara Calderon, a software developer from Brazil.

• Github
• Linkedin
• Twitter

Technologies Used

Frontend

• HTML
• CSS
• JavaScript

Backend

• Flask
• GUnicorn

Features

• Three reels with different images
• Start button to spin the reels
• Dynamic display of balance and bet values
• Casino-style design with "Press Start 2P" font
• The text content is in Portuguese language
• Deployed on the Render platform

Game points

If you achieve three reels with the same image, you earn points as follows:

• 3 BAR = 100
• 3 Cherries = 50
• 3 Lemons = 25
• 3 Watermellons = 20
• 3 Apples = 15
• 3 Grapes = 10
• 3 Oranges = 10
• 3 Bananas = 10

Motivation

The slot machine game was created as a challenge project to explore frontend skills and JavaScript programming. Initially, the intention was to use Pixi.js for graphics rendering, but due to time constraints and a steep learning curve (first time dealing with it), a simpler approach with basic HTML, CSS, and JavaScript was chosen. I also had plans to add a slot lever sound effect when pressing play, but was unable to find a free resource available.

Getting Started

Online

Play: Simple Slot Machine Game

Locally

1. Clone the repo

git clone git@github.com:barbaracalderon/simple-slot-machine-game.git

2. Enter the project directory

cd project-name

3. Install dependencies

Make sure you have Python installed.

pip install -r requirements.txt

4. Run

gunicorn --bind "0.0.0.0:80" wsgi:app

Credits

• Font: "Press Start 2P" from Google Fonts
• Images: PNG format