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