• 请不要在回答技术问题时复制粘贴 AI 生成的内容
andyskaura
4.64D
V2EX  ›  程序员

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

  •  1
     
  •   andyskaura · Dec 2, 2021 · 3597 views
    This topic created in 1625 days ago, the information mentioned may be changed or developed.

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

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

    Phaser (这个引擎的渲染层是基于 PixiJS 的)
    saigo
        16
    saigo  
       Dec 3, 2021   ❤️ 1
    @20498860 我用 fabricjs 参考他们的数据结构和操作,实现了一个电力拓扑图编辑工具。感觉功能挺强的,数据设计、概念抽象做的挺全面的,就是收费贵。
    C02TobNClov1Dz56
        17
    C02TobNClov1Dz56  
       Dec 8, 2021
    PixiJS, 据说用过 flash 的用它会有亲切感.
    ImmerTry
        18
    ImmerTry  
       Jul 4, 2023
    @saigo 有网址链接可以看看吗
    ImmerTry
        20
    ImmerTry  
       Jul 4, 2023
    @saigo 泰裤辣,感谢分享,学习了
    can2421
        21
    can2421  
       Aug 14, 2023
    @20498860 赞成,文档确实是坨屎
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4196 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 85ms · UTC 05:11 · PVG 13:11 · LAX 22:11 · JFK 01:11
    ♥ Do have faith in what you're doing.