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

2021-12-02 11:40:03 +08:00
 andyskaura

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

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

Phaser (这个引擎的渲染层是基于 PixiJS 的)
saigo
2021-12-03 21:18:39 +08:00
@20498860 我用 fabricjs 参考他们的数据结构和操作,实现了一个电力拓扑图编辑工具。感觉功能挺强的,数据设计、概念抽象做的挺全面的,就是收费贵。
chengyiqun
2021-12-08 17:56:08 +08:00
PixiJS, 据说用过 flash 的用它会有亲切感.
ImmerTry
2023-07-04 09:46:02 +08:00
@saigo 有网址链接可以看看吗
saigo
2023-07-04 11:46:49 +08:00
ImmerTry
2023-07-04 14:01:32 +08:00
@saigo 泰裤辣,感谢分享,学习了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/819494

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX