V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
andyskaura
V2EX  ›  程序员

h5 canvas 插件开发 web 渲染框架求推荐

  •  1
     
  •   andyskaura · 2021-12-02 11:40:03 +08:00 · 2519 次点击
    这是一个创建于 1080 天前的主题,其中的信息可能已经有所发展或是发生改变。

    尝试过不少 h5 canvas 的游戏引擎,画面需求是满足了,但调研后发现同页面都只支持单个 canvas ,如果是插件化 那么同页面势必要存在很多个 canvas 组件。
    有一个方案是通过离屏 canvas 引擎统一渲染完 然后再把数据源复制到多个组件 canvas 内,这样的结果就是效率极其低下,不太可行。
    现在寻找一个轻量级 2d 渲染框架,实现一些与业务能互动的动画效果展示,并且能够插件化。比较像 Chart.js 那样的图表工具包。

    21 条回复    2023-08-14 16:30:44 +08:00
    andyskaura
        1
    andyskaura  
    OP
       2021-12-02 13:45:20 +08:00
    虽然每人搭理我 但还是回复一下吧 暂时找到一个合适的 [spriteJs]( https://spritejs.org/)
    zwc1343828407
        2
    zwc1343828407  
       2021-12-02 13:50:52 +08:00   ❤️ 1
    phaser
    saigo
        3
    saigo  
       2021-12-02 14:21:38 +08:00   ❤️ 1
    fabric.js
    saigo
        4
    saigo  
       2021-12-02 14:23:09 +08:00
    我见过非常好的 2d 3d 框架 https://www.hightopo.com/index.html ,不过是商业的
    christopheredwar
        5
    christopheredwar  
       2021-12-02 14:31:50 +08:00
    🐴一记,最近也在寻找
    del1214
        6
    del1214  
       2021-12-02 16:04:07 +08:00   ❤️ 1
    @andyskaura spritejs 不好用各种限制和 bug ,我之前用过一个比较原始的 lufylegend 反而贼好使
    20498860
        7
    20498860  
       2021-12-02 17:13:40 +08:00   ❤️ 3
    千万不要用 hightopo ,文档写的像屎一样。纯纯的面向领导做产品,领导一看官网各种酷炫,大手一挥买了个授权,要买回来发现是 2D 的,酷炫的 3D 版的另外收钱哦亲亲。此时领导已经上了这条贼船了,钱也花了,领导的领导也看到效果了,剩下的事情就交给作为才程序员的你了。你打开文档一看,怎么这东西好像德语字典,你除了页码其他东西都看不懂,找客服询问,完了,他说你没李姐 canvas 并且向你推荐了一个线下培训的套餐,费用大概是你的一个月工资。你跟领导一反馈,领导心想我买了东西要老板把说明书交代清楚还得花钱?但是没得法子,他已经承诺出去了,只能硬着头皮申请费用,因为他的领导在等着你的页面,因为他的领导也有领导,他也在等。
    20498860
        8
    20498860  
       2021-12-02 17:14:27 +08:00
    关联词 hightopo ht
    a1248499257
        9
    a1248499257  
       2021-12-02 17:42:27 +08:00   ❤️ 1
    fabric.js +1
    CraxClive
        10
    CraxClive  
       2021-12-02 17:45:46 +08:00   ❤️ 1
    konva 吧。。。我当初就是找了一圈发现市面上的都不行,后来直接手写了。
    dany813
        11
    dany813  
       2021-12-02 22:04:27 +08:00
    @20498860 😂
    dany813
        12
    dany813  
       2021-12-02 22:05:06 +08:00   ❤️ 1
    如果只是 2d fabric.js 绝对推荐
    andyskaura
        13
    andyskaura  
    OP
       2021-12-03 09:09:59 +08:00
    @20498860 官方的展示案例全是视频
    zikkeung
        14
    zikkeung  
       2021-12-03 10:22:40 +08:00
    这不是烂大街吗
    nimohe
        15
    nimohe  
       2021-12-03 19:31:47 +08:00   ❤️ 1
    PixiJS

    Phaser (这个引擎的渲染层是基于 PixiJS 的)
    saigo
        16
    saigo  
       2021-12-03 21:18:39 +08:00   ❤️ 1
    @20498860 我用 fabricjs 参考他们的数据结构和操作,实现了一个电力拓扑图编辑工具。感觉功能挺强的,数据设计、概念抽象做的挺全面的,就是收费贵。
    chengyiqun
        17
    chengyiqun  
       2021-12-08 17:56:08 +08:00
    PixiJS, 据说用过 flash 的用它会有亲切感.
    ImmerTry
        18
    ImmerTry  
       2023-07-04 09:46:02 +08:00
    @saigo 有网址链接可以看看吗
    ImmerTry
        20
    ImmerTry  
       2023-07-04 14:01:32 +08:00
    @saigo 泰裤辣,感谢分享,学习了
    can2421
        21
    can2421  
       2023-08-14 16:30:44 +08:00
    @20498860 赞成,文档确实是坨屎
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1185 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:26 · PVG 02:26 · LAX 10:26 · JFK 13:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.