推荐个的前端 canvas 框架

2020-04-03 09:36:07 +08:00
 miniliuke

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

5373 次点击
所在节点    问与答
15 条回复
Hypn0s
2020-04-03 09:42:26 +08:00
Hilo/CreateJS

Egret/Cocos/Laya
itbeihe
2020-04-03 09:44:28 +08:00
pixi.js 或者 createjs 这两个都是 2d 的,提供的函数偏渲染。
如果 3d 的话,就 three.js 或 babylon.js 吧,babylon.js 更偏向与游戏开发。
whypool
2020-04-03 09:47:16 +08:00
CreateJS
qiaobeier
2020-04-03 09:47:33 +08:00
greensock? 我喜欢 popmotion,但可能实现不了太复杂的动画。
miniliuke
2020-04-03 09:53:54 +08:00
@whypool 为啥我看到有人说 createjs 社区不太活跃,好像更新频率很低
noreplay
2020-04-03 09:59:26 +08:00
https://konvajs.org/ 可用看看这个
miniliuke
2020-04-03 10:04:33 +08:00
@noreplay 看了一下 min.js 都有 160kb 左右,感觉属于比较重的类型,有没有轻量一点的,100kb 以内的推荐一下
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
2020-04-03 10:13:34 +08:00
401819111
2020-04-03 12:42:00 +08:00
我用过 fabric.js,用着还不错,主要是没用过其他的,hhhh
TsuiiusT
2020-04-03 13:24:38 +08:00
pixi.js
wangmn
2020-04-03 14:04:05 +08:00
bhaltair
2020-04-03 14:34:38 +08:00
spritejs+1
rain0002009
2020-04-03 17:12:05 +08:00
要不用 p5js 吧 有中文文档(虽然看着看着就变英文了)
还有很多编程挑战题,比如 教你怎么模拟雪花飘落的动画
github 上也有 12k 的 star
还有一个在线编辑器
rain0002009
2020-04-03 17:13:19 +08:00

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

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

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

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

© 2021 V2EX