Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/barbaracalderon/simple-slot-machine-game
The simple Slot Machine game played in Casinos recreated in HTML, CSS and Javascript.
https://github.com/barbaracalderon/simple-slot-machine-game
casino casino-games css game html javascript slot-machine slot-machine-game slot-machine-js
Last synced: 24 days ago
JSON representation
The simple Slot Machine game played in Casinos recreated in HTML, CSS and Javascript.
- Host: GitHub
- URL: https://github.com/barbaracalderon/simple-slot-machine-game
- Owner: barbaracalderon
- Created: 2024-02-12T12:38:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-15T23:51:31.000Z (9 months ago)
- Last Synced: 2024-02-16T01:41:16.427Z (9 months ago)
- Topics: casino, casino-games, css, game, html, javascript, slot-machine, slot-machine-game, slot-machine-js
- Language: JavaScript
- Homepage: https://simple-slot-machine-game.onrender.com/
- Size: 927 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.github.com/barbaracalderon)
- [Linkedin](https://www.linkedin.com/in/barbaracalderondev)
- [Twitter](https://www.x.com/bederoni)
## 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](https://simple-slot-machine-game.onrender.com/)
### Locally
#### 1. Clone the repo
```bash
git clone [email protected]:barbaracalderon/simple-slot-machine-game.git
```
#### 2. Enter the project directory
```bash
cd project-name
```
#### 3. Install dependencies
Make sure you have Python installed.
```bash
pip install -r requirements.txt
```
#### 4. Run
```bash
gunicorn --bind "0.0.0.0:80" wsgi:app
```
## Credits
- Font: "Press Start 2P" from Google Fonts
- Images: PNG format