开发日志

夜巡通讯器开发日志

就这样心血来潮^ ^

灵感

看新法外看的非常幸福,他红和她红把小比养的非常好。小比非常聪明那会儿搞出来的完全超模武器库/情报库给我看笑了...兄弟眼!兄弟眼你有强劲的竞争对手了!竞争上岗啊!!

被激发了一下灵感就想速搓一个通讯器界面出来。因为完全是心血来潮所以没怎么写逻辑,只是想搓个酷酷的界面。把心思都花在什么呼吸灯效果、扫描线效果,怎么搓个酷酷的雷达出来这种...嗯,我觉得也非常有用的事情上。

技术

用的古老三件套所以没什么船新的技术收获。倒是第一次试着写了多语言系统。分别设计了两个data structure存储静态文本(ui, 按钮等)和动态文本(随机刷新事件)。静态用一个classname绑定翻译键值,update函数查找并更新需要翻译的内容。动态就比较粗暴,直接清除原来内容,然后新生成的时候读取当前语言设定

UI 静态文本 (i18n 对象):

    const i18n = {
        en: {
            ui: { system_title: 'OUTLAWS OPS V1.1', ... },
            console: { ... }
        },
        zh: {
            ui: { system_title: '法外者情报系统 V1.1', ... },
            console: { ... }
        }
    };

动态内容:

const alertTemplates = {
  en: [{ title: "Stop Bank Robbery", ... }, ...],
  zh: [{ title: "阻止银行抢劫案", ... }, ...]
}

很久没写原生js了,有种朴实的美感。什么都要自己写但还挺安心的哈哈。

然后用户体验方面,为了更有黑客感把控制台设计成Ctrl + ~ 打开。哈哈,完全忘了还有人用手机(爽朗)。手机用户就这样完全没法打开控制台了呢!因为自己太习惯用电脑了所以...经常不记得移动端死活。体会到了多元化的重要性呢,一个人闷头搞就会发生这样非常自我为中心的设计^ ^

部署

部署用了Vercel+Neon。遇到的问题是vercel生成的链接,国内打不开。找到的解决方案是用Cloudflare进行DNS解析。国内访问速度还可以的。也是给后续的红鸟小屋铺路了

感想

非常短平快的小玩意所以没什么感想!玩的很开心。喜欢做酷东西。感觉就是小时候看了书要写读后感,长大了之后我的读后感变成了同人文/同人图/同人...网站(?)这样奇奇怪怪的东西ww