Fork 了 VS Code 的 background 扩展，然后改成了走来走去的 2233 娘😛
journey0ad · journey-ad · 2019-01-12 23:16:25 +08:00 · 4403 次点击这是一个创建于 2145 天前的主题，其中的信息可能已经有所发展或是发生改变。
安装
也可以直接在扩展商店搜索 background-2233下载😋
实现
因为 VS Code 不支持直接操作 DOM，API 提供的装饰器只能对编辑器内的文本样式进行简单的修改，所以动画状态切换只能靠纯 CSS 来搞，很是头疼
最后用了::after和::before来分别实现走路和站立状态，到达两端时改变透明度间接实现状态切换
转身则用的是水平翻转，并用steps()实现方向的瞬间切换
关于
扩展主体代码基于 shalldie/vscode-background
2233 图片资源取自 bilibili 2018 年度报告
“ 22 ”、“ 33 ”为 Bilibili Inc. 所有的虚拟看板娘形象
 |
1
shuirong1997 2019-01-12 23:28:54 +08:00 via Android
好玩好玩，已 star(不过就是有点晃眼)
|
 |
2
BOYPT 2019-01-12 23:31:12 +08:00
厉害了。。。
能像 atom - miku 那样吗 |
 |
3
orangeade 2019-01-12 23:32:32 +08:00 via Android
还看过一个辐射 bb 小子＋ power mode 的，很有意思
|
 |
4
MonoLogueChi 2019-01-12 23:53:54 +08:00 via Android
行走可以改成变速吗，或者是腿部动作改一下，看图感觉就是在飘
|
 |
5
zhouyut001 2019-01-13 00:49:35 +08:00
想不到你也是个批友？
|
 |
6
Vegetable 2019-01-13 01:25:01 +08:00  14
你永远不知道你的同事皱着眉头是在解决什么样的技术难题
|
 |
7
Perry 2019-01-13 01:52:11 +08:00 via iPhone
太可爱了 有木有人做个小黄鸭的背景哈哈
|
 |
8
lrh3321 2019-01-13 07:32:36 +08:00 via Android
有点强啊，改成能自定义其他动画就更好了。
|
 |
9
chungzhao 2019-01-13 11:15:40 +08:00
我擦，这还能专心写代码？？？
|
 |
10
locoz 2019-01-13 13:41:32 +08:00 via Android
然后就沉迷看 2233，无心写代码了
|
 |
11
sobigfish 2019-01-14 11:52:46 +08:00
可以加载远程的图片么？那样子就可以动态换了
|
 |
12
wwg1994 2019-01-15 13:54:06 +08:00
无心代码 告辞
|
 |
13
wdytoya 2019-01-15 14:44:52 +08:00
可以可以，很强
|
Select Language