首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
拉勾
V2EX  ›  分享创造

Fork 了 VS Code 的 background 扩展,然后改成了走来走去的 2233 娘😛

  •  
  •   journey0ad · 69 天前 · 2464 次点击
    这是一个创建于 69 天前的主题,其中的信息可能已经有所发展或是发生改变。

    2233

    安装

    Version Installs Ratings

    项目地址扩展商店

    也可以直接在扩展商店搜索 background-2233下载😋

    实现

    因为 VS Code 不支持直接操作 DOM,API 提供的装饰器只能对编辑器内的文本样式进行简单的修改,所以动画状态切换只能靠纯 CSS 来搞,很是头疼

    最后用了::after::before来分别实现走路和站立状态,到达两端时改变透明度间接实现状态切换

    转身则用的是水平翻转,并用steps()实现方向的瞬间切换

    关于

    扩展主体代码基于 shalldie/vscode-background

    2233 图片资源取自 bilibili 2018 年度报告

    “ 22 ”、“ 33 ”为 Bilibili Inc. 所有的虚拟看板娘形象

    13 回复  |  直到 2019-01-15 14:44:52 +08:00
        1
    shuirong1997   69 天前 via Android
    好玩好玩,已 star(不过就是有点晃眼)
        2
    BOYPT   69 天前
    厉害了。。。
    能像 atom - miku 那样吗
        3
    orangeade   69 天前 via Android
    还看过一个辐射 bb 小子+ power mode 的,很有意思
        4
    MonoLogueChi   69 天前 via Android
    行走可以改成变速吗,或者是腿部动作改一下,看图感觉就是在飘
        5
    zhouyut001   69 天前
    想不到你也是个批友?
        6
    Vegetable   69 天前   ♥ 14
    你永远不知道你的同事皱着眉头是在解决什么样的技术难题
        7
    Perry   69 天前 via iPhone
    太可爱了 有木有人做个小黄鸭的背景哈哈
        8
    lrh3321   69 天前 via Android
    有点强啊,改成能自定义其他动画就更好了。
        9
    chungzhao   69 天前
    我擦,这还能专心写代码???
        10
    locoz   68 天前 via Android
    然后就沉迷看 2233,无心写代码了
        11
    sobigfish   68 天前
    可以加载远程的图片么?那样子就可以动态换了
        12
    wwg1994   66 天前
    无心代码 告辞
        13
    wdytoya   66 天前
    可以可以,很强
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2196 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 17ms · UTC 04:47 · PVG 12:47 · LAX 21:47 · JFK 00:47
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1