
前端绘图渣渣,想问一下各位大佬,这类效果一般用什么实现的哇?从那里入手学习哇?
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/strong> 2019 年 12 月 19 日 虽然内容无感,但确实好看 |
8 moonheart 2019 年 12 月 19 日 控制台消息疯了 |
9 zlccn 2019 年 12 月 19 日 是我眼睛不太合群吗?炫酷在哪里? |
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 小水管带宽终结者 |
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 日 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 日 为了方便观看,我这边直接贴上来。 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 打开 -- 卡爆了。 |