tag:blogger.com,1999:blog-1604664171667408059.post8985145075290650153..comments2023-11-24T03:13:09.265-08:00Comments on Melodies Labs: Latest jQuery plugin - HTML5 Spin WheelRoy2000http://www.blogger.com/profile/01032757294214050736noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-1604664171667408059.post-2809870544898797642019-03-01T22:44:30.620-08:002019-03-01T22:44:30.620-08:00Its really helpfull. thanks for sharingIts really helpfull. thanks for sharingcodescompanionhttp://codescompanion.comnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-44192728995040756562019-02-03T02:15:10.546-08:002019-02-03T02:15:10.546-08:00this is very nice example. Keep up the good work. ...this is very nice example. Keep up the good work. Official Trailerhttp://officialtrailers.innoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-14392790258305644382016-07-07T07:24:14.161-07:002016-07-07T07:24:14.161-07:00Hii,
Am trying link this. I can see the whell ...Hii,<br /> Am trying link this. I can see the whell but remaining face is coming empty means white color is appear how to ficx this <br /> $('.canvas').spinwheel({<br /> pplArray : ["1","2"]<br /> }); Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-12127237049790447692015-08-10T05:09:35.584-07:002015-08-10T05:09:35.584-07:00how to add images? how to add images? Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-12704973056768642742014-03-27T16:52:21.204-07:002014-03-27T16:52:21.204-07:00Hey! Looks the code! We're using it in one of ...Hey! Looks the code! We're using it in one of our projects. Question though - this looks quite blurry on the iPad. Any ideas?Barwickhttps://www.blogger.com/profile/13346566375972600771noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-72506900150098103362013-11-21T11:51:14.202-08:002013-11-21T11:51:14.202-08:00I updated the source code to reflect that change.I updated the source code to reflect that change.Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-1638284155106332132013-11-21T11:46:37.220-08:002013-11-21T11:46:37.220-08:00Hi Maxmas,
If you look at the declared variables,...Hi Maxmas,<br /><br />If you look at the declared variables, there are <br /><br />pplLength = 12, pplArray = params.pplArray;<br /><br /><br />Somehow I hardcoded the number there as an example<br /><br />The best way to do is rearrange the variables to look something like below<br /><br />pplArray = params.pplArray, pplLength = pplArray.length<br /><br />So basically makes the pplLength to reads the actually 'length' of the array.<br /><br />Hope it helps :)<br />Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-69111138266266679982013-11-20T23:18:03.137-08:002013-11-20T23:18:03.137-08:00Hello, How can I increase the number of items at t...Hello, How can I increase the number of items at the beginning? I mean more 12 items on the wheel at the beginning. I try increase the pplArray array, it is not work. If I want it have 60 items at beginning. How should I modify? <br />Thanks!!<br />maxmashttps://www.blogger.com/profile/16686952870157698926noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-3099377879402325322013-06-17T11:02:44.209-07:002013-06-17T11:02:44.209-07:00Hi Ahmad,
You can look at the source code, and lo...Hi Ahmad,<br /><br />You can look at the source code, and look at the function "stopRotateWheel". Technically speaking, it is not the same as "getting the value from the pointed arrow" , however, it has the same visual result though. <br /><br />The arrow is just a canvas, and the value return is based on translating the "arc degree" to index of the array you defined earlier in pplArray. <br /><br />Hope it helps :)Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-39449870048183697722013-06-16T19:43:09.012-07:002013-06-16T19:43:09.012-07:00Hi Roy,
I just look up the keyword spinning wheel...Hi Roy,<br /><br />I just look up the keyword spinning wheel and i found this post. <br /><br />Is it possible to get the value from the pointed arrow.Anonymoushttps://www.blogger.com/profile/00101645987137133979noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-18067784066408773732012-09-13T11:50:02.495-07:002012-09-13T11:50:02.495-07:00No problem, you can always send me message if you ...No problem, you can always send me message if you have javascript or html5 question. I don't guarantee I know all the answers though :) Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-19138861759965472112012-09-13T11:41:37.150-07:002012-09-13T11:41:37.150-07:00thanks for taking the time to respond to my post, ...thanks for taking the time to respond to my post, Roy. Looks like I have some learning to do!Whatsupguyhttps://www.blogger.com/profile/07745783576582240977noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-58939399677051747042012-09-13T11:40:56.582-07:002012-09-13T11:40:56.582-07:00Hi Jason,
Here is a tutorial on how to use javasc...Hi Jason,<br /><br />Here is a tutorial on how to use javascript to interact with html5 audio - http://www.position-absolute.com/articles/introduction-to-the-html5-audio-tag-javascript-manipulation/<br /><br />And for this spin wheel case,<br /><br />[ For spin button click ]<br />For example, you can add an Event listener on "Spin wheel" button, and inside the callback, you can add javascript to interact with your audio.<br /><br />But for a better solution, you can create a separate js module that do audio manipulation, and your new js module can still listen to the same "spin wheel button" click event.<br /><br />Even better solution is trigger a custom event and then add a event listener, in this way, you can keep your code clean and decouple. <br /><br /><br />[ For wheel stops ]<br />You can trigger an event inside "stopRotateWheel" function, for example "wheelStopEvent", and then you have a listener that listen to that event, and use js to interact with the audio.Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-8682002111329172492012-09-12T06:15:44.070-07:002012-09-12T06:15:44.070-07:00Hi Roy. New to HTML5 here and playing around with ...Hi Roy. New to HTML5 here and playing around with the wheel code. How would you add sound to this that plays when the spin button is pressed and stops when the wheel stops?<br /><br />thanks man! <br /><br />Whatsupguyhttps://www.blogger.com/profile/07745783576582240977noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-43426698962903887532012-09-05T23:50:22.965-07:002012-09-05T23:50:22.965-07:00Is there any way of how to pass an image instead o...Is there any way of how to pass an image instead of textANUSHAnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-85195394723741552872012-07-26T16:08:24.029-07:002012-07-26T16:08:24.029-07:001) Well, as long as there is a drawing library tha...1) Well, as long as there is a drawing library that can mimic Canvas / SVG, it is possible to create that without HTML5<br /><br />2) Yes, it is possible to use both images and texts<br /><br />3) Yes, you can change the math inside to control how the wheel behaveRoy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-60201635194111857672012-07-18T00:42:44.674-07:002012-07-18T00:42:44.674-07:00Is it possible to make out not html5 version, but ...Is it possible to make out not html5 version, but normal version that can see on all browser?<br />Is the slices able to customise to be a mixture of images and texts.<br />Is there a way to control where the wheel stops?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-58798141296508094212012-06-01T07:26:49.694-07:002012-06-01T07:26:49.694-07:00I got nuttin???I got nuttin???Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-84173571411333908652011-07-22T21:46:33.895-07:002011-07-22T21:46:33.895-07:00Hi Jim,
Depends on how fancy you want that to be....Hi Jim,<br /><br />Depends on how fancy you want that to be. And it will require quite some code modifications. You may want to look at jquery draggable and the next step you can detect the mouse move direction ( basically you need to capture at least 2 points from the mouse move to make sure the direction is up or down, left or right ). And then after the mouse move, you can trigger the spin function.<br /><br />Since you have access to the code, you can take a look at some of the functions there. And feel free to let me know how things work out for you.Roy2000https://www.blogger.com/profile/01032757294214050736noreply@blogger.comtag:blogger.com,1999:blog-1604664171667408059.post-80197981213252830952011-07-22T15:29:15.123-07:002011-07-22T15:29:15.123-07:00Nice. How difficult would it be to modify this cod...Nice. How difficult would it be to modify this code to allow the user to hover over the wheel and "spin" or drag the wheel using his/her mouse?Jimhttp://www.mytechmusings.comnoreply@blogger.com