这是一个创建于 2220 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端绘图渣渣，想问一下各位大佬，这类效果一般用什么实现的哇？从那里入手学习哇？
 |
1
yvettemuki OP |
 |
2
Valid 2019 年 12 月 19 日
前端 vue，看了一下一直在下 mp4，估计全是视频
|
 |
3
OHyn 2019 年 12 月 19 日
背景是用 canvas 画的。很有趣！
|
 |
4
dfourc 2019 年 12 月 19 日
webgl
|
 |
5
a62527776a 2019 年 12 月 19 日
canvas 啊 666
|
 |
6
zhuoyan 2019 年 12 月 19 日
好强啊
|
 |
7
tearain 2019 年 12 月 19 日
虽然内容无感，但确实好看
|
 |
8
moonheart 2019 年 12 月 19 日  1
控制台消息疯了
|
 |
9
zlccn 2019 年 12 月 19 日 11
是我眼睛不太合群吗？炫酷在哪里？
|
 |
10
aLazarus 2019 年 12 月 19 日
要不看下 apple 官网
|
 |
11
cuzfinal 2019 年 12 月 19 日
PixiJS，这是一个前端的游戏引擎啊，之前 GitHub 还有个用 PixiJS 做游戏的活动。
|
|
12
yvettemuki OP @aLazarus 哇确实很可以，感觉类似的实现原理
|
|
13
yvettemuki OP @zlccn 大佬，就是一直往下拉背景的效果的变化啊
|
|
14
yvettemuki OP @Valid 下载视频可以呈现这种过渡很难吧？
|
|
15
yvettemuki OP @galikeoy 哇 我去看看
|
|
16
yvettemuki OP @cuzfinal 可以，我看看哈，感谢
|
 |
17
lzuntalented 2019 年 12 月 19 日
首屏进去，卡卡西
|
 |
18
feng04998 2019 年 12 月 19 日
电脑太差的还没法玩它，加载卡的一匹
|
 |
19
sumarker PRO 1
小水管带宽终结者
|
 |
20
shunia 2019 年 12 月 19 日
逻辑上来说是三层：
0：pixi.js 用 canvas 画出来的全屏背景动画 1：纯网页页面内容（可滚动） 2：纯网页底部固定条（不滚动） pixi.js 很容易就从 console 里分辨出来 |
 |
21
alphardex 2019 年 12 月 19 日
比国内大多数网站好多了，但离炫还是有一点距离
https://yui540.graphics 个人认为这样的网站才是真的炫 不过懂得用 webgl 以及相关的动画库，已经算是一个很大的进步了呢 |
 |
22
misaka19000 2019 年 12 月 19 日
@alphardex #21 +1
|
 |
23
BIAOXYZ 2019 年 12 月 19 日 1
https://bruno-simon.com 开车站。来不及解释了，快上车。
|
 |
25
dinjufen 2019 年 12 月 19 日
我浏览器右上角的 vue 工具亮了，应该是 vue 写的吧
|
 |
26
yeah2109 2019 年 12 月 19 日
楼上的感觉好像没见过 canvas 一样，现在用 canvas 做网页也不是什么新鲜事了吧
|
 |
28
lemon6 2019 年 12 月 19 日
我觉得做的挺好了，说一般的不知道再酸什么。
|
 |
29
Cyshall 2019 年 12 月 19 日
这也叫酷炫？建议看看 https://bruno-simon.com/这位老哥的各种作品。
|
|
30
Cyshall 2019 年 12 月 19 日 3
为了方便观看，我这边直接贴上来。
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/ |
 |
31
Hoshinokozo 2019 年 12 月 19 日
Canvas 实现的，对于普通业务前端来说确实很炫，因为大部分前端日常业务用不到，不过比这厉害的多了去了，建议看看 three.js 的官方示例，WebGL 还只是 OpenGL 的一小部分，你让一个搞 unity 的来写的话，估计能玩出花儿来。
|
 |
32
learnshare 2019 年 12 月 19 日
AE 导出为视频 /An 导出为动画 更方便一些，纯手写这些效果比较麻烦了
|
 |
34
p8YFk4f3E8SJ3aEv 2019 年 12 月 19 日
@BIAOXYZ 卧槽牛批！
|
 |
35
himesens 2019 年 12 月 19 日
pixi 都可以直接做游戏的
|
 |
36
coolooks 2019 年 12 月 19 日
虽然 B 站不算最酷炫的，但绝对比楼上在座的各位强，毕竟键盘打字也不难
|
 |
38
Godikov 2019 年 12 月 19 日
卡的雅痞
|
 |
39
hyy1995 2019 年 12 月 19 日
v 站就是有一堆键盘敲得贼响的人，不管你发什么，都会有人挑刺。我觉得 b 站这网页做的真的很棒
|
 |
40
MzM2ODkx 2019 年 12 月 19 日
|
 |
41
NonClockworkChen 2019 年 12 月 19 日
@hyy1995 也不能这么说，你是没接触过，对效果很高用户的需求，一般只能找做游戏的人写
|
 |
42
vissssa 2019 年 12 月 19 日
之前看到三星手机的一个网页 滚动着从小到宇宙再到手机貌似
叹为观止 |
 |
43
fhvch 2019 年 12 月 19 日
明星阵容有点东西啊，五月天，邓紫棋
|
 |
44
qing18 2019 年 12 月 19 日
有点卡呀
|
 |
45
areless 2019 年 12 月 19 日 via Android
哎~当年做 flash 的真可悲。明明做着比现在这种炫酷一百倍的东西，最后都默默离开了这个领域。真想把现在赞美 webgl canvas 的人通过时光机送到 10 年前，让他们天天浏览那些 flash 模板素材站，到吐为止
|
 |
46
xxx749 2019 年 12 月 19 日
抽不了奖鸭
|
|
47
yvettemuki OP @shunia 可
|
 |
48
emmmlucky 2019 年 12 月 19 日
随手在 threejs 官网找了个，https://2050.earth/
|
 |
49
janxin 2019 年 12 月 19 日
少年你应该看看苹果的官网
|
 |
50
VishvaWang 2019 年 12 月 19 日
加载也太慢了,好歹先加载一部分展示出来,剩下的后台慢慢加载啊
|
 |
51
ArJun 2019 年 12 月 19 日
golang 写的后台就是快··
|
 |
52
IGJacklove 2019 年 12 月 19 日
@zlccn 可能你不是开发的原因把。。我会写一点前端，感觉做的很棒，技术层面
|
 |
53
dokodream 2019 年 12 月 20 日
推荐 Iphone 官网和 coloros 官网。。。。
|
|
54
dokodream 2019 年 12 月 20 日
|
 |
55
nicoljiang PRO 感觉好一般啊...太一般了。
|
 |
56
no1guangming 2019 年 12 月 20 日
难道没有人提 bug 吗
点击发动态参与抽奖， 要同意 bilibili 用户条款， 底部的图片把“同意”选项遮住惹....  |
|
57
no1guangming 2019 年 12 月 20 日
|
 |
58
oahebky 2019 年 12 月 20 日
电脑不差：32G 内存，6 核无睿频 3.0GHz，“亮屏级”独显，台式机。
Ubuntu 系统 + Chrome 打开 -- 卡爆了。 |
Select Language