V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
WildCat
V2EX  ›  问与答

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

  •  
  •   WildCat · 2018-09-14 12:07:42 +08:00 via iPhone · 1700 次点击
    这是一个创建于 2022 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2018-09-14 18:15:46 +08:00
    cjw1115
        1
    cjw1115  
       2018-09-14 12:13:32 +08:00   ❤️ 1
    感觉像是一张张图片,然后左右前后,深度的位置变换制造这种效果。
    Rizio
        2
    Rizio  
       2018-09-14 12:30:14 +08:00   ❤️ 1
    感觉是用游戏引擎做的
    htf176
        3
    htf176  
       2018-09-14 12:54:16 +08:00   ❤️ 1
    WebGL
    delectate
        4
    delectate  
       2018-09-14 13:40:13 +08:00   ❤️ 1
    三桑有点炫技了。
    看了一下啊,一大堆 js,没有一大堆图片,1F 的不对。估计是 3F 说的 WebGL
    azh7138m
        5
    azh7138m  
       2018-09-14 13:53:57 +08:00   ❤️ 1
    字是 translate3d 做的,背景是 canvas 做的
    luoway
        6
    luoway  
       2018-09-14 14:07:34 +08:00   ❤️ 1
    @delectate 事实上就有一大堆图片,在滚动中加载更多图片。
    ericv
        7
    ericv  
       2018-09-14 14:43:51 +08:00   ❤️ 1
    ThreeJS 没跑了,https://threejs.org/ 这边的例子比这酷炫多了
    littlejohnny
        8
    littlejohnny  
       2018-09-14 17:10:22 +08:00
    threeJS+1
    hqyswz
        9
    hqyswz  
       2018-09-14 17:32:43 +08:00
    threeJS+1,看到控制台输出了 ThreeJS 的版本号,THREE.WebGLRenderer 92
    Deville
        10
    Deville  
       2018-09-14 17:57:40 +08:00
    threeJS + 1,跟风
    imn1
        11
    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
        12
    maichael  
       2018-09-14 18:15:46 +08:00
    哇,进去必然卡死。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1091 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 18:56 · PVG 02:56 · LAX 11:56 · JFK 14:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.