忍辱负重的循环动画
2021/09/06 字数统计： 866 阅读时间： 1 mins 访问次数： ... 评论统计： ... 理论上本篇内容发出时背景这个伪 HUD 已经会转了，虽然实际效果和我想象的相差甚远，但好歹是有了些进度……也可能并不是正确方向上的进度。
所以这次的建站指猫就先鸽了【理直气壮
一切的起因大概还是要从 perfect-scrollbar 的控制台报错开始说起，昨天测试的时候一切正常然后今天突然又开始报 t is not defined 了，然后大概就是因为这个报错导致我之后想再在下面加 JS 文件的链接一概不让，提示我格式不合法，真是……
所以最后还是忍辱负重用 css 做了循环动画。具体的操作方式在 w3school 可以查询到，也很好懂。
以及绘制的时候发现虽然看起来只是透明圆圈 + 一些虚线描边，但这些玩意堆在一起想好看也还是挺不容易的，主要 PS 的路径描边虚线方式和 svg 里用的不太一样，废了好大劲才调出一个差不多的效果。调完我就放弃了用随机数生成图形的设计了，所以现在这个圈就变成了一个既不 easy 也没有 JS 的 .ejs 文件，哈哈【冷笑
怎么说，大概是我现在接触的课题已经超过「基础」的范围，不能用「能跑就行」糊弄过去了，引入自定义库之后调试难度几乎成几何级数增加……但是思路是在的，获取 PS 的滚动事件用来控制 css keyframe 的播放和暂停就行了。然后现在这个 10 个图层的 svg 看起来好像不是很占用加载速度，但是内存占用大约在 200m 左右……虽然我对网页内存占用没什么概念，但这个数字看起来就非常不妙。
当然为了美观我是可以牺牲一些实用性的——还说整什么音乐可视化呢，我连一个自己的 JS 链接都加不上去，气死【
更新：把引起报错的那一行注释掉之后 JS 文件顺利挂上去了……删掉的是给 TOC 添加滚动栏的代码，大概是我为了 css 样式没给它设置 position:relative 的原因，不过因为锁定了它的 hexo-shrink 应该暂时用不到滚动条，除非我哪天想不开要在这里面加 N 重目录的 wiki 再来解决这个问题吧……
好，昨晚只睡了 4 个小时，捣鼓到现在果不其然没电了。说起来星期一了我 FF 的石头都还没清，尼尔垃圾也没捡，2B 的炮台 CD 也没清……呃啊……但是我好困……算了先睡！