html5的非常簡單圓形轉盤抽獎程式碼
非常簡單的html5 canvas實現的圓形轉盤抽獎程式碼,無需jQuery就可以實現的抽獎轉盤特效。
var fillStyle = ['rgb(255,154,2)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0 )','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92, 4)']
,fillText = ['一等獎','二等獎','三等獎','四等獎','五等獎','六等獎','7等獎','8等獎','9等獎','10等獎']
,width = 400
,height = 400
,c_x = 200
,c_y =200
,radius = 170 // 圓盤半徑
,canvas = document.getElementById('bg')
,index =0
,timer = null
,running = false // 是否運行中
,speed = 300 // 速度
,isBeginPrize = false // 是否開始抽獎
,stepping=0 // 步數,經過一個扇形為1步
,basecircle = 3 // 點選開始時,圓盤旋轉的圈數,旋轉玩指定圈數之後,再根據selected的值決定獎項
,selected =0; // 最後選取第幾個扇形,也就是確定幾等獎
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
28 Dec 2024
HTML5 中物件的儲存本機和會話儲存查詢:HTML5 的 localStorage 和 sessionStorage 能夠有效儲存原始資料...
Hot Tools
HTML5 Canvas愛心飄動動畫特效
HTML5 Canvas愛心飄動動畫特效是一款直接用瀏覽器開啟可以看到一顆心的生成動畫。
H5熊貓彈跳小遊戲原始碼
html5手機熊貓也瘋狂小遊戲原始碼。遊戲說明:長按螢幕調整熊貓彈簧的強度,跳到石柱上。掉到河裡遊戲結束。
html5情人節盒子動畫特效
基於svg繪製情人節一個個愛心盒子禮物打開動畫,愛心盒子動畫特效。
H5 3D滾球遊戲原始碼
html5酷炫3D彩球滾動手機遊戲代碼下載。遊戲介紹:一個彩色圓球滾動,透過滑鼠或手機觸控螢幕拖曳來控制彩球的運行當前線路軌跡。這是一款簡單易操作的手機小遊戲原始碼。