benpigchu logo设计史
这里列出了benpigchu所有使用过的logo设计。
bpc v14.x
当时还没有橙色方块的设计概念,不过还算好看。
当时benpigchu的id后面还有一个@。
用几何画板做的。

bpc v15.x
逆时针旋转15度的橙色方块出场!
不过似乎是历代最丑(笑)。而且角度还偏掉了。
用PPT做的。

bpc v16.x
采用了细线条设计,换了个字体,增加了字间距。
使用了乌云的背景,似乎有什么事情要发生了一样。
第一次在logo右下角加版本代号。这次的Append大概是说“比以前更强了”吧(笑)。
也是用PPT做的。

bpc v17.x
使用了发光效果和网格背景,给人一种旧式显示器的感觉。
似乎很有科技感的感觉,毕竟是Experiment,有一种实验感。
居然还有Find out more的口号,感觉更中二了呢(笑)。
最后一次用PPT做logo。

bpc v18.x
成年了!感觉应该反转一下颜色。
选择了vivid的代号,当然要做出一种灵动的感觉,于是采用了这种动画。
有一种闪烁的宝石的感觉,不过这动画蛮费CPU的。
动画是HTML canvas2d,其他部分是inkscape做出来的SVG。

bpc v19.x
黑色背景的回归,动画则突出了各层间的视差。
正方形海洋中唯一的橙色个体,也许是extend了正方形类的新子类(不)。
和前一作相比动画更加简单了,不过似乎有点不够动态?
动画是CSS transform+transition,图片是inkscape做出来的SVG。
值得一提的是,虽然PC端上动画是简单地跟随鼠标,但在(支持的)移动端上是跟随重力感应的。

bpc v20.x
字符海洋里浮现出的个体。
既然是字符海洋,那就应该有字符的变化的。
动画是WebGL,贴图是inkscape做出来的SVG。
专门为此做了一个256字符的字体,虽然后来也用到了其他地方……

bpc v21.x
上一年的似乎过于杂乱了,所以这一年用一个简单的。
如同熔流一般落下的光条。
可惜因为赶工没做好方块的对齐,还好偏差不大。
另外今年换了个更硬气的字体。
动画是WebGL,其他部分是inkscape做出来的SVG。

bpc v22.x
想要表现出一种坠落感。
不知最后是会触底反弹还是摔死在地面上,亦或是就这样永远地坠落下去。
不过背景倒是挺有工业的神秘感的,时隐时现的光条也很帅,也许只是在深入探索某个机械神殿吧。
动画是WebGL,其他部分是inkscape做出来的SVG。

bpc v23.x
和去年的坠落相反,这次的是上升。
夜空中飘荡着的极光,抑或是深渊中的力场。穿过它们,向上飞升。
尝试了一下渐变配色。
动画是WebGL,其他部分是inkscape做出来的SVG。
说起来这次用了不规则方向的线条,但WebGL动画却没有做抗锯齿,所以可能会有点怪,不知道有没有时间再改进。

bpc v24.x
上升和坠落都做过了,所以这次是横向移动。
在传送带上移动着的方块,偶尔会闪烁着橙色的光芒。
动画是WebGL,其他部分是inkscape做出来的SVG。
这次用了 WebGL2,同时中间过程的 framebuffer 也变成了浮点格式的,这样就可以在中间的纹理上承载更多信息了。

bpc v25.x
各种方向的移动都有过了,所以这次不动了。
慢慢旋转的是风扇还是搅拌机呢?
顺带一提,这次的版本代号和 Pop'n Music 的 25 代一致,不过是不是巧合就不知道了。
动画是 WebGL,其他部分是 inkscape 做出来的 SVG。

bpc v26.x
虽然依旧是旋转,但是加入了更多随机性。
这次的版本代号颇有一种无法预测的命运之舞台的感觉。
动画改成了 WebGPU,其他部分依旧是 inkscape 做出来的 SVG。

bpc v27.x
因为 27 刚好是 3 的立方,所以做了三维方块旋转。
下从再有立方数得要到 37 年以后了吧。
动画是 WebGPU,其他部分依旧是 inkscape 做出来的 SVG。
