833 lines
27 KiB
JavaScript
833 lines
27 KiB
JavaScript
var userid = parseInt($('#userid').val());
|
|
var login_token = $('#login_token').val();
|
|
var table_id = parseInt($('#table_id').val());
|
|
var game_id = parseInt($('#game_id').val());
|
|
var account = $('#account').val();
|
|
var number_tab_id;
|
|
var ludan;
|
|
var isCBoot = false;
|
|
var isopentime = false;
|
|
var num = 0;
|
|
var card_info=[];
|
|
|
|
var websocket = io(websocketProtocol+"://"+websocketUrl+"/?table_id="+table_id+"&account="+account+"&connect=space&userid="+userid+"&login_token="+login_token,{transports: ['websocket']});
|
|
websocket.on('reconnecting', (timeout) => {
|
|
//触发重连
|
|
layer.msg('服务断开,正在重新连接...', {
|
|
icon: 16,
|
|
shade: 0.6,
|
|
time:0,
|
|
});
|
|
});
|
|
websocket.on('reconnect', (timeout) => {
|
|
//重连成功
|
|
layer.closeAll();
|
|
layer.msg('服务重新连接成功');
|
|
});
|
|
//事件 发送*******************************************************************************************************************
|
|
var startBet = function(){
|
|
websocket.emit('startBet',{table_id : table_id, number_tab_id : number_tab_id});
|
|
};
|
|
var endBet = function (){
|
|
websocket.emit('endBet',{table_id : table_id, number_tab_id : number_tab_id});
|
|
};
|
|
var resetNumberTab = function(){
|
|
isCBoot = true;
|
|
var betStatus = $("#number_tab_status").val();
|
|
if(betStatus == 1 || betStatus == 2){
|
|
layer.confirm(lang.is_reset_number,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
|
|
websocket.emit('resetNumberTab',{table_id : table_id});
|
|
isCBoot = false;
|
|
layer.close(index);
|
|
$('#dice_item_1 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_2 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_3 img').attr("src", '/static/handle/img/dice0.png');
|
|
hideDiceBox();
|
|
},function(index){
|
|
isCBoot = false;
|
|
});
|
|
}else{
|
|
layer.msg(lang.reset_number_fail);
|
|
}
|
|
};
|
|
var changeBoot = function(){
|
|
isCBoot = true;
|
|
var betStatus = $("#number_tab_status").val();
|
|
if(betStatus == 0 || betStatus == 3){
|
|
layer.confirm(lang.is_to_boot,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
|
|
websocket.emit('changeBoot',{table_id : table_id});
|
|
isCBoot = false;
|
|
layer.close(index);
|
|
},function(index){
|
|
isCBoot = false;
|
|
});
|
|
}else{
|
|
layer.msg(lang.change_boot_false);
|
|
}
|
|
};
|
|
var resetBoot = function(){
|
|
layer.confirm(lang.is_to_balance,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
|
|
websocket.emit('resetBoot',{table_id : table_id});
|
|
layer.close(index);
|
|
});
|
|
};
|
|
var opening = function(){
|
|
$('.control-box .btn-box2 span').removeClass('on');
|
|
let result = $('#dice_result').val();
|
|
websocket.emit('openingDice',{table_id : table_id, number_tab_id : number_tab_id, result : result});
|
|
};
|
|
// 骰宝显示
|
|
var showDiceBox = function (){
|
|
$('#dice_box').fadeIn();
|
|
}
|
|
var hideDiceBox = function (){
|
|
$('#dice_box').addClass('flicker');
|
|
$('#dice_box').fadeOut(2400,'linear',function(){
|
|
$('#dice_result').val("");
|
|
$('#dice_box').removeClass('flicker');
|
|
$('#dice_item_1 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_2 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_3 img').attr("src", '/static/handle/img/dice0.png');
|
|
});
|
|
}
|
|
//事件 发送*******************************************************************************************************************
|
|
//事件返回*********************************************************************************************************************
|
|
websocket.on('onlineLogin',function(data){
|
|
if (data.table_id === table_id) {
|
|
if(data.status === true){
|
|
setNumberInfo(data.round);
|
|
setBetStatus(data.round.number_tab_status);
|
|
waybillFunc();
|
|
}else{
|
|
layer.msg(lang[data.msg],{time:0});
|
|
}
|
|
}
|
|
|
|
});
|
|
websocket.on('RepeatedEntry',function(data){
|
|
websocket.close();
|
|
layer.msg(lang[data.msg]);
|
|
setTimeout(function (){
|
|
window.location.href='/login/logout';
|
|
},2000);
|
|
});
|
|
websocket.on('startBet',function(data){
|
|
if(data.status === true && data.table_id === table_id){
|
|
mp3List = ['start.mp3'];
|
|
audioMp3(mp3List).Play();
|
|
setBetStatus(data.round.number_tab_status);
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('sendScanResult',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
if(game_id == 1 || game_id == 2){
|
|
Flop(data);
|
|
}else if(game_id==4||game_id==5){
|
|
if(data.round.position == 0){
|
|
flop_position(data);
|
|
}else{
|
|
flop_card(data);
|
|
}
|
|
}
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('resetNumberTab',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
setNumberInfo(data.round);
|
|
setBetStatus(data.round.number_tab_status);
|
|
$(".countdown").css({"opacity":0,"display":"none"});
|
|
$(".countdown .grab-count").removeClass("count-active");
|
|
$(".begincard .box").animate({"opacity":"0"},function(){
|
|
$(".begincard").fadeOut();
|
|
|
|
$(".table-info .nobegin-tip").fadeIn();
|
|
$('.box1').css("background-color","rgba(0, 0, 0, 0.5)");
|
|
$('.box2').css("background-color","rgba(0, 0, 0, 0.5)");
|
|
$('.box3').css("background-color","rgba(0, 0, 0, 0.5)");
|
|
$('.box4').css("background-color","rgba(0, 0, 0, 0.5)");
|
|
$(".begincard .box .list .card").removeClass("begin")
|
|
$(".begincard .card .topleft").html("")
|
|
$(".begincard .card .bottomright").html("")
|
|
$(".list .card .face").css("background-image","")
|
|
$(".begincard .list .draw .rotate").css("display",'none');
|
|
});
|
|
card_info=[];
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('changeBoot',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
setNumberInfo(data.round);
|
|
setBetStatus(data.round.number_tab_status);
|
|
// clearBetAmount();
|
|
waybillFunc();
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('resetBoot',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
setNumberInfo(data.round);
|
|
setBetStatus(data.round.number_tab_status);
|
|
waybillFunc();
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('startBetCountDown',function(data){
|
|
if(data.status == true && data.table_id == table_id){
|
|
countDown(data.count_down);
|
|
}
|
|
});
|
|
websocket.on('endBet',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
$(".countdown").css({"opacity":0,"display":"none"});
|
|
$(".countdown .grab-count").removeClass("count-active");
|
|
mp3List = ['stop_2.mp3'];
|
|
audioMp3(mp3List).Play();
|
|
if(game_id == 4 || game_id == 5){
|
|
$(".banker_result").html('');
|
|
$(".player_1_result").html('');
|
|
$(".player_2_result").html('');
|
|
$(".player_3_result").html('');
|
|
}
|
|
$(".countdown").css({"opacity":0,"display":"none"});
|
|
$(".countdown .grab-count").removeClass("count-active");
|
|
setBetStatus(data.round.number_tab_status);
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
websocket.on('openingDice',function(data){
|
|
if(data.status === true && data.table_id == table_id){
|
|
setNumberInfo(data.round);
|
|
setBetStatus(data.round.number_tab_status);
|
|
waybillFunc();
|
|
hideDiceBox();
|
|
}else{
|
|
if (data.table_id != undefined && data.table_id == table_id) {
|
|
layer.msg(lang[data.msg]);
|
|
}
|
|
}
|
|
});
|
|
//事件返回*********************************************************************************************************************
|
|
|
|
//启动执行
|
|
$(function(){
|
|
getLang();
|
|
//视频处理
|
|
$("#video-iframe").attr("src",player+'?url='+flvUrl);
|
|
$(document).keydown(function (e){
|
|
if(e.keyCode == 13){
|
|
|
|
var cookieValue = $.cookie("enter_time");
|
|
if(!cookieValue){
|
|
$.cookie("enter_time", 1, { expires: 1/86400*3 });
|
|
}else{
|
|
layer.msg('Please hold on');
|
|
return false
|
|
}
|
|
|
|
if(isCBoot == true){
|
|
$('.layui-layer-btn0').click();
|
|
isCBoot = false;
|
|
}else{
|
|
//var keycode = $('#keycode').val();
|
|
var numberTabStatus = $('#number_tab_status').val();
|
|
//if(keycode == '6'){
|
|
if (numberTabStatus == 0) {
|
|
if(!isopentime){
|
|
var is_rob = $('#is_rob').val();
|
|
if(is_rob == 1){
|
|
startRob();
|
|
}else{
|
|
startBet();
|
|
}
|
|
$('#keycode').val('');
|
|
}else{
|
|
layer.msg("请稍等!");
|
|
}
|
|
}else if (numberTabStatus == 2) {
|
|
opening();
|
|
}
|
|
}
|
|
}
|
|
//开局
|
|
if(e.keyCode == 111){
|
|
$('#keycode').val('6');
|
|
}
|
|
//修改当前状态
|
|
if(e.keyCode == 109){
|
|
$('#update_ludan').toggle();
|
|
}
|
|
//换靴
|
|
if(e.keyCode == 107){
|
|
changeBoot();
|
|
$('#keycode').val('');
|
|
}
|
|
//退出登录
|
|
if(e.keyCode == 106){
|
|
if(table_type == 1){
|
|
cutout();
|
|
$('#keycode').val('');
|
|
}else{
|
|
if(bet_type == 2){
|
|
cutout();
|
|
$('#keycode').val('');
|
|
}else{
|
|
loginout();
|
|
$('#keycode').val('');
|
|
}
|
|
}
|
|
}
|
|
//取消
|
|
if(e.keyCode == 110){
|
|
$('.layui-layer-btn1').click();
|
|
}
|
|
// 停止倒计时
|
|
if(e.keyCode == 96){
|
|
if(game_id == 5 || game_id == 4){
|
|
var number_rob_status=$("#number_rob_status").val();
|
|
var number_tab_status=$("#number_tab_status").val();
|
|
if((number_rob_status==1&&number_tab_status==0)||(number_rob_status==2&&number_tab_status==0)){
|
|
endRob();
|
|
}else{
|
|
endBet();
|
|
}
|
|
}else{
|
|
endBet();
|
|
}
|
|
}
|
|
// 骰宝结果选择
|
|
if (game_id == 7){
|
|
console.log(e.keyCode);
|
|
if (e.keyCode == 97 || e.keyCode == 98 || e.keyCode == 99 || e.keyCode == 100 || e.keyCode == 101 || e.keyCode == 102){
|
|
var num = 0;
|
|
switch (e.keyCode){
|
|
case 97:
|
|
num = 1;
|
|
break;
|
|
case 98:
|
|
num = 2;
|
|
break;
|
|
case 99:
|
|
num = 3;
|
|
break;
|
|
case 100:
|
|
num = 4;
|
|
break;
|
|
case 101:
|
|
num = 5;
|
|
break;
|
|
case 102:
|
|
num = 6;
|
|
break;
|
|
}
|
|
if (num > 0){
|
|
var resultString = $('#dice_result').val();
|
|
var resultArray = [];
|
|
if (resultString != ''){
|
|
resultArray = resultString.split(",");
|
|
}
|
|
if (resultArray.length < 3){
|
|
resultArray.push(num);
|
|
if (resultArray.length == 1){
|
|
$('#dice_item_1 img').attr("src", '/static/handle/img/dice'+num+'.png');
|
|
} else if (resultArray.length == 2) {
|
|
$('#dice_item_2 img').attr("src", '/static/handle/img/dice'+num+'.png');
|
|
} else if (resultArray.length == 3){
|
|
$('#dice_item_3 img').attr("src", '/static/handle/img/dice'+num+'.png');
|
|
}
|
|
$('#dice_result').val(resultArray.join(","));
|
|
}
|
|
}
|
|
} else if (e.keyCode == 109){
|
|
$('#dice_result').val('');
|
|
$('#dice_item_1 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_2 img').attr("src", '/static/handle/img/dice0.png');
|
|
$('#dice_item_3 img').attr("src", '/static/handle/img/dice0.png');
|
|
}
|
|
}
|
|
})
|
|
$(window).resize(function(){
|
|
init(ludan);
|
|
})
|
|
audio.addEventListener("ended", nextAudio);
|
|
getTime();
|
|
// 日期
|
|
setInterval(function(){
|
|
getTime();
|
|
}, 1000);
|
|
// 侧栏控台
|
|
$(".control-box").hover(function(){
|
|
$(".control-box").stop().animate({right:"0"})
|
|
},function(){
|
|
$(".control-box").stop().animate({right:"-410px"})
|
|
})
|
|
// 多语言切换
|
|
$('#language').change(function(){
|
|
var language = $('#language').val();
|
|
if(language == "cn" || language == "tw" || language == "en"){
|
|
$.get("/index/lang?lang="+language,function(data){
|
|
location.reload();
|
|
})
|
|
}
|
|
});
|
|
$("#confirm_update_ludan").click(function (){
|
|
retreated();
|
|
});
|
|
$("#cancel_update_ludan").click(function (){
|
|
$('#update_ludan').hide();
|
|
});
|
|
// 色碟方法
|
|
$('.toning-result-num').click(function () {
|
|
$('#toning_result').val(parseInt($(this).html()));
|
|
$(this).addClass("active").siblings().removeClass("active");
|
|
})
|
|
})
|
|
function loginout(){
|
|
isCBoot = true;
|
|
layer.confirm(lang.is_to_logout,{btn: [lang.confirm,lang.cancel],title:lang.message}, function(index){
|
|
window.location.href='/login/logout';
|
|
isCBoot = false;
|
|
layer.close(index);
|
|
},function(index){
|
|
isCBoot = false;
|
|
});
|
|
}
|
|
//获取当前语言包
|
|
function getLang(){
|
|
$.ajax({
|
|
url:"/index/get_lang",
|
|
type:"POST",
|
|
dataType:"JSON",
|
|
async:false,
|
|
success:function(data){
|
|
if(data.status === 1){
|
|
lang = data.lang;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
//倒计时
|
|
function countDown(time) {
|
|
$(".countdown .num").html(time)
|
|
$(".countdown").css({"opacity":1,"display":"block"});
|
|
$(".countdown .grab-count").addClass("count-active");
|
|
if(time == 10){
|
|
mp3List = ['time_tip_10.mp3'];
|
|
audioMp3(mp3List).Play();
|
|
}
|
|
if(time < 9 && time > 0){
|
|
mp3List = ['time.mp3'];
|
|
audioMp3(mp3List).Play();
|
|
}
|
|
if(time<=0){
|
|
mp3List = ['stop_2.mp3'];
|
|
audioMp3(mp3List).Play();
|
|
$(".countdown").css({"opacity":0,"display":"none"});
|
|
$(".countdown .grab-count").removeClass("count-active");
|
|
return;
|
|
}
|
|
}
|
|
//播放声音
|
|
function audioMp3(mp3List){
|
|
var mp3=new Object();
|
|
mp3.mp3List=mp3List;
|
|
mp3.url="/static/handle/mp3/";
|
|
mp3.auto_play=false;
|
|
mp3.loop=false;
|
|
mp3.Play=function(){
|
|
audio.src=this.url+this.mp3List[0];
|
|
audio.play();
|
|
}
|
|
mp3.Muted=function(){
|
|
audio.muted ? audio.muted = false : audio.muted = true;
|
|
}
|
|
mp3.volumeAdd=function(){
|
|
if(audio.volume.toFixed(1)>=1){
|
|
audio.volume=1
|
|
}else{
|
|
audio.volume = audio.volume + 0.1;
|
|
}
|
|
}
|
|
mp3.volumeMinus=function(){
|
|
if(audio.volume.toFixed(1)<=0){
|
|
audio.volume=0
|
|
}else{
|
|
audio.volume = audio.volume - 0.1;
|
|
}
|
|
}
|
|
return mp3;
|
|
}
|
|
function Flop(data){
|
|
var whichpoker='',pokerindex='',pokercard='';
|
|
if(data.status==true){
|
|
var which = data.round.position;
|
|
if(game_id == 1){
|
|
switch(which){
|
|
case 11:
|
|
whichpoker='player-card';
|
|
pokerindex=1;
|
|
card_info["player_2"]=data.round.number;
|
|
break;
|
|
case 12:
|
|
whichpoker='player-card';
|
|
pokerindex=0;
|
|
card_info["player_1"]=data.round.number;
|
|
break;
|
|
case 13:
|
|
whichpoker='player-card';
|
|
pokerindex=2;
|
|
card_info["player_3"]=data.round.number;
|
|
break;
|
|
case 21:
|
|
whichpoker='banker-card';
|
|
pokerindex=1;
|
|
card_info["banker_2"]=data.round.number;
|
|
break;
|
|
case 22:
|
|
whichpoker='banker-card';
|
|
pokerindex=0;
|
|
card_info["banker_1"]=data.round.number;
|
|
break;
|
|
case 23:
|
|
whichpoker='banker-card';
|
|
pokerindex=2;
|
|
break;
|
|
}
|
|
}else{
|
|
switch(which){
|
|
case 11:
|
|
whichpoker='player-card';
|
|
pokerindex=0;
|
|
card_info["player_1"]=data.round.number;
|
|
break;
|
|
case 21:
|
|
whichpoker='banker-card';
|
|
pokerindex=0;
|
|
card_info["banker_1"]=data.round.number;
|
|
break;
|
|
}
|
|
}
|
|
pokercard = data.round.card;
|
|
var $poker = $('.begincard '+'.'+ whichpoker+' .card');
|
|
var pokersrc="/static/handle/faces/"+pokercard+".svg";
|
|
if(pokercard<200){
|
|
var color="#000"
|
|
}else if(pokercard<300){
|
|
var color="#f13b3d"
|
|
}else if(pokercard<400){
|
|
var color="#000"
|
|
}else if(pokercard<500){
|
|
var color="#f13b3d"
|
|
}
|
|
if(data.round.number == 1){
|
|
data.round.number = "A";
|
|
}
|
|
if(data.round.number == 11){
|
|
data.round.number = "J";
|
|
}
|
|
if(data.round.number == 12){
|
|
data.round.number = "Q";
|
|
}
|
|
if(data.round.number == 13){
|
|
data.round.number = "K";
|
|
}
|
|
$poker.eq(pokerindex).find(".topleft").html(data.round.number);
|
|
$poker.eq(pokerindex).find(".bottomright").html(data.round.number);
|
|
$poker.eq(pokerindex).find(".topleft").css("color",color);
|
|
$poker.eq(pokerindex).find(".bottomright").css("color",color);
|
|
|
|
if(pokerindex==2){
|
|
$('.begincard '+'.'+ whichpoker +' .draw .rotate').css("display","inline-block");
|
|
$poker.eq(pokerindex).addClass("begin");
|
|
$poker.eq(pokerindex).find(".face").css("background-image","url("+pokersrc+")");
|
|
$(".begincard .banker-card .draw .text").css("text-align","left");
|
|
$(".begincard .player-card .draw .text").css("text-align","right");
|
|
}else{
|
|
$poker.eq(pokerindex).addClass("begin");
|
|
$poker.eq(pokerindex).find(".face").css("background-image","url("+pokersrc+")");
|
|
}
|
|
}
|
|
}
|
|
// 桌子状态
|
|
var setBetStatus = function (BetStatus){
|
|
$('#number_tab_status').val(BetStatus.bet_status);
|
|
if(BetStatus.bet_status==2){
|
|
$('.nobegin-tip').html("");
|
|
$('#show-status-span').html("");
|
|
showDiceBox();
|
|
}else if(BetStatus.bet_status==1){
|
|
$('.nobegin-tip').html(lang[BetStatus.bet_msg]);
|
|
$('#show-status-span').html("");
|
|
}else{
|
|
$('.nobegin-tip').html(lang[BetStatus.bet_msg]);
|
|
$('#show-status-span').html("");
|
|
}
|
|
};
|
|
// 获取桌子数据
|
|
var setNumberInfo = function (round){
|
|
number_tab_id = round.number_tab_id
|
|
$('#boot_num').html(round.boot_num);
|
|
$('#number').html(round.number_tab_number);
|
|
$('#boot_id').val(round.boot_id);
|
|
};
|
|
//修改或者删除录单后从新获取number
|
|
var getNumber = function (){
|
|
var query = new Object();
|
|
query.number_tab_id = number_tab_id;
|
|
$.ajax({
|
|
url:"/index/get_number",
|
|
type:"POST",
|
|
dataType:"JSON",
|
|
data:query,
|
|
async:false,
|
|
success:function(data){
|
|
if(data.status == 1){
|
|
$('#number').html(data.data);
|
|
}
|
|
}
|
|
})
|
|
};
|
|
function nextAudio(){
|
|
num+=1
|
|
if(num<mp3List.length){
|
|
audio.src="/static/handle/mp3/"+mp3List[num];
|
|
audio.play();
|
|
}else{
|
|
audio.pause();
|
|
audio.currentTime = 0.0;
|
|
num=0;
|
|
}
|
|
}
|
|
function getTime() {
|
|
var today = new Date();
|
|
var h = today.getHours();
|
|
var minute = today.getMinutes()
|
|
var s = today.getSeconds();
|
|
if (h < 10) {
|
|
h = "0" + h;
|
|
}
|
|
if (minute < 10) {
|
|
minute = "0" + minute;
|
|
}
|
|
if (s < 10) {
|
|
s = "0" + s;
|
|
}
|
|
if(lang.lang == 'en-us'){
|
|
var strDate = new Date();
|
|
strDate = strDate.toDateString()
|
|
strDate += " " + h + ":" + minute + ":" + s;
|
|
}else if(lang.lang == 'zh-cn'){
|
|
var strDate = (" " + today.getFullYear() + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日" + h + ":" + minute + ":" + s);
|
|
}else if(lang.lang == 'zh-tw'){
|
|
var strDate = (" " + today.getFullYear() + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日" + h + ":" + minute + ":" + s);
|
|
}
|
|
var n_day = today.getDay();
|
|
switch (n_day) {
|
|
case 0:
|
|
var week = lang.sunday;
|
|
break;
|
|
case 1:
|
|
var week = lang.monday;
|
|
break;
|
|
case 2:
|
|
var week = lang.tuesday;
|
|
break;
|
|
case 3:
|
|
var week = lang.wednesday;
|
|
break;
|
|
case 4:
|
|
var week = lang.thursday;
|
|
break;
|
|
case 5:
|
|
var week = lang.friday;
|
|
break;
|
|
case 6:
|
|
var week = lang.saturday;
|
|
break;
|
|
case 7:
|
|
var week = lang.sunday;
|
|
break;
|
|
}
|
|
$('.date .weekend').html(week);
|
|
$('.date .time').html(strDate);
|
|
}
|
|
|
|
// 骰宝
|
|
const diceSpriteSrc = `/static/handle/img/sprite.png`;
|
|
// 请求所有路单数据，执行画布刷新
|
|
function waybillFunc(){
|
|
var data = new Object;
|
|
data.boot_id = $('#boot_id').val();
|
|
data.game_id = game_id;
|
|
var url = "/index/waybill_dice";
|
|
$.ajax({
|
|
url:url,
|
|
type:"POST",
|
|
dataType:"JSON",
|
|
data:data,
|
|
success:function(data){
|
|
ludan = data.waybill;
|
|
init(ludan);
|
|
}
|
|
});
|
|
}
|
|
|
|
function init(data) {
|
|
const getPixelRatio = (context) => {
|
|
const backingStore =
|
|
context.backingStorePixelRatio ||
|
|
context.webkitBackingStorePixelRatio ||
|
|
context.mozBackingStorePixelRatio ||
|
|
context.msBackingStorePixelRatio ||
|
|
context.oBackingStorePixelRatio ||
|
|
context.backingStorePixelRatio ||
|
|
1;
|
|
return (window.devicePixelRatio || 1) / backingStore;
|
|
};
|
|
const ctb = document.getElementById("canvas").getContext("2d"),
|
|
dpr = getPixelRatio(ctb),
|
|
height = canvas.clientHeight,
|
|
width = canvas.clientWidth,
|
|
rows = 6;
|
|
const unit = (height / rows) * dpr,
|
|
cols = parseInt(width / (unit / dpr));
|
|
canvas.setAttribute("width", unit * cols);
|
|
canvas.setAttribute("height", unit * rows);
|
|
DiceWaybill(data, ctb, unit, rows, cols);
|
|
}
|
|
|
|
function DiceWaybill(data, ctb, unit, rows, cols) {
|
|
ctb.clearRect(0, 0, unit * (cols + 1), unit * (rows + 1));
|
|
const sprite = new Image();
|
|
// sprite.crossOrigin = "anonymous";
|
|
sprite.src = diceSpriteSrc;
|
|
let diceWidth = 0,
|
|
diceHeight = 0,
|
|
spriteArray = [];
|
|
sprite.onload = () => {
|
|
diceWidth = sprite.width / 2;
|
|
diceHeight = sprite.height / 6;
|
|
spriteArray = {
|
|
dice_1: [0, 0],
|
|
dice_2: [0, 1],
|
|
dice_3: [0, 2],
|
|
dice_odd: [0, 3],
|
|
dice_even: [0, 4],
|
|
dice_triplet: [0, 5],
|
|
dice_4: [1, 0],
|
|
dice_5: [1, 1],
|
|
dice_6: [1, 2],
|
|
dice_small: [1, 3],
|
|
dice_big: [1, 4],
|
|
dice_num: [1, 5],
|
|
};
|
|
inputData(data);
|
|
drawLine();
|
|
};
|
|
|
|
function inputData(data) {
|
|
// 数据截取
|
|
let newData = [];
|
|
const L = data.length;
|
|
const Tab = cols - 1;
|
|
if (L <= Tab) {
|
|
newData = data;
|
|
} else {
|
|
newData = data.slice(L - Tab, L);
|
|
}
|
|
// 绘制图标
|
|
newData.forEach((v, i) => {
|
|
const totle = v[0] + v[1] + v[2];
|
|
drawIcon(i, 0, "icon", v[0]);
|
|
drawIcon(i, 1, "icon", v[1]);
|
|
drawIcon(i, 2, "icon", v[2]);
|
|
drawIcon(i, 3, "num", totle);
|
|
if ((v[0] == v[1]) && (v[1] == v[2])) {
|
|
drawIcon(i, 4, "icon", "triplet");
|
|
drawIcon(i, 5, "icon", "triplet");
|
|
} else {
|
|
if (totle >= 11) {
|
|
drawIcon(i, 4, "icon", "big");
|
|
} else {
|
|
drawIcon(i, 4, "icon", "small");
|
|
}
|
|
if (totle % 2 == 0) {
|
|
drawIcon(i, 5, "icon", "even");
|
|
} else {
|
|
drawIcon(i, 5, "icon", "odd");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function drawIcon(x, y, type, text) {
|
|
if (type == "icon") {
|
|
const position = spriteArray[`dice_${text}`];
|
|
ctb.drawImage(
|
|
sprite,
|
|
position[0] * diceWidth,
|
|
position[1] * diceHeight,
|
|
diceWidth,
|
|
diceHeight,
|
|
unit * x + unit * 0.05,
|
|
unit * y + (unit / diceWidth) * diceHeight * 0.05,
|
|
unit * 0.9,
|
|
(unit / diceWidth) * diceHeight * 0.9
|
|
);
|
|
} else if (type == "num") {
|
|
const position = spriteArray[`dice_num`];
|
|
ctb.drawImage(
|
|
sprite,
|
|
position[0] * diceWidth,
|
|
position[1] * diceHeight,
|
|
diceWidth,
|
|
diceHeight,
|
|
unit * x + unit * 0.05,
|
|
unit * y + (unit / diceWidth) * diceHeight * 0.05,
|
|
unit * 0.9,
|
|
(unit / diceWidth) * diceHeight * 0.9
|
|
);
|
|
ctb.font = unit * 0.58 + "px Arial";
|
|
ctb.fillStyle = "#fff";
|
|
ctb.textAlign = "center";
|
|
ctb.textBaseline = "middle";
|
|
ctb.fillText(text, unit * (x + 0.45), unit * (y + 0.55));
|
|
}
|
|
}
|
|
function drawLine() {
|
|
const CanvasWidht = unit * cols;
|
|
const CanvasHeight = unit * rows;
|
|
ctb.lineWidth = 1;
|
|
ctb.strokeStyle = "#deded9";
|
|
ctb.beginPath();
|
|
for (let i = 0; i <= rows; i++) {
|
|
ctb.moveTo(0, unit * i);
|
|
ctb.lineTo(CanvasWidht, unit * i);
|
|
}
|
|
for (let j = 0; j <= cols; j++) {
|
|
ctb.moveTo(unit * j, 0);
|
|
ctb.lineTo(unit * j, CanvasHeight);
|
|
}
|
|
ctb.closePath();
|
|
ctb.stroke();
|
|
}
|
|
} |