Slot machine HTML5
HTML5 Slot Machine
This example is a modern example of a casino slot machine that was created using simple standard HTML, CSS and JavaScript. No frameworks or Flash are required. This project holds 400+ slots, see it here everything is in an archive which provides phenomenally small package size and lightning fast performance. Using the web animation API to create.
Features
Fully responsive for excellent user experience on mobile, the web, and fullscreen.
Autoplay functionality, which continues to run even when the game window is hidden.
Install, Build, and Deploy
Clone archive
Start npm install.
Run npm start during development, then navigate to http://localhost:8080
Run npm run build and serve from /dist for production
Configuration
See the config object in index.js for configuration options.
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 |