发表于: 2019-02-18 22:53:01

1 203


今天完成的事情:


实现了杀人页面的不选中页面不跳转

if (arr[q] == "杀手"){
   alert("干啥这么想不开,不能自杀哦!");
   return false;
}else if (arr[q] == "平民") {
window.location.href=('../html/judge.html');
}
else if (q == -1){
   alert("请选择要杀的人");
   return false;
}


以及把数组转换成对象

var peoples = [];
if (typeof(arr[0]) == "string") {
   console.log('aa');
   $.each(arr, function (index, data) {
       peoples.push({name: data,state:1,num:q+1});
   });
   arr = peoples;
}


然后记录了杀人的状态和保存当前被杀的人

console.log(peoples);
   arr[q].state =  2;
   arr = arr[q];
   sessionStorage.setItem("killed", JSON.stringify(arr));


// sessionStorage.setItem("typer", JSON.stringify(arr));
var order = 2;
sessionStorage.setItem("step", JSON.stringify(order));


实现了杀完人跳转回来以后的杀人按钮的颜色渲染和禁用和修改了一处错误,这里应该是用字符串生成的

$(".kill").click(function () {
   window.location.href = ('../html/kill.html');
});
$('.over').click(function () {
   window.open('../html/task2.html', '_self');
});
if (step == 2){
   $(".kill").css("background-color", "#b9e9f5").attr('disabled',true);
   $(".kill-box").css("border-right", "25px solid #b9e9f5");
   $(".kill").after(`<div class="dead">晚上<div class="number">${killed.num}</div>号被杀死了,他的真实身份是<div class="identity">${killed.name}</div></div>`);
$(".ghost").click(function () {
   $(".ghost").css("background-color", "#b9e9f5");
   $(".ghost-box").css("border-right", "25px solid #b9e9f5");
   alert("请死者发表遗言!");
});}


明天计划的事情:明天计划把剩下两个按钮和全民投票的页面各项功能实现


遇到的问题:刚开始也想用有限状态机写,但是师兄教我用对象写,因为这种方法比较适合我,状态机我学起来会比较吃力。


收获:学会了如何创建对象,还有怎么样把数组转换成对象,以及对象属性的赋值,还有就是师兄觉得有限状态机对我而言可能学起来比较吃力,所以今天又教我把之前生成的数组转换成对象,然后再给游戏被杀的人赋值便于渲染当前被选中角色的颜色,以及传递对象的数组到下一个页面,以便于能够查看几号被杀死和被杀人的身份,再有一个就是判断杀完人之后跳转回来当前要进行的那一步操作。今天在大师兄的督促下每隔一个小时汇报一次在做什么功能,所以今天的进度超过我以前三四天的进度,而且也感觉今天的收获也是干货满满啊!


返回列表 返回列表
评论

    分享到