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

推荐个的前端 canvas 框架

  •  
  •   miniliuke · 2020-04-03 09:36:07 +08:00 · 5546 次点击
    这是一个创建于 1700 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以前搞页面基本上动画效果基本上都是 css 配合 js,有些效果实现不了,有啥比较好上手文档多的 canvas 框架,实现动画效果,或者制作 h5 单页比较方便的。最好来个轻量级的,来个重量级的。

    15 条回复    2020-04-03 17:13:19 +08:00
    Hypn0s
        1
    Hypn0s  
       2020-04-03 09:42:26 +08:00
    Hilo/CreateJS

    Egret/Cocos/Laya
    itbeihe
        2
    itbeihe  
       2020-04-03 09:44:28 +08:00
    pixi.js 或者 createjs 这两个都是 2d 的,提供的函数偏渲染。
    如果 3d 的话,就 three.js 或 babylon.js 吧,babylon.js 更偏向与游戏开发。
    whypool
        3
    whypool  
       2020-04-03 09:47:16 +08:00
    CreateJS
    qiaobeier
        4
    qiaobeier  
       2020-04-03 09:47:33 +08:00
    greensock? 我喜欢 popmotion,但可能实现不了太复杂的动画。
    miniliuke
        5
    miniliuke  
    OP
       2020-04-03 09:53:54 +08:00 via Android
    @whypool 为啥我看到有人说 createjs 社区不太活跃,好像更新频率很低
    noreplay
        6
    noreplay  
       2020-04-03 09:59:26 +08:00
    https://konvajs.org/ 可用看看这个
    miniliuke
        7
    miniliuke  
    OP
       2020-04-03 10:04:33 +08:00 via Android
    @noreplay 看了一下 min.js 都有 160kb 左右,感觉属于比较重的类型,有没有轻量一点的,100kb 以内的推荐一下
    noreplay
        8
    noreplay  
       2020-04-03 10:10:52 +08:00
    @miniliuke https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API#Resources

    mdn 上有一个资源列表,可以尝试看下有没有合适的。实在不行

    https://github.com/raphamorim/awesome-canvas 这里面也可以尝试一下吧。。。。
    lizheming
        9
    lizheming  
       2020-04-03 10:13:34 +08:00
    401819111
        10
    401819111  
       2020-04-03 12:42:00 +08:00
    我用过 fabric.js,用着还不错,主要是没用过其他的,hhhh
    TsuiiusT
        11
    TsuiiusT  
       2020-04-03 13:24:38 +08:00
    pixi.js
    wangmn
        12
    wangmn  
       2020-04-03 14:04:05 +08:00
    bhaltair
        13
    bhaltair  
       2020-04-03 14:34:38 +08:00
    spritejs+1
    rain0002009
        14
    rain0002009  
       2020-04-03 17:12:05 +08:00
    要不用 p5js 吧 有中文文档(虽然看着看着就变英文了)
    还有很多编程挑战题,比如 教你怎么模拟雪花飘落的动画
    github 上也有 12k 的 star
    还有一个在线编辑器
    rain0002009
        15
    rain0002009  
       2020-04-03 17:13:19 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4173 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 05:26 · PVG 13:26 · LAX 21:26 · JFK 00:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.