V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
790002517zzy
V2EX  ›  前端开发

制作了一个过渡特效组件,使用 WebGL 和 three.js 技术来实现移动友好的令人印象深刻的过渡效果

  •  1
     
  •   790002517zzy ·
    zzy-life · 2023-04-17 08:05:48 +08:00 · 2393 次点击
    这是一个创建于 579 天前的主题,其中的信息可能已经有所发展或是发生改变。
    27 条回复    2023-04-18 11:44:04 +08:00
    jucelin
        1
    jucelin  
       2023-04-17 08:22:09 +08:00
    可以做产品展示
    790002517zzy
        2
    790002517zzy  
    OP
       2023-04-17 08:27:15 +08:00
    @jucelin 嗯是的 如果有需求会添加对 vue3 react 的支持
    com781517552
        3
    com781517552  
       2023-04-17 09:29:09 +08:00
    组件没有开源吗
    1415515984yuri
        4
    1415515984yuri  
       2023-04-17 09:41:52 +08:00
    不放个 demo?
    shui14
        5
    shui14  
       2023-04-17 10:00:03 +08:00
    WebGPU 马上要发正式版了,chrome 113 beta 已经支持,后面会有一大波 UE 、blender 之类的大佬涌入,生态会繁荣不少。
    其实几年前的 pmdrs 就已经很赞了,只是大家都盯着 zustand 这种货色而已,人家的核心是 r3f ,创意工作者设计师技术美工产品开发等等
    https://github.com/pmndrs
    https://docs.pmnd.rs/react-three-fiber/getting-started/examples
    790002517zzy
        6
    790002517zzy  
    OP
       2023-04-17 10:05:02 +08:00
    @1415515984yuri github 有 gif ,不过有 30mb 等一下就加载了
    790002517zzy
        7
    790002517zzy  
    OP
       2023-04-17 10:05:27 +08:00
    @com781517552 如果有开源需求可以开源
    790002517zzy
        8
    790002517zzy  
    OP
       2023-04-17 10:06:34 +08:00
    @shui14 js 会越来越繁荣,哈哈哈
    lisxour
        9
    lisxour  
       2023-04-17 10:10:56 +08:00
    为啥我感觉看着 demo 这么怪异的感觉呢,我个人觉得还不如单纯的透明度渐变过渡
    790002517zzy
        10
    790002517zzy  
    OP
       2023-04-17 10:14:08 +08:00
    @lisxour 可以写其他渐变效果,着色器有点难写,要不我开源你们 PR 吧
    790002517zzy
        11
    790002517zzy  
    OP
       2023-04-17 10:19:25 +08:00
    azui999
        12
    azui999  
       2023-04-17 10:22:35 +08:00
    看着蛮有趣的
    com781517552
        13
    com781517552  
       2023-04-17 10:29:07 +08:00
    @790002517zzy 想学习一下,如果能开源的话更好啦
    heishu
        14
    heishu  
       2023-04-17 10:32:21 +08:00
    牛的,看起来有点酷
    respect11
        15
    respect11  
       2023-04-17 10:33:38 +08:00
    很酷
    790002517zzy
        16
    790002517zzy  
    OP
       2023-04-17 10:34:49 +08:00
    @com781517552 源码已经发上去了
    LeegoYih
        17
    LeegoYih  
       2023-04-17 11:04:43 +08:00
    针不戳,建议部署到 GitHub Pages
    PEALFK
        18
    PEALFK  
       2023-04-17 11:18:13 +08:00
    牛逼
    790002517zzy
        19
    790002517zzy  
    OP
       2023-04-17 12:13:46 +08:00
    @LeegoYih 已经增加 GitHub Pages 示例
    wasd6267016
        20
    wasd6267016  
       2023-04-17 12:54:22 +08:00
    cool
    vivipure
        21
    vivipure  
       2023-04-17 14:19:57 +08:00
    好炫酷
    really28
        22
    really28  
       2023-04-17 14:21:06 +08:00
    不错。star 了
    Hequndev
        23
    Hequndev  
       2023-04-17 14:57:42 +08:00 via iPhone
    好酷啊
    GreatAuk
        24
    GreatAuk  
       2023-04-17 21:28:47 +08:00
    帅, 这种特效是自己琢磨出来的吗
    yeshu
        25
    yeshu  
       2023-04-17 23:28:02 +08:00
    确实有点酷
    790002517zzy
        26
    790002517zzy  
    OP
       2023-04-17 23:54:53 +08:00 via Android
    @GreatAuk 参考了他这个理念 https://splidejs.com/premium/
    790002517zzy
        27
    790002517zzy  
    OP
       2023-04-18 11:44:04 +08:00 via Android
    欢迎大家 star 和 PR
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2768 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 09:57 · PVG 17:57 · LAX 01:57 · JFK 04:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.