Giter VIP home page Giter VIP logo

simple-slot-machine-game's Introduction

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.

The Simple Slot Machine page on Render

Author

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

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 [email protected]: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

simple-slot-machine-game's People

Contributors

barbaracalderon avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.