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/luckywheelsystemv3/ (gafami / 123456) (New Generation with leaderboard and manage player login) Demo site: https://iomgame.com/luckywheelsystem/ (gafami / 123456) (Stable legacy system with none login required for player)

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.

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.

+ Can run and play directly inside almost app chat as: Samsung line, Skype, Whatapp, Facebook messenger, Facebook webview, Zalo.

+ 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) {

});

5.2) How to hide burger menu and redeem menu?

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

Example:

<!-- BURGER MENU -->
<div class="burger-menu hide">
    <span class="active" />
    <span class="active" />
    <span class="active" />
    <div class="counter">...</div>
</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”

5.6) How to change reward image?

=> After you export the wheel please go to folder “img/” you will see a list of reward image names as “reward 0.png. rewards1.png etc..”, just replace it with your expected image.

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. Discord: https://discord.gg/H95aqQrA

CHANGELOG

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

**v2.0.3 - 2022.11.11 (Released) **
-- Add new wallpaper world cup 2022.
-- Add new wheel UX world cup 2022.
-- Minor improve for countdown UI.

**v2.0.2 - 2020.09.08 (Released) **
-- Add 5 slices option.

**v2.0.1 - 2020.03.23 **
-- Small bug fixes for 12 slices reward image rotation.

**v2.0.0 - 2020.03.22 **
-- Add feature upload reward image for each slice.

**v1.1.13 - 2020.09.28 **
-- Add new Wheel UX and Wallpaper "Zodiac".

**v1.1.12 - 2020.07.02 **
-- Add new Wheel UX "Gift" 
-- Minor bug fixes related to upload spin icon.

**v1.1.11 - 2020.05.29 **
-- Add new feature "Change Wheel UX" 
-- Minor bug fixes.

**v1.1.10 - 2020.04.16 **
-- 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.