发表于: 2019-11-08 23:09:20
1 1038
今天完成的事情:
1.处理完杀人界面基本事项
2.开始流程界面
明天计划的事情:
1.怼流程界面。天数、状态机。
今天完成的事情:
1.之前一直没弄好传值。其实只需要这么一个就够了。前面弄了两个一样的出来,没有注意到。保存在sessionStorage里,一个就足矣。实现点击人物框变灰,再次回到杀人界面时人物框也是灰色的。
var deadPeople = JSON.parse(sessionStorage.getItem("status"));
for (var i = 0; i < deadPeople.length; i++) {
$("main").append(Player(deadPeople[i].role, i));
var statePeople = $(".box-people");
if (deadPeople[i].state === "dead") {
statePeople.eq(i).css("pointer-events", "none");//让点击事件失效
$(".word").eq(i).css("backgroundColor", "#C9C9C9");
}
}
2.关于状态机的用法
var stage = new StateMachine({
init: "step1",
transitions: [
{name: "kill", from: "step1", to: "step2"},
{name: "ghost", from: "step2", to: "step3"},
{name: "speak", from: "step3", to: "step4"},
{name: "vote", from: "step4", to: "step1"}
],
methods: {
onKill: function () {
$(".behavior").eq[0].addClass("over");
},
onGhost: function () {
$(".behavior").eq[1].addClass("over");
},
onSpeak: function () {
$(".behavior").eq(2).addClass("over");
},
onVote: function () {
$(".behavior").eq(3).addClass("over");
}
}
});
现在是有四个流程,根据上面的代码,from到to,一层层往下走。然后是写出方法,我把方法里面写了改变背景色,即点击后都变灰。不过目前还不知道这个方法怎么引用出来。困惑中,询问董老师,他也忘了很多内容了。嗯。。我再试试。
评论