最近这段时间，真是闲得有点发慌。以前上班忙得脚不沾地，现在突然有了大把时间，反而不知道干啥好了。刷短视频，刷来刷去也就那些东西，看久了眼睛也累。寻思着，我是不是也能自己动手捣鼓个啥小玩意儿出来解解闷。
最初的念头
从小就对那些花花绿绿的搭配有点兴趣，小时候没少拿我妈的衣服比划。现在虽然年纪大了，但偶尔看到一些穿搭类的东西还是会瞅两眼。我就想，能不能整个简单的穿衣搭配小游戏？不需要太复杂，就跟小时候玩的那种纸片娃娃换装差不多就行。
动手前的准备
有了这个想法，我就开始琢磨了。得有个“模特”？ 我寻思着，咱也不是啥专业美术出身，画画水平也就停留在幼儿园简笔画阶段。这个模特不能太复杂，就一个简单的人形轮廓就行，男女都行，或者整个中性的，这样衣服适配性还好点。我就在纸上随便画了几个火柴人PLUS版，看着哪个顺眼就用哪个。
然后就是衣服了。 这可是核心！我想了想，初期也不用太多花样，基本的上下装、连衣裙、鞋子、帽子、小配饰得有几件。风格嘛也别搞得太前卫，就日常一点的，比如：
- 上衣：T恤、衬衫、小外套
- 下装：牛仔裤、短裤、半身裙
- 连衣裙：简约款式的
- 鞋子：运动鞋、帆布鞋、小皮鞋
- 配饰：帽子、眼镜、包包（这个想想还是算了，太小了不好弄）
这些衣服，我也是照猫画虎，画得歪歪扭扭的，不过自己玩嘛大概那个意思就行。颜色方面，我也没想太复杂，红黄蓝绿黑白灰，基础色先来一遍。
捣鼓的过程
素材准备得差不多了（虽然质量堪忧），接下来就是怎么让它们“动”起来。我一开始想得挺美，想着能不能像那些成熟游戏一样，拖拽衣服，“啪”一下就自动吸附到模特身上，还能根据体型自动调整。后来发现，这对我来说难度太高了！
我就降低了预期。 最简单的办法，就是把模特和每一件衣服都看成独立的“图层”。我想实现的效果是，点击一件衣服，这件衣服就能显示在模特身上合适的位置。比如点击T恤，T恤的图片就叠在模特上半身；点击裤子，裤子的图片就叠在模特下半身。这里面还有个前后顺序的问题，比如外套肯定要在T恤外面嘛
我用的工具也特简单，一开始甚至想用PPT的动画和触发器试试看能不能搞定，后来发现还是得用点更灵活的。我就找了个特基础的网页制作小软件，能拖拽图片、设置点击事件的那种。把画好的模特放最底层，然后把衣服一件件导入进去，调整好大小和初始位置（比如都先堆在旁边）。
然后就是琢磨怎么把这些玩意儿给穿上去。我给每个衣服图片都设置了个小小的脚本，大概意思就是：“当我被点击的时候，我就移动到模特身上的某个预设坐标，并且显示出来”。为了解决衣服叠加的顺序问题，比如外套要盖住内搭，我还得给不同的部件（比如上衣、外套、裤子）设置不同的“层级”，层级高的就显示在上面。
我还加了个“脱掉”或者说“重置”的功能，就是一个按钮，一点，所有穿上去的衣服都回到原来的位置或者直接隐藏掉，模特又变成光溜溜的，方便重新搭配。
遇到的坎和的成品
过程中也遇到不少小麻烦。比如，衣服和模特对不齐，穿上去歪了；或者裙子和上衣之间有缝隙，看着特奇怪。这些都得一点点手动去调整那些预设的坐标，还有衣服图片本身的大小和形状。耐心真是个好东西！
还有就是，一开始画的衣服太少了，三两下就搭完了，没啥意思。我又硬着头皮多画了几件，换了换颜色，稍微丰富了一下。想着以后有精力了，是不是还能加点不同发型、不同背景啥的，不过目前也就想想了。
捣鼓出来的东西，简陋得很。界面粗糙，图片难看，操作也说不上流畅。但是，当我真的能点击几下，给那个火柴人PLUS换上我自己画的“时装”时，心里头还是挺乐呵的。毕竟是自己一步步弄出来的嘛
虽然市面上那些《芭比公主浪漫换装》、《闪耀暖暖》、《云裳羽衣》啥的，画面精致得不得了，衣服更是华丽到爆。但我这个土法制作的小玩意儿，也算是给我这段时间的宅家生活增添了一点小乐趣。主要还是享受那个从无到有、自己动手琢磨的过程。谁说玩游戏一定要玩别人做好的？自己创造一个，哪怕再简单，那份成就感也是不一样的。
今天就先分享到这，下次再捣鼓出啥新玩意儿，再来跟大家唠！