跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • b 站的新年晚会的网站好炫啊
未分類
15 2 月 2020

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

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

資深大佬 : yvettemuki 49

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

大佬有話說 (58)

  • 主 資深大佬 : yvettemuki

    附上网址:
    https://www.bilibili.com/blackboard/topic/2019.html?spm_id_from=333.851.b_7265706f7274466972737431.1

  • 資深大佬 : Valid

    前端 vue,看了一下一直在下 mp4,估计全是视频

  • 資深大佬 : OHyn

    背景是用 canvas 画的。很有趣!

  • 資深大佬 : galikeoy

    webgl

  • 資深大佬 : a62527776a

    canvas 啊 666

  • 資深大佬 : zhuoyan

    好强啊

  • 資深大佬 : tearain

    虽然内容无感,但确实好看

  • 資深大佬 : moonheart

    控制台消息疯了

  • 資深大佬 : zlccn

    是我眼睛不太合群吗?炫酷在哪里?

  • 資深大佬 : aLazarus

    要不看下 apple 官网

  • 資深大佬 : cuzfinal

    PixiJS,这是一个前端的游戏引擎啊,之前 GitHub 还有个用 PixiJS 做游戏的活动。

  • 主 資深大佬 : yvettemuki

    @aLazarus 哇确实很可以,感觉类似的实现原理

  • 主 資深大佬 : yvettemuki

    @zlccn 大佬,就是一直往下拉背景的效果的变化啊

  • 主 資深大佬 : yvettemuki

    @Valid 下载视频可以呈现这种过渡很难吧?

  • 主 資深大佬 : yvettemuki

    @galikeoy 哇 我去看看

  • 主 資深大佬 : yvettemuki

    @cuzfinal 可以,我看看哈,感谢

  • 資深大佬 : lzuntalented

    首屏进去,卡卡西

  • 資深大佬 : feng04998

    电脑太差的还没法玩它,加载卡的一匹

  • 資深大佬 : sumarker

    小水管带宽终结者

  • 資深大佬 : shunia

    逻辑上来说是三层:
    0:pixi.js 用 canvas 画出来的全屏背景动画
    1:纯网页页面内容(可滚动)
    2:纯网页底部固定条(不滚动)

    pixi.js 很容易就从 console 里分辨出来

  • 資深大佬 : alphardex

    比国内大多数网站好多了,但离炫还是有一点距离
    https://yui540.graphics 个人认为这样的网站才是真的炫
    不过懂得用 webgl 以及相关的动画库,已经算是一个很大的进步了呢

  • 資深大佬 : misaka19000

    @alphardex #21 +1

  • 資深大佬 : BIAOXYZ

    https://bruno-simon.com 开车站。来不及解释了,快上车。

  • 資深大佬 : iMusic

    @alphardex B 站的技术在你印象里有这么差吗…

  • 資深大佬 : dinjufen

    我浏览器右上角的 vue 工具亮了,应该是 vue 写的吧

  • 資深大佬 : yeah2109

    上的感觉好像没见过 canvas 一样,现在用 canvas 做网页也不是什么新鲜事了吧

  • 資深大佬 : alphardex

    @iMusic 我那句话说 b 站技术差了?只是离完美还有些距离而已

  • 資深大佬 : hzk0424

    我觉得做的挺好了,说一般的不知道再酸什么。

  • 資深大佬 : Cyshall

    这也叫酷炫?建议看看 https://bruno-simon.com/这位老哥的各种作品。

  • 資深大佬 : Cyshall

    为了方便观看,我这边直接贴上来。

    https://prior.co.jp/discover/en/authenticity

    https://www.orano.group/experience/innovation/en

    https://thenewmobileworkforce.imm-g-prod.com/

    http://gleec.imm-g-prod.com/

    https://www.refletcommunication.com/

  • 資深大佬 : Hoshinokozo

    Canvas 实现的,对于普通业务前端来说确实很炫,因为大部分前端日常业务用不到,不过比这厉害的多了去了,建议看看 three.js 的官方示例,WebGL 还只是 OpenGL 的一小部分,你让一个搞 unity 的来写的话,估计能玩出花儿来。

  • 資深大佬 : learnshare

    AE 导出为视频 /An 导出为动画 更方便一些,纯手写这些效果比较麻烦了

  • 資深大佬 : babedoll

    @alphardex 我的天啊 这个网站 简直是我梦想中想拥有的!

  • 資深大佬 : f056917

    @BIAOXYZ 卧槽牛批!

  • 資深大佬 : himesens

    pixi 都可以直接做游戏的

  • 資深大佬 : coolooks

    虽然 B 站不算最酷炫的,但绝对比上在座的各位强,毕竟键盘打字也不难

  • 資深大佬 : whlvi

    @BIAOXYZ #23 好玩

  • 資深大佬 : Godikov

    卡的雅痞

  • 資深大佬 : hyy1995

    v 站就是有一堆键盘敲得贼响的人,不管你发什么,都会有人挑刺。我觉得 b 站这网页做的真的很棒

  • 資深大佬 : iMusic

    @Cyshall 看到车,我想起这个游戏
    http://hexgl.bkcore.com/play/

    https://www.shadertoy.com/ 上牛逼的一大堆

  • 資深大佬 : NonClockworkChen

    @hyy1995 也不能这么说,你是没接触过,对效果很高用户的需求,一般只能找做游戏的人写

  • 資深大佬 : vissssa

    之前看到三星手机的一个网页 滚动着从小到宇宙再到手机貌似
    叹为观止

  • 資深大佬 : fhvch

    明星阵容有点东西啊,五月天,邓紫棋

  • 資深大佬 : qing18

    有点卡呀

  • 資深大佬 : areless

    哎~当年做 flash 的真可悲。明明做着比现在这种炫酷一百倍的东西,最后都默默离开了这个领域。真想把现在赞美 webgl canvas 的人通过时光机送到 10 年前,让他们天天浏览那些 flash 模板素材站,到吐为止

  • 資深大佬 : xxx749

    抽不了奖鸭

  • 主 資深大佬 : yvettemuki

    @shunia 可

  • 資深大佬 : emmmlucky

    随手在 threejs 官网找了个,https://2050.earth/

  • 資深大佬 : janxin

    少年你应该看看苹果的官网

  • 資深大佬 : VishvaWang

    加载也太慢了,好歹先加载一部分展示出来,剩下的后台慢慢加载啊

  • 資深大佬 : ArJun

    golang 写的后台就是快··

  • 資深大佬 : IGJacklove

    @zlccn 可能你不是开发的原因把。。我会写一点前端,感觉做的很棒,技术层面

  • 資深大佬 : dokodream

    推荐 Iphone 官网和 coloros 官网。。。。

  • 資深大佬 : dokodream

    https://www.coloros.com/topic/coloros7.html

  • 資深大佬 : nicoljiang

    感觉好一般啊…太一般了。

  • 資深大佬 : no1guangming

    难道没有人提 bug 吗

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

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

  • 資深大佬 : no1guangming

    @no1guangming #56

    向 bilibili 客服娘反馈惹………

  • 資深大佬 : oahebky

    电脑不差:32G 内存,6 核无睿频 3.0GHz,“亮屏级”独显,台式机。

    Ubuntu 系统 + Chrome 打开 — 卡爆了。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具