This author's response time can be up to 5 business days.
are there any way to get the source code ? , when i buy it you allow me to call the API or what ?
When you buy it you download the JS, CSS and HTML/SVG code.
Should this work straight after download? I’m loading index.html in my browser and no wheel is being displayed? I only see a Click to Spin button.
Thanks for purchasing! Please see this FAQ https://codecanyon.net/item/spin2win-wheel-spin-it-2-win-it/16337656/faqs/28306
Thanks. It appears to work with Firefox browser locally but not with Chrome.
Weird – it shouldn’t work locally at all on any browser – bonus feature!
Is there a way to stop the game over message from loading?
Sorry I totally missed your message. You can set the CSS for .toast to display:none; using the onGameEnd event I think
After the spin, Is it possible to place a email gate, the user has to enter his/her email address and the code will be sent to their email & be displayed on the window.
- Also, can the code be dynamic. Different Code is sent & displayed to different users.
Sounds like you’d need to set up a login/account system. Then you could control those elements.
Hello sir. I have purchased your wheel, I uploaded it on the website and it is in the same form as it is on envato. How can I customize it to change wheel names category and give a probability ? Shall I connect it in a way with wordpress or should I change from the files code ? How can I customize it if the files are already compiled ? Thank you
Look for the file wheel_data.json. This file is a text file you can open in any text editor. You can change the look of the wheel in here as well as the number of segments, what labels they have, what colours they are, how big the wheel is and more.
A good place to start is the documents here: https://gist.github.com/chrisgannon/1afba5c07faeb9947a2e84d987200e3e#json-properties
Try changing the entries in “segmentValuesArray” – this will alter the segments’ contents.
I changed the parameters from values from cpanel and saved but it does not change. Why ? I edit wheel_data.json directly from cpanel where I upload the files. Is this a problem ? I also saw that after some spins it enters the string where it is written ..now go and buy it ! so after some visitor will enter my website and spin more then 3 times it will appear that string now go and buy it. Shall I delete that?
I don’t think you can edit the JSON through the cPanel. Also search through the JSON file – you will find that ‘Now go and buy it’ text in there – then you can change it.
Ok so in this case should I open the file with notepad++ and edit from there then upload in cpanel again or??
Correct! Just make sure you’re uploading the edited version
How do I spin the wheel without any user interaction at all?
Check out this FAQ https://codecanyon.net/item/spin2win-wheel-spin-it-2-win-it/16337656/faqs/27996
Hi again. How do I suppress results as shown in the demo? I removed the ‘toast’ element but now am getting a DOM exception. Thanks
You can’t remove it but you can set its CSS to display:none;
is there a way to change the volume of the wheel tick?
To set the ticker volume, in Spin2WinWheel.js look for setInitData() function and inside it add:
pegSnd.volume = 0.5; //half the volume
Hey Chris, great work on this, really nice & easy to use script! One question I’m hoping to pick your brains on though. What would be the most straightforward way to automate testing of 100 or 1000 spins to check that the probability/outcomes are correct?
Hmm good question. You could set the numSpins:1000 then onGameEnd call the spinBtn’s onclick(); function. This would automate clicks.
To speed it all up you can write:
This will speed up all animations by a factor of 3 so you don’t have to wait long for a spin.
Then maybe capture each result into the console (or wherever) using the onResult event.
can i create two wheels in a site so that i can do a/b testing?
Yes – you’d need two lots of JSON (unless they used the same dataset). If you intended to use two wheels live you’d need two licenses.
We bought your tool yesterday and we are trying to view the index.html file and it doesn’t show the wheel.
After looking in the support, we’ve seen a comment that says to put all downloaded files on the server but after doing that it also doesn’t show the wheel.
What are we missing here?
Do you have a URL you can send me? Private message me the link and I’ll have a look
This comment is currently being reviewed.
Please don’t post URLs in the public forum. Thanks!
You haven’t upload the wheel_data.json. Please place it in the same folder as the index.html
Yes i did it, it’s in the same folder
Maybe MIME Type issues?
Remove code in the red circles https://snag.gy/67TDqk.jpg
Still not working
You’ve still left a var wheelDataObject = in there. Remove it. Your file should start off exactly like this https://s3-us-west-2.amazonaws.com/s.cdpn.io/35984/demo_wheel_data.json
var wheelDataObject =
thanks it works now!
I’ve just purchase your code. Can I just ask, is there any way for me to set the settings (probability) based on the number of clicks of the spin button?
click 1-20: all except one is probability 100. one is 0
click 21 – 50: all except one is probability 100. one is 10
click 51 onwards: all is probability 100
You could try storing the JSON as a JS object instead. Then update the probability values each time you click a certain number of times. I haven’t tested this but worth a go.
Hi Chris, thanks for the reply. However, I couldn’t really understand the method you mentioned. Can you roughly draft an example for me? Thanks.
Hello chris gannon, first of all thanks for providing this game for sale. I’m having a problem though… The ticker sound won’t play in Safari, resulting in this error: Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission. Apparently this game does work in Safari, maybe you can apply such a solution to make it work? https://codecanyon.net/item/lucky-wheels-html5-game/20299831?s_rank=4
This is a known bug in Safari that is currently under review to be fixed. It’s annoying EVERYONE so I can only apologise for Apple’s incompetence – however I won’t be issuing a fix for it just yet because it should (hopefully) be fixed in an upcoming release.
Have a great day !
if i only want one person out of hundreds to win can i set it up like that, that once the segement has been selected it will never be selected again ?
See this FAQ. It allows you to change the probability as long as you use the JSON data as a JS object.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $8.50
Deliver better projects faster. Photos, templates & courses
Unlimited downloads. Only $29/month
Learn almost anything with
Envato Tuts+ for free
25,000+ tutorials and 1,000+ courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work