转盘抽奖开发
❶ 用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)
是判断当前使用的浏览器函数,根据不同浏览器调用不同代码来实现效果
其他的不太清楚了
❻ 网上的转盘抽奖问题,原理是什么真实性如何
挣钱想请一下灶司不合适,因为灶司并不是菩萨,而是中国神话里管厨房的神。想赚钱的话,第一个,要布施。布施为因,然后念发财的名号或咒语,《药师经》、药师咒、黄财神咒、准提咒,都可以了,大悲咒都可以。
但是如果你没有布施的因,持戒做基本,布施,你念到天亮也没用,为什么?你没有那个因。重点你赚钱要做什么,也要想清楚。我赚了钱,我可以利益更多的众生,你这样福报就大了。你要得到生意兴隆,首先你要守戒律,什么叫戒律?五戒。戒杀,戒偷盗、邪淫、妄语、饮酒。通俗点不要对不起老婆,要孝顺父母,不赚人便宜,不说谎,说到做到,不要骗人,买卖东西也不要骗人,这叫戒律。以这个为基本,进一步供养三宝,帮助他人。