最近剛剛做了一個刮刮卡的游戲,現在給大家分享一下製作的思路。先給大家看下效果圖。 頁面是直接在網上找的就不過多介紹,大家可以直接百度。當用戶進入頁面的時候,後臺獲取用戶mac地址並存入資料庫作為用戶的標誌,以便於用戶第二天進入時刷新抽獎次數。 抽獎結果這一塊是用戶進入頁面直接生成一個隨機數並與資料庫 ...
最近剛剛做了一個刮刮卡的游戲,現在給大家分享一下製作的思路。先給大家看下效果圖。
頁面是直接在網上找的就不過多介紹,大家可以直接百度。當用戶進入頁面的時候,後臺獲取用戶mac地址並存入資料庫作為用戶的標誌,以便於用戶第二天進入時刷新抽獎次數。
public static NetworkInterface[] NetCardInfo() { return NetworkInterface.GetAllNetworkInterfaces(); } public string GETMAC() { List<string> macs =new List<string>(); NetworkInterface[] interfaces = NetworkInterface.GetAllNetworkInterfaces(); foreach (NetworkInterface ni in interfaces) { if (ni.GetPhysicalAddress().ToString() != "") { macs.Add(ni.GetPhysicalAddress().ToString()); } } return macs[0]; }
抽獎結果這一塊是用戶進入頁面直接生成一個隨機數並與資料庫匹配,根據結果改變刮刮卡後面的圖片。當用戶刮完以後根據用戶是否中獎轉跳至不同的頁面,下麵是判斷用戶是否刮完的代碼
canvas.addEventListener('mouseup', function(e){ e.preventDefault(); var num = 0; var datas = ctx.getImageData(0,0,320,400); for (var i = 0; i < datas.data.length; i++) { if (datas.data[i] == 0) { num++; }; }; if (num >= datas.data.length * 0.7) { ctx.fillRect(0,0,320,400); var i='<%=geti() %>'; if(i==1){ i++; var stsr='<%=str %>'; if(stsr!="") { alert("恭喜您中了"+stsr+"!即將跳轉至領獎頁面."); setTimeout(function(){ window.location.href("userInfo.aspx"); },1000); } else { document.getElementById('btn').style.display="block"; } if(i==2) { return; } } }; });
第一篇博客,如有不足之處,請多多指教。