发表于: 2019-11-08 23:09:20

1 1039



今天完成的事情:

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,一层层往下走。然后是写出方法,我把方法里面写了改变背景色,即点击后都变灰。不过目前还不知道这个方法怎么引用出来。困惑中,询问董老师,他也忘了很多内容了。嗯。。我再试试。


返回列表 返回列表
评论

    分享到