1
BlessingMe 38 天前
优雅, 实在太优雅了
|
2
marc2017 38 天前 3
给我整得晕 3D 了
|
3
zcc520510 38 天前
优雅
|
4
ymz 38 天前
感觉有点卡
|
5
SleepyRaven 38 天前
太牛了,不会是 three.js 一把梭吧
|
6
AoEiuV020JP 38 天前
有 3d 游戏引擎的味道,
|
7
superrichman 38 天前
GSAP 动效库 https://gsap.com/
|
8
evan9527 38 天前
不晕 3D 的今天晕了 3D 。
|
9
xiangbohua 38 天前
卧槽,确实优雅,看起来很舒服
|
10
inhzus 38 天前
我去... 有点过于恢弘了
|
11
Peng0620 38 天前
优雅
|
12
WhateverYouLike 38 天前
嗅到商机,国内旅游景点有没有这种需求呀。尤其是那种古建筑园区的。但是想想而已。
|
13
PTLin 38 天前
纯图片和视频搞得,请求里就能看到
|
14
hantianyang 38 天前
这是用什么做的
|
15
fragilePride OP @superrichman 这个只是外层的字幕和一些动画实现,里面的场景渲染不是的
|
16
fragilePride OP @PTLin 可以仔细看看 里面是有 canvas 的 而且可以和场景交互
|
17
fragilePride OP @WhateverYouLike 我司一直在做 但是不如人家做的一半好
|
18
fragilePride OP @ymz 这个场景有点大了 配置需求还是要一点的
|
19
fragilePride OP @SleepyRaven 看样子是自己写的渲染逻辑 没找到相关的库的痕迹 要么魔改过的
|
20
Tiller 38 天前
确实帅,之前那个小米 su7 的网页,也很帅
|
21
youyouzi 38 天前 4
@fragilePride #17 然后你领导要求你跟竞品看齐,接着你也不知道咋做,来问问 v 友
|
22
wandehul 38 天前
雅。
|
23
youyouzi 38 天前
既,苹果官网,宇宙网页,这是第三个让我叹为观止和自叹不如的网页
|
24
Track13 38 天前
gsap threejs 代码里有这些。
|
25
PTLin 38 天前
@fragilePride 刚才没看到后面。看来下源码,3d 部分应该是 webgl 手搓的,shader 都直接贴里面了。
|
26
dfkjgklfdjg 38 天前
[GSAP]( https://gsap.com/),官方案例里面有一个类似的项目 [FAVE]( https://fave.kr/contact/)
模型应该是是自己做的。直接照搬也太"本地化"了。 说实话是有点晕……不知道是不是因为卡顿的缘故。 国内的话,用 GSAP 的人比较少,好像更多人会选择 [React Three Fiber]( https://r3f.docs.pmnd.rs/getting-started/examples)? |
27
Ranhao 38 天前
优雅
|
28
tmrQAQ 38 天前
看晕了
|
29
Melting 38 天前
很优雅,看样子是用 canvas 的 webgl api 写的,主要代码都在 app.js ,看起来代码也不是很多,有懂 webgl 的应该能给他还原一下
|
30
lawted 38 天前
用 spline 可以做类似的,但是渲染不了这么大,这么好
|
31
llz0919 38 天前
真炫酷
|
33
WhateverYouLike 38 天前
@fragilePride #17 主要瓶颈在哪里呢?技术,创意,3D 建模?
|
34
MRG0 38 天前
忽快互慢的场景,有点头晕
|
35
JamesFisher 38 天前
真乃艺术品也,不过看着晕晕的,风扇也狂吹
|
36
oasismove 38 天前
这也太恢弘了吧
|
37
sleepm 38 天前 11
|
38
yiikZero 38 天前
|
39
dyncan 38 天前
雅, 实在是太雅了, 收藏了.
|
41
killva4624 38 天前
有一种看游戏宣传 CG 的感觉...
|
42
shadowyue 38 天前
核心功能应该是靠 canvas 和 webgl ,还是挺牛逼的。
|
43
lengmou 38 天前
雅,太优雅了
|
44
ODESZA 38 天前
太牛逼了 就是给我整晕 3D 了
|
45
BeforeTooLate 38 天前
吐了
|
46
fragilePride OP @youyouzi 太对了哥
|
47
fragilePride OP @PTLin 是的 应该是抄不了了
|
48
fragilePride OP @dfkjgklfdjg 不太一样,GSAP 官网的例子里用得是 THREEJS 但是我给出来的这个网页好像是他们手搓的渲染代码,模型信息是自定义的 JSON 文件,体量小,浏览很流畅,渐进加载也做得很不错。
|
49
fragilePride OP @WhateverYouLike 模型加载速度(模型大小,我看了下请求的资源,只有一个 10M 的 JSON 文件,其余的是一些不大的贴图文件,普通的模型格式好像没办法做到这么小,主要也是这个),画面流畅程度和呈现效果。
|
50
bojackhorseman 38 天前 via iPhone
看了一下午,感受了一下波斯王城的宏伟,最后一句:哪个王朝能够永久,波斯波利斯终将倒塌。
|
51
bojackhorseman 38 天前 via iPhone
@bojackhorseman 如今只剩残垣断壁,艺术品也遗落在世界各地。
|
52
1zh3n 38 天前
优雅
|
53
Rache1 38 天前
做这种网页的开发,是不是都没想过,居然有人的鼠标不是无极滚轮,鼠标给我划的嘎嘎响。。。
|
54
zololiu 38 天前
这个真的很牛了!
|
55
shui14 37 天前
视频帧叠加粒子。这种设计已经是上个版本的了
鼠标滑动很枯燥,没有互动感。得益于 webgl2 几个关键拓展和 view 裁剪,现在更加流行做物理效果,鼠标交互很有限 去年有个很炸裂的项目,好像是个香港技术团队,可以搜一下领先几个版本 |
56
dfkjgklfdjg 37 天前
@fragilePride #48
[wappalyze_snipaste]( https://imgur.com/a/cY3F1Yv) 想要学的话,国内 GSAP 会比较难,因为资源少。 ThreeJS 相关的资源会更多,而且社区有各种轮子,比如说我之前提到的 React Three Fiber |
57
WhateverYouLike 37 天前
@shui14 请问你指的是什么呀,能列一下关键词吗
|
58
sikuu2al 37 天前
@WhateverYouLike #12 我的第一反应也是这个 感觉商机大大的啊
|
61
NeverBelieveMe 37 天前
@shui14 等关键词
|
62
ivane 37 天前
我超喜欢啊!!!
|
63
a1b2c3T 37 天前
这。。国内的故宫啥的应该也做个这出来
|
65
INBreeze 37 天前
Elegance 点赞
|
66
chanChristin 37 天前
确实牛逼
|
67
leadfast 37 天前
真酷啊
|
68
leadfast 37 天前
触摸板体验比鼠标好太多了
|
69
valcosmos 37 天前
优雅
|
71
elevioux 37 天前 1
为什么你们会觉得好呢?
看起来是炫酷。 但在 pc 上看,交互起来极其难受,鼠标滚动速率不稳定,反直觉。 跟现在流行的产品介绍页一样,通过滚动来加载各种入场退场动画,理想很美好,结果还是速率不同,各种卡在中间,难看死了。 |
72
mayerer 37 天前
仅仅知道技术上怎么实现的也无法直接复刻一个国内景点版本的,点到点的过渡设计真是令人惊叹,各种不起眼的位置也是细节满满。整体来讲,浑然天成!比 Apple 官网还漂亮
|
73
cwcc 37 天前
这种页面在国内叫元宇宙。
|
74
b2byco 37 天前
|
75
nexo 37 天前
电脑上 操作体验很一般
|
76
mayerer 37 天前
甚至做了手机适配,小屏幕也能完美运行,Cool
|
77
nexo 37 天前
技术不难 难的是有人给你建模
|
79
mayerer 37 天前
这要是用来重现圆明园,堪称中文互联网非物质文化遗产了
|
82
Troevil 37 天前
@WhateverYouLike #12 国内有很多在做的 不过都不行 伪 3d 居多
|
83
mayerer 37 天前
进一步测试以后,移动端的操作还是有 bug ,小屏幕的观赏性也不够震撼。感觉 PC 和移动端还是具有天然的鸿沟,对产品的开发决策,影响还是挺大的。
|
84
shui14 37 天前 5
之前发过一次,不一一回复了
https://exp-infinite-passerella.lusion.co/ https://www.awwwards.com/sites/gemini https://spaace.io/ 这种很多,随便拎一个出来,这些都是商业项目 其实也抄不来,它主要是设计,不在于开发,好点的 TA 都屈指可数,需要既精于设计又具备不教条化的开发能力,这种人可遇不可求。做题家全是劣势,硬模仿会呈现一种很用力又露怯的窘迫,不适合 CURD 的码农。可能玩公式一套一套的,没人能考得过你,但是怎么去灵活组合来运用它,这需要天赋,需要突破性的理解。 |
85
LavaC 37 天前 via Android
这种页面少是有原因的,多金不死板的甲方,有丰富交互式网页设计经验的设计师和能复现页面的开发缺一不可。这种组合国内也不是没有,之前做 su7 的那个团队就做过不少类似的作品,但总归是一个池子相当小的领域,要求高需求少。
|
86
omi4399 37 天前
有没有人还记得 《虚拟紫禁城》 这个游戏的
|
87
NerbraskaGuy 37 天前
这个感觉更适合放在博物馆大屏上面,浏览器这么滑动操作有点难受
|
88
billbob 37 天前
canvas 3d 贴图渲染出来的,没啥技术,主要是场景图大部分是美工的活
|
90
youyouzi 37 天前
|
91
acrisliu 37 天前
很不错
|
93
sunhz 37 天前
他们这个团队有点意思,还有这个网站也是: https://gehry.getty.edu/
|
94
AlbertChen 37 天前
@shui14 #55 插眼 等关键词
|
95
zhaiduo 37 天前
看来伊朗很值得去看看
|
96
xueyuehua 37 天前
很好,就是很讨厌这种要疯狂转滚轮的
|
98
hailun3202475 36 天前
马克,太太炫了,有点晕 3D 了
|
99
scyuns 35 天前
这太优雅了 能不能做成 wsad 自有探索 鼠标滚轮有点吃不消
|
100
abram 24 天前
这个就是视频和滚动条的交互 扯不上什么 3D
|