html5制作转盘游戏

h1{

width: 100%;

height: 3rem;

line-height: 3rem;

font-size: 1.8rem;

color:#c60;

text-align: center;

font-weight: bolder;

}

KinerLotter——大转盘

/**

*根据转盘旋转角度判断获得什么奖品

* @param deg

* @returns {*}

var whichAward = function(deg) {

if ((deg > 330 && deg <= 360) || (deg > 0 && deg <= 30)) { //10M流量

return "三网通流量10M";

} else if ((deg > 30 && deg <= 90)) { //IPhone 7

return "iPhone7";

} else if (deg > 90 && deg <= 150) { //30M流量

return "三网通流量30M";

} else if (deg > 150 && deg <= 210) { //5元话费

return "话费5元";

} else if (deg > 210 && deg <= 270) { //IPad mini 4

return "ipad mini4";

} else if (deg > 270 && deg <= 330) { //20元话费

return "话费20元";

}

var KinerLottery = new KinerLottery({

rotateNum: 8, //转盘转动圈数

body: "#box", //大转盘整体的选择符或zepto对象

direction: 0, //0为顺时针转动,1为逆时针转动

disabledHandler: function(key) {

switch (key) {

case "noStart":

alert("活动尚未开始");

break;

case "completed":

alert("活动已结束");

break;

}

}, //禁止抽奖时回调

clickCallback: function() {

//此处访问接口获取奖品

function random() {

return Math.floor(Math.random() * 360);

}

this.goKinerLottery(random());

}, //点击抽奖按钮,再次回调中实现访问后台获取抽奖结果,拿到抽奖结果后显示抽奖画面

KinerLotteryHandler: function(deg) {

alert("恭喜您获得:" + whichAward(deg));

} //抽奖结束回调

});

html5倒车游戏,html5制作转盘游戏相关推荐

基于Html+Css+javascript的游戏网页制作（游戏主题）-英雄联盟6页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站 ...
java设计老鼠游戏_construct2制作小游戏——捉老鼠小游戏
游戏测试链接开发工具:construct2 游戏介绍:上下左右按钮控制飞机,中间按钮放出子弹捕捉老鼠,灰老鼠比白老鼠厉害且移动速度快,还有一个穿梭门一样,老鼠经过那里就消失了游戏运行效果截图: 游 ...
linux编程拼图游戏,cocos2d-x制作拼图游戏
由于本人最近在学习cocos2d-x,一时手痒,写一个游戏练练手,也是对cocos2d-x进一步的巩固,于是敲了两天,就写了这个拼图游戏,还挺有成就感的,:-),先把我的成果展示如下: 由于cocos ...
html5 制作书架展示 PHP,html5制作转盘的详解及实例
今天给大家带来的案列是html5转盘实例,可以直接拿来做抽奖程序,有需要的朋友可以拿去使用,下面是案列代码. html5制作转盘游戏 h1{ width: 100%; height: 3rem; li ...
html页面转盘如何实现,html5制作转盘的详解及实例
今天给大家带来的案列是html5转盘实例,可以直接拿来做抽奖程序,有需要的朋友可以拿去使用,下面是案列代码. html5制作转盘游戏 h1{ width: 100%; height: 3rem; li ...
3DsMax游戏模型制作技巧，掌握这些技术你也能接私活啦
游戏3D模型制作使用的3D软件普遍是用3Dsmax 早期一点的魔兽世界,英雄联盟(LOL)热门端游,近期的页游,如今的手游(网易梦幻西游,腾讯王者荣耀,网易阴阳师等)模型都是用3Dmax制作的. 所以 ...
游戏建模入门教程：绝地求生—PUBG的游戏模型制作流程
<绝地求生>好玩吗?说实话,好玩也很刺激,尤其是进房子的时候被别人一枪偷了屁股的时候.自游戏发布以来,已经有一个年头了.今天在这里就给大家看看游戏里面的模型是什么样的!!! 如果你也想未来 ...
团建游戏----快乐大转盘
明阳天下团建游戏----快乐大转盘游戏类型:活动或团队参加人数:16人以上为佳,可多达150人,人员最好为偶数. 游戏时间:讲师自行掌握所需材料:无场地要求:大会 ...
从0到1了解游戏音乐制作
游戏中音乐是不可缺少的调味剂,能激起玩家的兴趣,给予玩家沉浸感.那么游戏音乐制作是什么样的呢?怎么才能给予玩家更强的沉浸感呢?下面一起来看看. 1.乐曲制作说明,只有从整体风格到乐器演奏,对创作这首作 ...

html5倒车游戏,html5制作转盘游戏

KinerLotter——大转盘

html5倒车游戏,html5制作转盘游戏相关推荐

最新文章

热门文章