V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qiutianaimeili
V2EX  ›  分享创造

canvas 做的一个简单撒花瓣效果

  •  
  •   qiutianaimeili · 2018-01-27 08:43:43 +08:00 · 6094 次点击
    这是一个创建于 2471 天前的主题,其中的信息可能已经有所发展或是发生改变。

    情人节快到了,做了一个简单的撒花瓣效果,效果图如下:

    这个是用 canvas 画的,感兴趣的可以瞅瞅。

    文章地址:http://www.qiutianaimeili.com/html/page/2018/01/cp6x1dycjh.html

    效果地址:http://www.qiutianaimeili.com/html/page/2018/01/source/flower/example.html

    28 条回复    2018-01-29 17:25:21 +08:00
    jadeity
        1
    jadeity  
       2018-01-27 08:53:56 +08:00
    GIF 效果极差,另外只有平面摇晃感,没有纵深摇晃。
    l57t7q
        2
    l57t7q  
       2018-01-27 09:35:01 +08:00   ❤️ 21
    我也弄过类似的
    http://prime7.top/sakura/
    mewpoi
        3
    mewpoi  
       2018-01-27 09:41:14 +08:00 via iPhone
    都是大神,能开源吗?我想拿去用
    dobelee
        4
    dobelee  
       2018-01-27 09:43:53 +08:00 via Android
    @l57t7q 这个厉害了。。👍
    SorryChen
        5
    SorryChen  
       2018-01-27 10:00:42 +08:00 via iPhone
    @l57t7q 你这个漂亮!
    qq316107934
        6
    qq316107934  
       2018-01-27 10:38:08 +08:00 via Android
    @l57t7q 这个真不是抄的源代码么?在各种模板站见过
    l57t7q
        7
    l57t7q  
       2018-01-27 10:39:09 +08:00
    @qq316107934 抄的,但是改过
    xiadd
        8
    xiadd  
       2018-01-27 11:26:16 +08:00   ❤️ 19
    @l57t7q 改啥了啊 明明跟人家那个示例一样 https://codepen.io/FrankFitzGerald/pen/LAbfm
    shuizhengqi
        9
    shuizhengqi  
       2018-01-27 12:05:12 +08:00
    @xiadd 可能人家改了一点点坐标什么的,1 改为 2 的那种
    zheng5200
        10
    zheng5200  
       2018-01-27 12:05:40 +08:00 via iPhone
    @l57t7q 这个 666
    lin
        11
    lin  
       2018-01-27 12:51:53 +08:00
    @xiadd
    @shuizhengqi

    难道你们看不出来?不会吧?网址都不同!
    aksoft
        12
    aksoft  
       2018-01-27 13:07:22 +08:00
    真爱都是玩真的~
    cs923
        13
    cs923  
       2018-01-27 13:29:02 +08:00 via Android
    @qq316107934 不给活路 哈哈
    mewpoi
        14
    mewpoi  
       2018-01-27 13:32:19 +08:00 via iPhone
    还有其他的吗?多分享几个
    dd0754
        15
    dd0754  
       2018-01-27 13:37:38 +08:00
    还看不出来?人家把暂停按钮取掉了~~
    javen73
        16
    javen73  
       2018-01-27 16:18:49 +08:00
    好漂亮,要是能把照片加上去,做个相册美极了
    jin5354
        17
    jin5354  
       2018-01-27 17:31:40 +08:00   ❤️ 2
    @xiadd 哈哈哈哈 兄弟怎么这么不给面子 给你铜币
    sobigfish
        18
    sobigfish  
       2018-01-27 17:32:50 +08:00   ❤️ 1
    噗~
    @xiadd #8 见证打脸瞬间
    qiutianaimeili
        19
    qiutianaimeili  
    OP
       2018-01-27 18:21:38 +08:00
    @mewpoi 打开我的 demo 直接就可以看到源代码,源代码都没有压缩,文章说明了主要思路
    qiutianaimeili
        20
    qiutianaimeili  
    OP
       2018-01-27 18:23:36 +08:00
    @jadeity 3d 的摇晃比较复杂,以后会试着弄一弄
    qiutianaimeili
        21
    qiutianaimeili  
    OP
       2018-01-27 18:25:22 +08:00
    @l57t7q 厉害了
    xuyl
        22
    xuyl  
       2018-01-27 21:22:09 +08:00
    实力打脸,真是不给活路啊 @xiadd
    linuap
        23
    linuap  
       2018-01-27 22:04:42 +08:00
    你们别冤枉人了,真的不一样

    左上角 start/stop 改掉了没发现吗
    dataanalysis
        24
    dataanalysis  
       2018-01-28 06:54:08 +08:00 via Android
    @linuap 明察秋毫啊
    90safe
        25
    90safe  
       2018-01-28 12:23:55 +08:00
    @l57t7q 原来这是你弄的啊?我 git 传了一份,发现 wallpaper 上面也有这个的视频
    edison111cry
        26
    edison111cry  
       2018-01-29 13:21:56 +08:00
    @xiadd 哈哈,这个真是太帅了,有景深空间感
    Frank98
        27
    Frank98  
       2018-01-29 15:38:34 +08:00
    @l57t7q 大神,收下我的膝盖
    CoderGeek
        28
    CoderGeek  
       2018-01-29 17:25:21 +08:00
    何必计较那么多 情人节快乐 - [单身狗]
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1218 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:18 · PVG 02:18 · LAX 11:18 · JFK 14:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.