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

2019-12-19 00:15:26 +08:00
 yvettemuki

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

9803 次点击
所在节点    程序员
58 条回复
yvettemuki
2019-12-19 00:15:54 +08:00
附上网址：
https://www.bilibili.com/blackboard/topic/2019.html?spm_id_from=333.851.b_7265706f7274466972737431.1
Valid
2019-12-19 00:19:58 +08:00
前端 vue，看了一下一直在下 mp4，估计全是视频
OHyn
2019-12-19 00:27:02 +08:00
背景是用 canvas 画的。很有趣！
galikeoy
2019-12-19 09:41:39 +08:00
webgl
a62527776a
2019-12-19 10:01:28 +08:00
canvas 啊 666
zhuoyan
2019-12-19 10:09:26 +08:00
好强啊
tearain
2019-12-19 10:16:28 +08:00
虽然内容无感，但确实好看
moonheart
2019-12-19 10:17:41 +08:00
控制台消息疯了
zlccn
2019-12-19 11:05:27 +08:00
是我眼睛不太合群吗？炫酷在哪里？
aLazarus
2019-12-19 11:21:54 +08:00
要不看下 apple 官网
cuzfinal
2019-12-19 11:42:03 +08:00
PixiJS，这是一个前端的游戏引擎啊，之前 GitHub 还有个用 PixiJS 做游戏的活动。
yvettemuki
2019-12-19 13:52:30 +08:00
@aLazarus 哇确实很可以，感觉类似的实现原理
yvettemuki
2019-12-19 13:52:58 +08:00
@zlccn 大佬，就是一直往下拉背景的效果的变化啊
yvettemuki
2019-12-19 13:53:32 +08:00
@Valid 下载视频可以呈现这种过渡很难吧？
yvettemuki
2019-12-19 13:53:54 +08:00
@galikeoy 哇 我去看看
yvettemuki
2019-12-19 13:54:25 +08:00
@cuzfinal 可以，我看看哈，感谢
lzuntalented
2019-12-19 14:00:47 +08:00
首屏进去，卡卡西
feng04998
2019-12-19 14:07:32 +08:00
电脑太差的还没法玩它，加载卡的一匹
sumarker
2019-12-19 14:10:18 +08:00
小水管带宽终结者
shunia
2019-12-19 14:15:18 +08:00
逻辑上来说是三层：
0：pixi.js 用 canvas 画出来的全屏背景动画
1：纯网页页面内容（可滚动）
2：纯网页底部固定条（不滚动）

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

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/630355

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX