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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2650 天前的主题，其中的信息可能已经有所发展或是发生改变。

12 条回复 2018-09-14 18:15:46 +08:00

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

哇，进去必然卡死。