首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yvettemuki
V2EX  ›  程序员

b 站的新年晚会的网站好炫啊

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

    前端绘图渣渣,想问一下各位大佬,这类效果一般用什么实现的哇?从那里入手学习哇?

    58 条回复    2019-12-20 16:08:02 +08:00
    Valid
        2
    Valid   199 天前
    前端 vue,看了一下一直在下 mp4,估计全是视频
    OHyn
        3
    OHyn   199 天前
    背景是用 canvas 画的。很有趣!
    galikeoy
        4
    galikeoy   199 天前
    webgl
    a62527776a
        5
    a62527776a   199 天前
    canvas 啊 666
    zhuoyan
        6
    zhuoyan   199 天前
    好强啊
    tearain
        7
    tearain   199 天前
    虽然内容无感,但确实好看
    moonheart
        8
    moonheart   199 天前   ❤️ 1
    控制台消息疯了
    zlccn
        9
    zlccn   199 天前   ❤️ 11
    是我眼睛不太合群吗?炫酷在哪里?
    aLazarus
        10
    aLazarus   199 天前
    要不看下 apple 官网
    cuzfinal
        11
    cuzfinal   199 天前
    PixiJS,这是一个前端的游戏引擎啊,之前 GitHub 还有个用 PixiJS 做游戏的活动。
    yvettemuki
        12
    yvettemuki   198 天前
    @aLazarus 哇确实很可以,感觉类似的实现原理
    yvettemuki
        13
    yvettemuki   198 天前
    @zlccn 大佬,就是一直往下拉背景的效果的变化啊
    yvettemuki
        14
    yvettemuki   198 天前
    @Valid 下载视频可以呈现这种过渡很难吧?
    yvettemuki
        15
    yvettemuki   198 天前
    @galikeoy 哇 我去看看
    yvettemuki
        16
    yvettemuki   198 天前
    @cuzfinal 可以,我看看哈,感谢
    lzuntalented
        17
    lzuntalented   198 天前
    首屏进去,卡卡西
    feng04998
        18
    feng04998   198 天前
    电脑太差的还没法玩它,加载卡的一匹
    sumarker
        19
    sumarker   198 天前   ❤️ 1
    小水管带宽终结者
    shunia
        20
    shunia   198 天前
    逻辑上来说是三层:
    0:pixi.js 用 canvas 画出来的全屏背景动画
    1:纯网页页面内容(可滚动)
    2:纯网页底部固定条(不滚动)

    pixi.js 很容易就从 console 里分辨出来
    alphardex
        21
    alphardex   198 天前
    比国内大多数网站好多了,但离炫还是有一点距离
    https://yui540.graphics 个人认为这样的网站才是真的炫
    不过懂得用 webgl 以及相关的动画库,已经算是一个很大的进步了呢
    misaka19000
        22
    misaka19000   198 天前
    @alphardex #21 +1
    BIAOXYZ
        23
    BIAOXYZ   198 天前   ❤️ 1
    https://bruno-simon.com 开车站。来不及解释了,快上车。
    iMusic
        24
    iMusic   198 天前
    @alphardex B 站的技术在你印象里有这么差吗...
    dinjufen
        25
    dinjufen   198 天前
    我浏览器右上角的 vue 工具亮了,应该是 vue 写的吧
    yeah2109
        26
    yeah2109   198 天前
    楼上的感觉好像没见过 canvas 一样,现在用 canvas 做网页也不是什么新鲜事了吧
    alphardex
        27
    alphardex   198 天前
    @iMusic 我那句话说 b 站技术差了?只是离完美还有些距离而已
    lemon6
        28
    lemon6   198 天前
    我觉得做的挺好了,说一般的不知道再酸什么。
    Cyshall
        29
    Cyshall   198 天前
    Cyshall
        30
    Cyshall   198 天前   ❤️ 3
    Hoshinokozo
        31
    Hoshinokozo   198 天前
    Canvas 实现的,对于普通业务前端来说确实很炫,因为大部分前端日常业务用不到,不过比这厉害的多了去了,建议看看 three.js 的官方示例,WebGL 还只是 OpenGL 的一小部分,你让一个搞 unity 的来写的话,估计能玩出花儿来。
    learnshare
        32
    learnshare   198 天前
    AE 导出为视频 /An 导出为动画 更方便一些,纯手写这些效果比较麻烦了
    babedoll
        33
    babedoll   198 天前
    @alphardex 我的天啊 这个网站 简直是我梦想中想拥有的!
    f056917
        34
    f056917   198 天前
    @BIAOXYZ 卧槽牛批!
    himesens
        35
    himesens   198 天前
    pixi 都可以直接做游戏的
    coolooks
        36
    coolooks   198 天前
    虽然 B 站不算最酷炫的,但绝对比楼上在座的各位强,毕竟键盘打字也不难
    whlvi
        37
    whlvi   198 天前 via iPhone
    @BIAOXYZ #23 好玩
    Godikov
        38
    Godikov   198 天前
    卡的雅痞
    hyy1995
        39
    hyy1995   198 天前
    v 站就是有一堆键盘敲得贼响的人,不管你发什么,都会有人挑刺。我觉得 b 站这网页做的真的很棒
    iMusic
        40
    iMusic   198 天前
    @Cyshall 看到车,我想起这个游戏
    http://hexgl.bkcore.com/play/

    https://www.shadertoy.com/ 上牛逼的一大堆
    NonClockworkChen
        41
    NonClockworkChen   198 天前
    @hyy1995 也不能这么说,你是没接触过,对效果很高用户的需求,一般只能找做游戏的人写
    vissssa
        42
    vissssa   198 天前
    之前看到三星手机的一个网页 滚动着从小到宇宙再到手机貌似
    叹为观止
    fhvch
        43
    fhvch   198 天前
    明星阵容有点东西啊,五月天,邓紫棋
    qing18
        44
    qing18   198 天前
    有点卡呀
    areless
        45
    areless   198 天前 via Android
    哎~当年做 flash 的真可悲。明明做着比现在这种炫酷一百倍的东西,最后都默默离开了这个领域。真想把现在赞美 webgl canvas 的人通过时光机送到 10 年前,让他们天天浏览那些 flash 模板素材站,到吐为止
    xxx749
        46
    xxx749   198 天前
    抽不了奖鸭
    yvettemuki
        47
    yvettemuki   198 天前
    @shunia
    emmmlucky
        48
    emmmlucky   198 天前
    随手在 threejs 官网找了个,https://2050.earth/
    janxin
        49
    janxin   198 天前
    少年你应该看看苹果的官网
    VishvaWang
        50
    VishvaWang   198 天前
    加载也太慢了,好歹先加载一部分展示出来,剩下的后台慢慢加载啊
    ArJun
        51
    ArJun   198 天前
    golang 写的后台就是快··
    IGJacklove
        52
    IGJacklove   198 天前
    @zlccn 可能你不是开发的原因把。。我会写一点前端,感觉做的很棒,技术层面
    dokodream
        53
    dokodream   198 天前
    推荐 Iphone 官网和 coloros 官网。。。。
    nicoljiang
        55
    nicoljiang   198 天前
    感觉好一般啊...太一般了。
    no1guangming
        56
    no1guangming   198 天前
    难道没有人提 bug 吗

    点击发动态参与抽奖,
    要同意 bilibili 用户条款,
    底部的图片把“同意”选项遮住惹....

    no1guangming
        57
    no1guangming   198 天前
    @no1guangming #56

    向 bilibili 客服娘反馈惹.........
    oahebky
        58
    oahebky   197 天前
    电脑不差:32G 内存,6 核无睿频 3.0GHz,“亮屏级”独显,台式机。

    Ubuntu 系统 + Chrome 打开 -- 卡爆了。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2586 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 04:35 · PVG 12:35 · LAX 21:35 · JFK 00:35
    ♥ Do have faith in what you're doing.