轉盤抽獎開發
❶ 用html5+js 做一個轉盤抽獎怎麼做,求源碼!
5分給你個程序。。。
自己參考改吧
<input type="button" value="開始旋轉" onclick="spin();" style="float: left;" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<canvas id="wheelcanvas" width="500" height="500"></canvas>
<script type="application/javascript">
var colors = ["#B8D430", "#3AB745", "#029990", "#3501CB",
"#2E2C75", "#673A7E", "#CC0071", "#F80120",
"#F35B20", "#FB9A00", "#FFCC00", "#FEF200"];
var restaraunts = ["北京", "上海", "天津", "南京",
"杭州", "深圳", "武漢", "濟南",
"重慶", "大連", "合肥", "鄭洲"];
var startAngle = 0;
var arc = Math.PI / 6;
var spinTimeout = null;
var spinArcStart = 10;
var spinTime = 0;
var spinTimeTotal = 0;
var ctx;
function draw() {
drawRouletteWheel();
}
function drawRouletteWheel() {
var canvas = document.getElementById("wheelcanvas");
if (canvas.getContext) {
var outsideRadius = 200;
var textRadius = 160;
var insideRadius = 125;
ctx = canvas.getContext("2d");
ctx.clearRect(0,0,500,500);
ctx.strokeStyle = "black";
ctx.lineWidth = 2;
ctx.font = 'bold 12px sans-serif';
for(var i = 0; i < 12; i++) {
var angle = startAngle + i * arc;
ctx.fillStyle = colors[i];
ctx.beginPath();
ctx.arc(250, 250, outsideRadius, angle, angle + arc, false);
ctx.arc(250, 250, insideRadius, angle + arc, angle, true);
ctx.stroke();
ctx.fill();
ctx.save();
ctx.shadowOffsetX = -1;
ctx.shadowOffsetY = -1;
ctx.shadowBlur = 0;
ctx.shadowColor = "rgb(220,220,220)";
ctx.fillStyle = "black";
ctx.translate(250 + Math.cos(angle + arc / 2) * textRadius, 250 + Math.sin(angle + arc / 2) * textRadius);
ctx.rotate(angle + arc / 2 + Math.PI / 2);
var text = restaraunts[i];
ctx.fillText(text, -ctx.measureText(text).width / 2, 0);
ctx.restore();
}
//Arrow
ctx.fillStyle = "black";
ctx.beginPath();
ctx.moveTo(250 - 4, 250 - (outsideRadius + 5));
ctx.lineTo(250 + 4, 250 - (outsideRadius + 5));
ctx.lineTo(250 + 4, 250 - (outsideRadius - 5));
ctx.lineTo(250 + 9, 250 - (outsideRadius - 5));
ctx.lineTo(250 + 0, 250 - (outsideRadius - 13));
ctx.lineTo(250 - 9, 250 - (outsideRadius - 5));
ctx.lineTo(250 - 4, 250 - (outsideRadius - 5));
ctx.lineTo(250 - 4, 250 - (outsideRadius + 5));
ctx.fill();
}
}
function spin() {
spinAngleStart = Math.random() * 10 + 10;
spinTime = 0;
spinTimeTotal = Math.random() * 3 + 4 * 1000;
rotateWheel();
}
function rotateWheel() {
spinTime += 30;
if(spinTime >= spinTimeTotal) {
stopRotateWheel();
return;
}
var spinAngle = spinAngleStart - easeOut(spinTime, 0, spinAngleStart, spinTimeTotal);
startAngle += (spinAngle * Math.PI / 180);
drawRouletteWheel();
spinTimeout = setTimeout('rotateWheel()', 30);
}
function stopRotateWheel() {
clearTimeout(spinTimeout);
var degrees = startAngle * 180 / Math.PI + 90;
var arcd = arc * 180 / Math.PI;
var index = Math.floor((360 - degrees % 360) / arcd);
ctx.save();
ctx.font = 'bold 30px sans-serif';
var text = restaraunts[index]
ctx.fillText(text, 250 - ctx.measureText(text).width / 2, 250 + 10);
ctx.restore();
}
function easeOut(t, b, c, d) {
var ts = (t/=d)*t;
var tc = ts*t;
return b+c*(tc + -3*ts + 3*t);
}
draw();
</script>
❷ 轉盤抽獎軟體怎麼製作
參考《世新轉盤抽獎軟體》
功能特點:
* 支持添加刪除獎項,最多可以添加100個獎項。
* 支持設置獎項出獎比例。
* 支持設置獎項顯示比例,一個獎項的顯示比例與出獎比例可以不相同,不影響出獎。
* 設置定額獎項,限制獎項出獎數量。
* 轉盤支持半透明效果。
* 支持添加文字到抽獎轉盤,支持文字旋轉。
* 支持添加圖片到抽獎轉盤,支持圖片旋轉、縮放。
* 支持設置轉盤指針角度。
* 支持導出設計的抽獎轉盤到PNG文件。
* 支持3種轉盤轉動聲音。
* 支持設置背景圖片,支持添加文字到背景圖片。
* 支持設置背景音樂(要求Windows媒體播放器版本10以上)。
* 支持設置抽獎轉盤轉動時間和轉動圈數。
* 支持抽獎數據統計、支持查看詳細抽獎記錄。
❸ 轉盤抽獎程序
《世新轉盤抽獎軟體》可以實現,網路一下「世新轉盤抽獎軟體」
❹ 怎麼製作微信大轉盤怎麼做抽獎
1、找一個能夠製作微信大轉盤游戲的平台工具,以下面的為例子
2、注冊並登錄進入製作平台,找到所要創建的游戲,依次是:常規主題——常規活動——超級大轉盤——馬上創建
4、對製作好的游戲進行保存,然後返回「我的活動」界面,點擊發布,接著將游戲分享到各個移動平台上給用戶參與,整個微信大轉盤抽獎的製作就完成了。
除了這一個游戲,還有其他的微信游戲都可以用的~
❺ js轉盤抽獎求解釋裡面部分代碼的原理
應該是界面效果切換代碼
costheta = Math.cos(rad);
sintheta = Math.sin(rad);
是js數學函數
el.style.filter 是IE的濾鏡函數,其他瀏覽器應該無效的
window.navigator.userAgent.indexOf("Chrome")>=1)
是判斷當前使用的瀏覽器函數,根據不同瀏覽器調用不同代碼來實現效果
其他的不太清楚了
❻ 網上的轉盤抽獎問題,原理是什麼真實性如何
掙錢想請一下灶司不合適,因為灶司並不是菩薩,而是中國神話里管廚房的神。想賺錢的話,第一個,要布施。布施為因,然後念發財的名號或咒語,《葯師經》、葯師咒、黃財神咒、准提咒,都可以了,大悲咒都可以。
但是如果你沒有布施的因,持戒做基本,布施,你念到天亮也沒用,為什麼?你沒有那個因。重點你賺錢要做什麼,也要想清楚。我賺了錢,我可以利益更多的眾生,你這樣福報就大了。你要得到生意興隆,首先你要守戒律,什麼叫戒律?五戒。戒殺,戒偷盜、邪淫、妄語、飲酒。通俗點不要對不起老婆,要孝順父母,不賺人便宜,不說謊,說到做到,不要騙人,買賣東西也不要騙人,這叫戒律。以這個為基本,進一步供養三寶,幫助他人。