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)

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> 

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.