V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
WildCat
V2EX  ›  问与答

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

  •  
  •   WildCat · Sep 14, 2018 via iPhone · 2671 views
    This topic created in 2785 days ago, the information mentioned may be changed or developed.
    12 replies    2018-09-14 18:15:46 +08:00
    cjw1115
        1
    cjw1115  
       Sep 14, 2018   ❤️ 1
    感觉像是一张张图片,然后左右前后,深度的位置变换制造这种效果。
    Rizio
        2
    Rizio  
       Sep 14, 2018   ❤️ 1
    感觉是用游戏引擎做的
    htf176
        3
    htf176  
       Sep 14, 2018   ❤️ 1
    WebGL
    delectate
        4
    delectate  
       Sep 14, 2018   ❤️ 1
    三桑有点炫技了。
    看了一下啊,一大堆 js,没有一大堆图片,1F 的不对。估计是 3F 说的 WebGL
    azh7138m
        5
    azh7138m  
       Sep 14, 2018   ❤️ 1
    字是 translate3d 做的,背景是 canvas 做的
    luoway
        6
    luoway  
       Sep 14, 2018   ❤️ 1
    @delectate 事实上就有一大堆图片,在滚动中加载更多图片。
    ericv
        7
    ericv  
       Sep 14, 2018   ❤️ 1
    ThreeJS 没跑了,https://threejs.org/ 这边的例子比这酷炫多了
    littlejohnny
        8
    littlejohnny  
       Sep 14, 2018
    threeJS+1
    hqyswz
        9
    hqyswz  
       Sep 14, 2018
    threeJS+1,看到控制台输出了 ThreeJS 的版本号,THREE.WebGLRenderer 92
    Deville
        10
    Deville  
       Sep 14, 2018
    threeJS + 1,跟风
    imn1
        11
    imn1  
       Sep 14, 2018
    Your browser does not support the full experience.
    Please click here to install a browser.

    嗯,我安装的拦截 WebGLfingerprint 扩展起作用了
    maichael
        12
    maichael  
       Sep 14, 2018
    哇,进去必然卡死。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5131 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 66ms · UTC 09:08 · PVG 17:08 · LAX 02:08 · JFK 05:08
    ♥ Do have faith in what you're doing.