这种 3d 绑定滚动的前端效果是如何实现的呢？

2018-09-14 12:07:42 +08:00
 WildCat
https://www.samsung.com/us/explore/samsung-within/
1908 次点击
所在节点    问与答
12 条回复
cjw1115
2018-09-14 12:13:32 +08:00
感觉像是一张张图片，然后左右前后，深度的位置变换制造这种效果。
Rizio
2018-09-14 12:30:14 +08:00
感觉是用游戏引擎做的
htf176
2018-09-14 12:54:16 +08:00
WebGL
delectate
2018-09-14 13:40:13 +08:00
三桑有点炫技了。
看了一下啊，一大堆 js，没有一大堆图片，1F 的不对。估计是 3F 说的 WebGL
azh7138m
2018-09-14 13:53:57 +08:00
字是 translate3d 做的，背景是 canvas 做的
luoway
2018-09-14 14:07:34 +08:00
@delectate 事实上就有一大堆图片，在滚动中加载更多图片。
ericv
2018-09-14 14:43:51 +08:00
ThreeJS 没跑了，https://threejs.org/ 这边的例子比这酷炫多了
littlejohnny
2018-09-14 17:10:22 +08:00
threeJS+1
hqyswz
2018-09-14 17:32:43 +08:00
threeJS+1，看到控制台输出了 ThreeJS 的版本号，THREE.WebGLRenderer 92
Deville
2018-09-14 17:57:40 +08:00
threeJS + 1，跟风
imn1
2018-09-14 18:03:33 +08:00
Your browser does not support the full experience.
Please click here to install a browser.

嗯，我安装的拦截 WebGLfingerprint 扩展起作用了
maichael
2018-09-14 18:15:46 +08:00
哇，进去必然卡死。

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

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

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

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

© 2021 V2EX