大转盘代码概率算法已经写好

所属分类:其他-游戏

 7387  51  查看评论 (4)
大转盘代码概率算法已经写好 ie兼容10

大转盘由原生js实现

里面已经写好概率算法 

下面附带一下简答你的代码 :  

任何问题加QQ 1041993416 ; 在的话会回应 ; 以后还会分享其他代码 ;  

转盘旋转结构 

<ul id="wheel" class="wheel-list">
	<li style="transform: rotate(0deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				一等奖
			</h3>
			<p>
				iPhone6 plus
			</p>
		</div>
	</li>
	<li style="transform: rotate(60deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				再接再厉
			</h3>
			<p>
				呜呜 没有中奖 ...
			</p>
		</div>
	</li>
	<li style="transform: rotate(120deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				鼓励奖
			</h3>
			<p>
				差一点啊
			</p>
		</div>
	</li>
	<li style="transform: rotate(180deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				四等奖
			</h3>
			<p>
				特级红富士一个
			</p>
		</div>
	</li>
	<li style="transform: rotate(240deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				三等奖
			</h3>
			<p>
				iPad mini retina
			</p>
		</div>
	</li>
	<li style="transform: rotate(300deg);">
		<i style="transform: rotate(30deg) skewY(30deg);">
		</i>
		<div class="prize">
			<h3>
				二等奖
			</h3>
			<p>
				iPad Air2
			</p>
		</div>
	</li>
</ul>

算法js : 

//开始 function  ran = 随机 
function operation(ran) {
	lenCloc++;
	var Prize = turntable[ran] - 1,
	sun = turn * 360; //编号  // 度数  //  时间
	if (Prize >= totalNum) {
		Prize = 0;
	}
	var soBuom = parseInt(Math.floor(Math.random() * 60) - 30);
        //避免多次出现1等奖 所以要删除 下标 
	turntable.splice(ran, 1);
	//旋转度数 = 上次度数+ 最小圈数 * 360 + 当前数字 * 60 +随机角度  = 最终旋转度数
	wheel.style.transform = "rotate(" + ((lenCloc * sun + Prize * 60) + soBuom) + "deg)";
	//wheel.style.webkitTransform = "rotate("+((lenCloc*sun+Prize*60)+soBuom)+"deg)";
	setTimeout(function() {
		alert("您获得了奖品编号:" + PrizeSon[Prize]);
		isStatr = false;
	},
	3200);
}

简单参数:

var totalNum = 6 ; // 转盘 总数
var trunNum = [ 1 , 2 , 3 , 4 , 5 , 6 ]; //概率奖品 编号
var turntable = [] ; // 随机概率计算
var isStatr = false ; //锁 专拍没有执行完的时候 不可以再次点击 ;
var lenCloc = 0 ; //当前第几次计算叠加的度数
var turn  = 3 ; //转盘旋转最低的圈数


相关插件-游戏

大转盘代码概率算法已经写好

分享大转盘代码全css3实现无图片 概率算法已经写好
  游戏
 7387  51

jQuery h5老虎机

jQuery h5老虎机demo
  游戏
 12565  26

js拼图插件

js拼图游戏,保证你玩的停不下来。
  游戏
 6275  51

自己研究的js碰撞检测

飞机小游戏,鼠标点击发射子弹,子弹检测与敌机碰撞,敌机与自己碰撞
  游戏
 1892  10

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    曹超-Cc 0
    2016/11/30 17:11:31
    感觉角度调的有点不大对 。。。结束应该是指在中间的。而不是旁边 回复
    崔CCCCCCQJ 0
    2016/11/17 16:11:11
    你好,我想问,这个怎么使用 回复
    DIV 0
    2016/11/16 15:11:34
    不能适应移动设备 差评 回复
    勿忘初心 0
    2016/11/16 9:11:00
    不错,不用引进JQuery,纯css3绘图,牛 回复
取消回复