求助 这个网页咋实现的 有点帅

48 天前
 fragilePride

https://persepolis.getty.edu/?locale=zh_Hans

7822 次点击
所在节点    前端开发
100 条回复
youyouzi
47 天前
@fragilePride #17 然后你领导要求你跟竞品看齐,接着你也不知道咋做,来问问 v 友
wandehul
47 天前
雅。
youyouzi
47 天前
既,苹果官网,宇宙网页,这是第三个让我叹为观止和自叹不如的网页
Track13
47 天前
gsap threejs 代码里有这些。
PTLin
47 天前
@fragilePride 刚才没看到后面。看来下源码,3d 部分应该是 webgl 手搓的,shader 都直接贴里面了。
dfkjgklfdjg
47 天前
[GSAP]( https://gsap.com/),官方案例里面有一个类似的项目 [FAVE]( https://fave.kr/contact/)
模型应该是是自己做的。直接照搬也太"本地化"了。

说实话是有点晕……不知道是不是因为卡顿的缘故。

国内的话,用 GSAP 的人比较少,好像更多人会选择 [React Three Fiber]( https://r3f.docs.pmnd.rs/getting-started/examples)?
Ranhao
47 天前
优雅
tmrQAQ
47 天前
看晕了
Melting
47 天前
很优雅,看样子是用 canvas 的 webgl api 写的,主要代码都在 app.js ,看起来代码也不是很多,有懂 webgl 的应该能给他还原一下
lawted
47 天前
用 spline 可以做类似的,但是渲染不了这么大,这么好
llz0919
47 天前
真炫酷
Asakijz
47 天前
@youyouzi #21 破案了是吧
WhateverYouLike
47 天前
@fragilePride #17 主要瓶颈在哪里呢?技术,创意,3D 建模?
MRG0
47 天前
忽快互慢的场景,有点头晕
JamesFisher
47 天前
真乃艺术品也,不过看着晕晕的,风扇也狂吹
oasismove
47 天前
这也太恢弘了吧
sleepm
47 天前
yiikZero
47 天前
locale 设置为英文可获得更好的效果,中文少了字体:

https://persepolis.getty.edu/?locale=en_US
dyncan
47 天前
雅, 实在是太雅了, 收藏了.
dyncan
47 天前
@marc2017 雅过敏~

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

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

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

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

© 2021 V2EX