23709530-Lucky Wheel 12 – HTML5 Game.zip

Lucky Wheel 12 – HTML5 Game


Lucky Wheel 12 is a small HTML5 game where you spin the wheel to win the reward.

The zip package contains the admin config page allow you to customize your wheel with many options as: graphic, background, total slices and your brand logo.

1) Full backend / frontend solution: (Not in this package)

Demo site: https://iomgame.com/luckywheelsystem/ (gafami / 123456)

2) How to config:

After purchasing the package => Extract the zip package and please open “index.html” file in the folder “Documentation” to see the installation guide.

Beside it, you also access and watch video “Quick Star” guide from here: https://www.youtube.com/watch?v=bKycXwn13_8

3) How to play:

Just tap the icon “Skynet” or your brand own logo => The wheel will rotate and stop at random reward.

4) Features:

+ Wheel customizes: total slices, background, brand logo, reward value, graphic shadow.

+ Responsive design well on mobile, tablet and desktop.

+ High resolution support (1366×768).

+ Very fast render in almost modern browsers, WebView.

+ Minimum JavaScript library: No jQuery, just native script and only one SVG library.

+ Make with SVG.js

+ Support spin from both ways: client side or server side.

5) FAQs:

5.1) How to spin from server side?

In the wheel.html

// Spin from server side
const rewardIndex = 8;
spin(function(data) {

}, rewardIndex);

// Spin from client side
spin(function(data) {


For full example script including call API please go to this link => https://iomgame.com/testscript/spinWithServer.js

5.2) How to hide burger menu and redeem menu?

In the wheel.html => Just add class “hide” to that html component


<!-- BURGER MENU -->
<div class="burger-menu hide">
    <span class="active" />
    <span class="active" />
    <span class="active" />
    <div class="counter">...</div>

5.3) How to apply my background image?

In the admin page choose “Your background” in Wallpaper config.

In the export folder copy your background image to folder img/ => And then rename it to custom-bg.png

5.4) How to enable email sending in Gmail?

Please visit this link: https://pepipost.com/tutorials/send-an-email-via-gmail-smtp-server-using-php/

=> And follow step 1 -> step 4

5.5) How to change default spin sound to your own sound?

=> Just copy your sound with the same file name and replace it at this path “media/spinSound.mp3”

6) Support Channel:

Please contact me via email or Skype for any questions related to this product. I support for developing small features with free cost.

Lucky Wheel 12 - HTML5 Game - 1


To update the plugin just re-download the purchased package.

**v1.1.10 - 2020.04.16 (Released) **
-- Add config spin sound.

**v1.1.9 - 2020.03.09 **
-- Add UI / UX to allow edit image link for "Banner" module to support non-coding way.

**v1.1.8 - 2020.03.05 **
-- Add new UX / UI "Banner mode".
-- Add more screenshots.

**v1.1.7  - 2020.02.06 **
-- Add new wallpaper "Flame".
-- Add more screenshots.

**v1.1.6  - 2020.01.03 **
Link CDN image for wall paper: 
+ https://ucarecdn.com/b2564dd3-b83f-48d3-a25d-e2a594d698f3/19_preview19.jpg
+ https://ucarecdn.com/e822e17f-a52f-41c6-b9a4-50ed50e7e0bb/18_preview18.jpg

-- Add new wallpaper "Songkran".
-- Add more screenshots.

**v1.1.5  - 2019.12.27 **
-- Add new feature "Config redirect link for each slice data".
-- Optimized stylesheet: Move admin's stylesheet to the new file. Since the client wheel doesn't need them.
-- Add more screenshots.

**v1.1.3  - 2019.12.16 **
-- Small changes for the admin page. (Send email and "show reward popup" features just works when you export the wheel)
-- Bug fixes when spin from server side with reward index return 0.
-- Updated FAQs.

**v1.1.0  - 2019.12.06 **
-- Add new wallpaper "Happy new year", "Merry Christmas".
-- Optimized resource render.
-- Allow modify wheel color (Ask me to modified).
-- Add more screenshots.

**v1.1.0  - 2019.11.12 **
-- Add new option for wallpaper config => upload your own background.
-- Add more preview screenshots.
-- Bug fixes email SMTP feature send incorrect price.

**v1.0.9  - 2019.11.02 **
-- Support spin from both ways: client side or server side. Please follow FAQ section to see how to use it.

**v1.0.8  - 2019.10.30  **
-- Add new component "Wallpaper Config" 
-- Add more preview screenshots.

**v1.0.7  - 2019.09.21 **
-- Add new component “Get Customer Email”.
-- Send email address of the customer who win the reward to configure email.
-- Add more review screenshots.

**v1.0.6  - 2019.09.16 **
-- Add new component "Countdown Timer".
-- Add more preview screenshots.

**v1.0.5  - 2019.07.18 **
-- Add support Free Text on slices.
-- Add login form option.
-- Add more preview screenshots.

**v1.0.4  - 2019.07.18 **
-- Support the wheel with 36 slices option.

**v1.0.3  - 2019.07.08 **
-- Update new module "Reward Popup" to help buyer can implement theirs affiliate.
-- Update preview screenshot for Reward Popup" module.
-- Improve speed load when embedded this product into iOS WebView, Android WebView and React Native WebView.

**v1.0.2 - 2019.06.14 **
-- Add new module “Reward Bag” to allow player redeem  reward later.

**v1.0.1 - 2019.05.10 **
-- Improve rotation animation smoother.
-- Improve Admin page and bug fixes.

**v1.0.0 - 2019.04.30 **
-- First release.

Download Links :
23709530-Lucky Wheel 12 – HTML5 Game.zip