这个想法起源于 2020 年的情人节。那时候美国新冠肺炎疫情还没有爆发,我和女票一人在匹兹堡,一人在费城,都是趁着周末假期坐火车过去见面。恰逢情人节赶上美国的一个假期,就买了火车票出发去费城。去过情人节,肯定不能空手去啊。带什么礼物呢?买东西又贵,美国快递还慢,不如自己做一个吧。

我们都喜欢猫,然而限于住所和各种限制,无奈只能云养猫云吸猫。于是就萌生了用猫猫做壁纸的想法。网上找现成的猫照片也行,但是就显得没什么诚意。于是,就开始构思一个 app,能够随机显示一些卡通猫猫和淡色背景组成的壁纸,并可以下载和直接设置成桌面。

想法很简单,也看到网上有一个 wallpaper的库可以直接用。开干!

先是上网搜了一波用 JS 实现的卡通猫猫,没有找到太多特别好的,不过有两个能用:
https://codepen.io/vcmg/pen/OVYpWN
https://codepen.io/eva_trostlos/pen/vXVoQj
一开始觉得配色还不错,代码也比较好修改。

再在网上搜索一些色彩比较清新的图,取下来作为背景色。随机切换猫和背景。一通操作导入了 React 和 Electron,至此能够实现随机切换的 App 就完成了。

然后迫不及待地想用 wallpaper 来设置桌面。但是导入之后立刻就会报错。在这个报错上折腾了大概得小半天,后来恍然大悟,在 electron 这一层,跟系统打交道的工具引入的时候应该用 window.require 而不是直接 import。。。回想起来这个错着实有点低级。

保存到桌面总算是实现了,但是呢,就两只猫,也有点说不过去。没办法,改改颜色吧!研究了一下 CSS 中的颜色,一通搜索找出了一些配色,换上之后,发现有的还不错,有的就差了些。果然自己的审美还是有待提高。

再后来,发现看这个方形的猫看久了,身材比例越看越像老鼠。。。之后又去网上找到了一个比较萌的猫咪 svg,现在就又多了一只。

就这么在网上找也不是长久之计,于是,下一步计划就是:自己画!

后来,这个计划一直被搁置,前段时间工作上有个 DDL,比较忙,最近又因为疫情要担心别的事情。动物森友会又发售了,每天在肝狼蛛。。。

直到现在,忙里偷闲,回顾一下自己手头上没有完成的项目。。。不能再在游戏里蹉跎岁月了(其实是等着周日炒大头菜,平时钓鱼捉虫的赚钱方法再也无法吸引我)。准备开始精进技术,顺便学习一下 scss。