写了一个纯随机波浪 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
zuobinwang

写了一个纯随机波浪

  •  1
     
  •   zuobinwang Mar 27, 2022 5476 views
    This topic created in 1492 days ago, the information mentioned may be changed or developed.

    用固定点随机+贝塞尔拟合 动画用的 react-spring

    https://dreamerryao.github.io/wave/

    18 replies    2022-03-28 20:03:27 +08:00
    clrss
        1
    clrss  
       Mar 27, 2022 via iPhone   1
    感觉不符合实际波浪规律啊... 加点物理?
    zhangjinghua
        2
    zhangjinghua  
       Mar 27, 2022
    因为是纯随机,当然和现实波浪的规律不一样。实话实说,还挺好看
    Biwood
        3
    Biwood  
       Mar 27, 2022   35
    这块我有研究过,后来发现最牛的是 Figma 的 CTO 写的那个,3D 版的 https://madebyevan.com/webgl-water/

    还有个 2D 平面版本的现在找不到了
    bigdogbigpig
        4
    bigdogbigpig  
    PRO
       Mar 27, 2022
    全屏之后底部没有在最下面
    cweijan
        5
    cweijan  
       Mar 27, 2022
    @Biwood 去看了这个仓库, 这个作者还是 esbuild 的作者, 太牛了
    AltairT
        6
    AltairT  
       Mar 27, 2022
    @Biwood 这个也不完全真实啊,第一波波纹碰墙反射回来的波居然不受第二波波纹的影响
    Biwood
        7
    Biwood  
       Mar 27, 2022
    @AltairT 这还不够真实吗,不晓得你说的影响是指种影响,波的干涉这么基础的物理知识我相信作者不会不知道。如果没有影响,那么连续点击的时候就不会出现那么多网格状的起伏了,还有底下那些光斑。觉得有问题的话建议找个水池子做实验看看。如果你有自己尝试写过你就知道其中的原理了。
    icyalala
        8
    icyalala  
       Mar 27, 2022   3
    这还有一个模拟海浪的 https://david.li/waves/
    yuhangch
        9
    yuhangch  
       Mar 27, 2022   1
    xiangyuecn
        10
    xiangyuecn  
       Mar 27, 2022
    看着别扭
    xiangyuecn
        11
    xiangyuecn  
       Mar 27, 2022
    看了一下源码,好家伙,几十个文件 懒得分析了 一个文件百十来行就能搞定的事,上了 ts 高级货
    thedrwu
        12
    thedrwu  
       Mar 27, 2022
    可以试着简单实现 -/= 随机激励。如果是这样的一维波,() 的复杂度就能解了。
    disk
        13
    disk  
       Mar 27, 2022
    全随机看上去怪怪的
    Biwood
        14
    Biwood  
       Mar 27, 2022
    找了一下,2D 版的在这儿 https://www.thanassis.space/wavePhysics.html

    有兴趣的可以研究下
    suyuyu
        15
    suyuyu  
       Mar 27, 2022
    好奇为啥 + spring
    bojue
        16
    bojue  
       Mar 28, 2022
    @Biwood 厉害,我还以为 figma 就是 canvas 绘制那么简单
    zuobinwang
        17
    zuobinwang  
    OP
       Mar 28, 2022
    @suyuyu 用的 svg 动画过渡
    liuidetmks
        18
    liuidetmks  
       Mar 28, 2022 via iPhone
    能不能模拟那种波浪?
    About     Help     Advertise     Blog     API     FAQ     Solana     3569 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 61ms UTC 04:50 PVG 12:50 LAX 21:50 JFK 00:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86