FortuneUpUp.js

// 设置项
var CustomFont = "小赖字体 等宽 SC"; //在此处修改字体

//今日的运势是？
function WhatisTodaysFortune() {
  let options = [
    { name: '大吉', probability: 0.2 },
    { name: '中吉', probability: 0.4 },
    { name: '小吉', probability: 0.3 },
    { name: '不太吉', probability: 0.1 }
  ];
  let total = 0;
  for (let i = 0; i < options.length; i++) {
    total += options[i].probability;
  }
  let r = Math.random() * total;
  for (let i = 0; i < options.length; i++) {
    if (r < options[i].probability) {
      return options[i].name;
    }
    r -= options[i].probability;
  }
}

//运势有了，接下来该是今天适合和不适合做的事情了
function WhatisTodaysFortuneEvent(Fortune){
  let Events = [
    {name:"写代码",good:"今天Debug报错少",bad:"今天Debug报错多",tag:"程序员"},
    {name:"写网页前端",good:"今天写出来的网页很漂亮",bad:"你会发现你的CSS不起作用",tag:"程序员"},
    {name:"为你的项目想一个功能",good:"实现后你的项目会大受欢迎",bad:"实现的时间会比预期长",tag:"程序员"},
    {name:"构想一个小工具",good:"没准很实用",bad:"脑子被榨干了~下次再说~",tag:"程序员"},
    {name:"编译你的项目",good:"有些问题编译后才能发现",bad:"IDE的报错都没解决完就想编译?",tag:"程序员"},
    {name:"解决一个bug",good:"解决起来会非常简单",bad:"小心屎山",tag:"程序员"},
    {name:"暴力测试你的应用",good:"增加上线安全性",bad:"先完成基本功能再说",tag:"程序员"},
    {name:"换个密码",good:"定期更换密码有利于确保账户的安全性",bad:null,tag:"其他"},
    {name:"写博客",good:"今天博文会帮助很多人",bad:"没人会看你的博文",tag:"博主"},
    {name:"写一篇随笔",good:"未来的你会看的",bad:"这篇随笔有可能会被遗忘",tag:"博主"},
    {name:"逛逛别人的博客",good:"没准可以找到志同道合的朋友",bad:"也许今天找到的大多不再更新了",tag:"博主"},
    {name:"写作业",good:"今天效率很高",bad:"你会很快被其他事情分心",tag:"学生"},
    {name:"学习一下",good:"偶尔努力一下有助于提高成绩",bad:"今天学的效率会很低",tag:"学生"},
    {name:"复习一下",good:"重要性不用我多说了吧",bad:"很没意思",tag:"学生"},
    {name:"做视频",good:"今天你会很有创意",bad:"可能今天没有什么创意",tag:"UP主"},
    {name:"去B站刷视频",good:"今天B友又有了很多活",bad:"你会遇到很多梗小鬼",tag:"ACGNer"},
    {name:"去A站看番",good:"或许今天会有新番",bad:"A站还没有买新番",tag:"ACGNer"},
    {name:"看一部新番",good:"这次的新番不错",bad:"感觉不如...",tag:"ACGNer"},
    {name:"回顾一下看过的番",good:"经典永不过时",bad:"下次再说",tag:"ACGNer"},
    {name:"看漫画",good:"ACGN一家亲",bad:"找漫画是件费劲的事情",tag:"ACGNer"},
    {name:"看轻小说",good:"ACGN一家亲",bad:"找小说是件费劲的事情",tag:"ACGNer"},
    {name:"回顾以前玩过的游戏",good:"都是回忆",bad:"下次一定",tag:"ACGNer"},
    {name:"发个空间/朋友圈",good:"你会收获很多点赞",bad:"没有人在意你",tag:"社交"},
    {name:"打音游",good:"今天可以拿下很多图",bad:"你会收到很多好",tag:"ACGNer"},
    {name:"推Gal",good:"你会推得很爽",bad:"你会被刀哭",tag:"ACGNer"},
    {name:"找Gal玩",good:"扩展下后宫",bad:"避免审美疲劳",tag:"ACGNer"},
    {name:"抽卡",good:"今天一定出货",bad:"喜提保底",tag:"ACGNer"},
    {name:"许一个愿望",good:"没准就实现了呢~",bad:null,tag:"其他"},
    {name:"尝试一个新APP",good:"你的生活会很有效率",bad:"广告大于功能",tag:"其他"},
    {name:"看看今天的探索队列",good:"愿望单又多了几位新成员",bad:"全是三国杀",tag:"ACGNer"},
    {name:"听新歌",good:"推荐给你的都是好东西",bad:"还不如歌单里面的经典",tag:"其他"},
    {name:"试一下新歌单",good:"没准能发现宝藏歌曲",bad:"流量歌单没有意思",tag:"其他"},
    {name:"唱首歌给朋友",good:"太好听了吧~简直就是天籁",bad:"人家不屑于听你的歌",tag:"社交"},
    {name:"睡觉",good:"都抽到我了不去睡一下怎么行?",bad:"很容易睡过头",tag:"日常"},
    {name:"早睡",good:"补充一下精神",bad:"你的工作还有很多",tag:"日常"},
    {name:"熬夜",good:"今晚就可以完成所有工作辣",bad:"白天会把你熬夜的时间补回来",tag:"日常"},
    {name:"通宵",good:"就看个日出应该没什么的吧(心虚)",bad:"你会肾虚",tag:"日常"},
    {name:"逛某宝某东",good:"今天的购物车会吃得很饱",bad:"你会剁手",tag:"其他"},
    {name:"整理小窝",good:"整理过后,神清气爽",bad:"现在的小窝找东西更有效率",tag:"日常"},
    {name:"清一下电脑垃圾",good:"看看又堆了几个G",bad:"红了再说",tag:"日常"},
    {name:"扫一下病毒",good:"重要性不用我多说了吧",bad:"浪费CPU，不干",tag:"日常"},
    {name:"约朋友出来玩",good:"今天会玩得很高兴",bad:"人家没时间",tag:"社交"},
    {name:"上Twitter",good:"关注的同志更新了",bad:"时间线会被魔怔人占领",tag:"社交"},
    {name:"上Pixiv",good:"今天又有很多好图",bad:"今天的图很没意思",tag:"ACGNer"},
    {name:"看Discord",good:"群友的聊天很精彩",bad:"群友聊的不关你事",tag:"社交"},
    {name:"看看你不经常看的群聊",good:"群友的聊天很精彩",bad:"群友聊的不关你事",tag:"社交"},
    {name:"去泡个澡",good:"你有多少天没有洗澡了",bad:"洗澡在浪费你的时间",tag:"日常"},
    {name:"去散个步",good:"你会发现你从未发现的景象",bad:"你会很快疲惫",tag:"日常"},
    {name:"去骑单车",good:"你会骑得很爽",bad:"今天的红灯挺多",tag:"日常"},
    {name:"找个景点玩玩",good:"找到的景点人少风景又美",bad:"景点人挺多的,还贵",tag:"日常"},
    {name:"穿可爱的衣服",good:"今天的你也是如此可爱~",bad:"会被不应该发现的人发现",tag:"ACGNer"},
  ];
  ;
  // 节日的特别事件
  // 日期格式: (L)MM.DD 若日期前含有L,则为农历
  let SpecialFestivalEvents = [
    {Date:"L01.01",name:"换新衣",good:"当然是穿漂亮衣服辣",bad:null},
    {Date:"L01.01",name:"走亲访友",good:"听说会有大红包",bad:null},
    {Date:"L01.01",name:"行花街",good:"行行花街,睇睇春花",bad:null},
    {Date:"L01.01",name:"回看拜年祭视频",good:"不管是大规模的还是民间的,开心就好",bad:null},
    {Date:"L01.01",name:"讨红包",good:"今日获得的红包翻倍噢",bad:null},
    {Date:"L01.15",name:"来口元宵",good:"一口下去，全是传统和怀恋",bad:null},
    {Date:"L05.05",name:"来口粽子",good:"自己包的说不定更好吃",bad:null},
    {Date:"L12.30",name:"吃年夜饭",good:"无论身在何处，希望你可以能够和你所爱的欢度今宵",bad:null},
    {Date:"06.01",name:"像个孩子一样",good:"有多久没有像个孩子一样天真，憧憬未来了",bad:null},
    {Date:"06.07",name:"语文高考",good:"你的作文立意一定会很准确！",bad:null},
    {Date:"06.07",name:"数学高考",good:"你答对的所有基础题可以让你上985",bad:null},
    {Date:"06.08",name:"英语高考",good:"除了大小作文，你只扣个位数的分",bad:null},
    {Date:"06.08",name:"物理&历史高考",good:"考你都会的知识点",bad:null},
    {Date:"06.09",name:"四小科高考",good:"选择全对，大题全满分！",bad:null},
    {Date:"07.21",name:"Ciallo ~ (∠・ω< )⌒☆",good:"无论如何，今天就是这样一个日子嘛",bad:null},
    {Date:"08.31",name:"写作业",good:"创造奇迹",bad:"反正都写不完，不如开摆"},
    {Date:"09.01",name:"思乡",good:"妈妈，我要回家",bad:null},
    {Date:"11.01",name:"Trick or Treat",good:"搞怪，讨糖果",bad:null},
    {Date:"12.25",name:"过圣诞",good:"Cosplay,送礼物,吃个大餐",bad:null},
    {Date:"12.31",name:"回头想想这一年",good:"发生的事情还是挺多的，用纸和笔记录下来吧",bad:null},
  ];
  // 普通节日事件
  let NormalFestivalEvents = {name:"出去玩",good:"难得放假，出去散个步也好",bad:"节日人多，景点贵，还是在家好"};
  // 普通节日日期列表
  let NormalFestivalDateList = ["01.01","05.01","10.01"];
  // 返回节日运势
  function GetFestivalFortune(){
    let today = new Date();
    let month = ("0" + (today.getMonth() + 1)).slice(-2);
    let day = ("0" + today.getDate()).slice(-2);
    let FestivalEventsList = [];
    let FestivalEvent = null;
    let GoodEventList = [];
    let BadEventList = [];
    let isFestival = 0;
    for(i = 0;i < SpecialFestivalEvents.length;i++){
      let FestivalDate = SpecialFestivalEvents[i]["Date"];
      if(FestivalDate.indexOf("L") == 0){
        FestivalDate = FestivalDate.replace("L","").split(".");
        FestivalDate = GetLunarFestivalDate(FestivalDate[0],FestivalDate[1])
        FestivalDate = ("0" + (FestivalDate[0])).slice(-2) + "." + ("0" + FestivalDate[1]).slice(-2);
      }
      if(FestivalDate == month+"."+day){
        FestivalEventsList.push(SpecialFestivalEvents[i]);
      }
    }
    for(i = 0;i < NormalFestivalDateList.length;i++){
      if(NormalFestivalDateList[i] == month+"."+day){
        FestivalEventsList.push(NormalFestivalEvents);
      }
    }
    // 生成GoodEventList和BadEventList
    if(FestivalEventsList.length > 1){
      //同一个节日有多个事件时，随机抽取一个
      FestivalEvent = FestivalEventsList[Math.floor(Math.random()*FestivalEventsList.length)];
    }else if(FestivalEventsList.length == 1){
      FestivalEvent = FestivalEventsList[0];
    };
    if(FestivalEvent != null){
      if(FestivalEvent["bad"] != null){
        if(Math.random() > 0.6){
          GoodEventList.push(FestivalEvent);
          isFestival = 1;
        }else{
          BadEventList.push(FestivalEvent);
          isFestival = -1;
        }
      }else{
        GoodEventList.push(FestivalEvent);
        isFestival = 1;
      }
    }
    return [GoodEventList,BadEventList,isFestival];
  }
  // 获取今日运势
  let Eventslists = GetFestivalFortune();
  let GoodEventList = Eventslists[0];
  let BadEventList = Eventslists[1];
  let isFestival = Eventslists[2];
  // 抽取事件函数
  function Extractor(GoodEventsCount,BadEventsCount,isFestival){
    if(isFestival == 1){GoodEventsCount -= 1}else if(isFestival == -1){BadEventsCount -= 1}
    for(i = 0;i < GoodEventsCount;i++){
      GoodEventList.push(Events[Math.floor(Math.random()*Events.length)]);
      Events.splice(Events.indexOf(GoodEventList[i]),1);
    }
    for(i = 0;i < BadEventsCount;i++){
      let BadEvent = Events[Math.floor(Math.random()*Events.length)];
      if(BadEvent["bad"]==null){i--}else{BadEventList.push(BadEvent)};
      Events.splice(Events.indexOf(BadEvent),1);
    }
  }
  if(Fortune == "大吉"){
    Extractor(4,0,isFestival);
  }else if(Fortune == "中吉"){
    Extractor(3,1,isFestival);
  }else if(Fortune == "小吉"){
    Extractor(2,2,isFestival);
  }else if(Fortune == "不太吉"){
    Extractor(1,3,isFestival);
  }
  return [GoodEventList,BadEventList];
}

//Cookie部分
function getCookie(cname) { //ReadCookie的铺助函数,用于规范读取cookie
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var cookieArray = decodedCookie.split(';');
  for(var i = 0; i < cookieArray.length; i++) {
    var cookie = cookieArray[i];
    while (cookie.charAt(0) == ' ') {
      cookie = cookie.substring(1);
    }
    if (cookie.indexOf(name) == 0) {
      return cookie.substring(name.length, cookie.length);
    }
  }
  return "";
}

function ReadCookie(){ //读取cookie,如果有cookie则直接读取,否则返回False
  let Fortune = getCookie("Fortune");
  let GoodEventList = getCookie("GoodEventList");
  let BadEventList = getCookie("BadEventList");
  if(Fortune != "" && GoodEventList != "" && BadEventList != ""){
    GoodEventList = JSON.parse(GoodEventList);
    BadEventList = JSON.parse(BadEventList);
    return [Fortune,GoodEventList,BadEventList];
  }else{
    return false;
  }
}

function setCookie(name, value) {
  let d = new Date();
  d.setDate(d.getDate() + 1);
  d.setHours(8);
  d.setMinutes(0);
  d.setSeconds(0);
  let expires = "expires="+ d.toUTCString();
  document.cookie = name + "=" + value + ";" + expires + ";path=/;";
}

//前端交互部分
function mouseUpEvent(MoveBox) {
  document.getElementById("Signbox").removeEventListener("mousemove", MoveBox);
  document.getElementById("Signbox").removeEventListener("touchmove", MoveBox);
  document.getElementById("Signbox").removeEventListener("mousedown", mouseDownEvent);
  document.getElementById("Signbox").removeEventListener("touchstart", mouseDownEvent);
  document.getElementById("Signbox").removeEventListener("mouseup", mouseUpEvent);
  document.getElementById("Signbox").removeEventListener("touchend", mouseUpEvent);
  document.getElementById("Signbox").style.display = "none";
  let CookieFortune = ReadCookie();
  if(CookieFortune){
    var Fortune = CookieFortune[0];
    var GoodEventList = CookieFortune[1];
    var BadEventList = CookieFortune[2];
  }else{
    var Fortune = WhatisTodaysFortune();
    var FortuneEvent = WhatisTodaysFortuneEvent(Fortune);
    var GoodEventList = FortuneEvent[0];
    var BadEventList = FortuneEvent[1];
    setCookie("Fortune", Fortune);
    setCookie("GoodEventList", JSON.stringify(GoodEventList));
    setCookie("BadEventList", JSON.stringify(BadEventList));
  };
  WriteFortuneToImg(Fortune,GoodEventList,BadEventList)
};

function mouseDownEvent(event) {
    var initialX;
    var initialY;
    var currentX;
    var currentY;
    var xOffset = 0;
    var yOffset = 0;
  
    if (event.type === "mousedown") {
      initialX = event.clientX;
      initialY = event.clientY;
    }else if (event.type == "touchstart") {
      initialX = event.touches[0].clientX;
      initialY = event.touches[0].clientY;
    };
    xOffset = initialX - Signbox.offsetLeft;
    yOffset = initialY - Signbox.offsetTop;
    function MoveBox(event) {
      event.preventDefault();
      if (event.type === "touchmove") {
        currentX = event.touches[0].clientX - xOffset;
        currentY = event.touches[0].clientY - yOffset;
      }else{
      currentX = event.clientX - xOffset;
      currentY = event.clientY - yOffset;
      };
      Signbox.style.top = currentY + "px";
      Signbox.style.left = currentX + "px";
      };
    document.getElementById("Signbox").addEventListener("mousemove", MoveBox, false);
    document.getElementById("Signbox").addEventListener("mouseup", function(){mouseUpEvent(MoveBox)}, false);
    document.getElementById("Signbox").addEventListener("touchmove", MoveBox, { passive: false });
    document.getElementById("Signbox").addEventListener("touchend", function(){mouseUpEvent(MoveBox)}, { passive: false });
  }
  
function CloseSignbox(){
  PressShapeTime += 1;
  if(PressShapeTime == 2){
    document.getElementById("Signbox").style.display = "none";
    document.getElementById("SignboxResult").style.display = "none";
  }else{
    Snackbar.show({text:"再按一次关闭",showAction:false,timeout:2000})
  }
}

function WriteFortuneToImg(Fortune,GoodEventList,BadEventList) {
  let canvas = document.createElement("canvas");
  let ctx = canvas.getContext("2d");
  let Background = document.createElement("img");
  let GoodThingImg = document.createElement("img");
  let BadThingImg = document.createElement("img");
  let IsRun = true;
  canvas.width = 804;
  canvas.height = 452;
  Background.id = "SignboxResultImg"
  Background.src = SignboxResultImgBase64;
  Background.style.opacity = 0;
  GoodThingImg.src = GoodThingImgBase64;
  BadThingImg.src = BadThingImgBase64;
  document.getElementById("SignboxResult").appendChild(Background)
  Background.onload = function() {
    if (IsRun) {
      // 画图部分
      ctx.drawImage(Background, 0, 0); //插入背景
      ctx.drawImage(GoodThingImg,35,105); //插入图标
      //调整标题字体
      ctx.font = "60px "+CustomFont; //在此处修改运势字体大小和字体
      ctx.fillStyle = "#ee3f4d";
      //定位标题
      var FortuneWidth = ctx.measureText(Fortune).width;
      var x = canvas.width / 2 - FortuneWidth / 2;
      var y = 105 + 28 + 30; //105是图标位置，28是图标高度，30是图标和文字的间距
      ctx.fillText(Fortune, x, 100);
      // 宜
      for(let i = 0;i<GoodEventList.length;i++){
        ctx.font = "30px "+CustomFont; //在此处修改事件字体大小和字体
        ctx.fillStyle = "#ee3f4d"
        ctx.fillText("· "+GoodEventList[i]["name"], 60, y);
        ctx.font = "15px "+CustomFont; //在此处修改备注字体大小和字体
        ctx.fillStyle = "#7a7374"
        ctx.fillText(GoodEventList[i]["good"], 110, y+25);
        y += 60;
      }
      y -= 25;
      // 忌
      if(BadEventList.length != 0){
        ctx.drawImage(BadThingImg,35,y);
        y += 28 + 30;
        for(let i = 0;i<BadEventList.length;i++){
          ctx.font = "30px "+CustomFont; //在此处修改事件字体大小和字体
          ctx.fillStyle = "#ee3f4d"
          ctx.fillText("· "+BadEventList[i]["name"], 60, y);
          ctx.font = "15px "+CustomFont; //在此处修改备注字体大小和字体
          ctx.fillStyle = "#7a7374"
          ctx.fillText(BadEventList[i]["bad"], 110, y+25);
          y += 60;
        }
      }
      // 写入
      Background.src = canvas.toDataURL()
      Background.style.opacity = 1;
      SignboxResultShape.style.zIndex = 88;
      IsRun = false;
    }
  };
}


// 加载部分
// 加载依赖函数
function loadDependency(url) {
  ext = url.split(".").pop();
  return new Promise((resolve, reject) => {
    if(ext == "js"){
    const script = document.createElement('script');
    script.src = url;
    script.onload = resolve;
    script.onerror = reject;
    document.head.appendChild(script);
    }else if(ext == "css"){
      const css = document.createElement('link');
      css.href = url;
      css.rel = "stylesheet";
      css.onload = resolve;
      css.onerror = reject;
      document.head.appendChild(css);
    }else if(ext == "png"){
      var SignboxImg = document.createElement('img');
      SignboxImg.src = url;
      SignboxImg.onload = resolve;
      SignboxImg.onerror = reject;
      SignboxImg.id = "SignboxImg";
      document.getElementById("Signbox").appendChild(SignboxImg);
    } else if(ext == "ttf" || ext == "otf" || ext == "woff" || ext == "woff2"){
      const font = new FontFace('小赖字体 等宽 SC', `url(${url})`);
      font.load().then(() => {
        document.fonts.add(font);
        resolve();
      }).catch(reject);
    } else {
      reject(`Unsupported file format: ${ext}`);
    }
  });
}
// 加载第一部分: 加载Snackbar
function LoadSnackbar(){
  const Snackbardependencies = [
    'https://cdn.jsdelivr.net/npm/node-snackbar@latest/src/js/snackbar.min.js',
    'https://cdn.jsdelivr.net/npm/node-snackbar@latest/dist/snackbar.min.css'
  ];

  Promise.all(Snackbardependencies.map(loadDependency))
    .then(() => {
      Snackbar.show({text:"少女祈祷中..",showAction:false,timeout:10000})
      LoadDependent();
    })
    .catch((error) => {
      Snackbar.close();
      console.error(`Error loading dependencies: ${error}`);
      Snackbar.show({text:"依赖加载失败",showAction:false})
    });
}

// 加载第二部分: 加载其他JS依赖与IMG依赖
function LoadDependent(){
  let dependencies = [
    'https://cdn.jsdelivr.net/gh/Moemu/FortuneUpUp/js/LunarCalendar.js',
    'https://cdn.jsdelivr.net/gh/Moemu/FortuneUpUp/js/SignboxResultImg.js',
    'https://cdn.jsdelivr.net/gh/Moemu/FortuneUpUp/images/Signbox.png'
  ];
  Promise.all(dependencies.map(loadDependency))
    .then(() => {
      Snackbar.close();
    })
    .catch((error) => {
      Snackbar.close();
      console.log(`Error loading dependencies: ${error}`);
      Snackbar.show({text:"依赖加载失败",showAction:false})
    });
}

function AppendSignbox(){
  var Signbox = document.createElement("div");
  var SignboxResultShape = document.createElement("div");
  var SignboxResult = document.createElement("div");
  PressShapeTime = 0;
  SignboxResult.id = "SignboxResult";
  Signbox.id = "Signbox";
  Signbox.addEventListener("mousedown", mouseDownEvent);
  Signbox.addEventListener("touchstart", mouseDownEvent)
  SignboxResultShape.id = "SignboxResultShape";
  SignboxResultShape.style = "background-color: black;opacity: 0.75;";
  SignboxResultShape.addEventListener("mousedown", CloseSignbox);
  SignboxResultShape.addEventListener("touchstart", CloseSignbox);
  SignboxResult.appendChild(SignboxResultShape);
  document.body.appendChild(SignboxResult);
  document.body.appendChild(Signbox);
}

// 总启动函数
function StartFortuneUpUp(){
  LoadSnackbar();
  AppendSignbox();
}