Skip to content

Modern casino slot machine game using only plain JavaScript (Web Animations API)

License

Notifications You must be signed in to change notification settings

muonlineph/html5-slot-machine

 
 

Repository files navigation

HTML5 Slot Machine

Build and Deploy Status code style: prettier

This is a modern proof of concept casino slot machine game, built using only vanilla HTML, CSS and JavaScript. No Flash or Frameworks required. Allowing for an amazing low bundle size and blazing fast performance.

Built using the Web Animations API.

Live Demo

Features

  • Fully responsive for great UX on mobile, web & fullscreen mode.
  • Autoplay functionality, which keeps running even if the game window is in background.

Installation, Build & Deployment

  1. Clone repository
  2. Run npm install
    • Development: run npm start and go to http://localhost:8080
    • Production: run npm run build and serve from /dist

Configuration

For configuration options see config object in index.js

Property Description Default
inverted Controls visual spinning direction of reels. If false, reels will spin from bottom to top. If true, reels will spin from top to bottom false
onSpinStart Callback function invoked when spin starts with symbols pattern array (symbols) => void. undefined
onSpinEnd Callback function invoked when spin ends with symbols pattern array (symbols) => void. undefined

Credits

Icons are created by KPD Media and can be used for private and commercial purposes with no attribution required (check license here).

About

Modern casino slot machine game using only plain JavaScript (Web Animations API)

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.0%
  • CSS 15.1%
  • HTML 8.3%
  • Dockerfile 3.8%
  • Shell 0.8%