Skip to content
数据驱动、2D&3D、渐进式Canvas库,支持JSX,配备Chrome调试插件,支持微信小游戏、物理引擎等。
JavaScript Vue CSS Other
Branch: master
Clone or download
Latest commit d43f169 Oct 25, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
build
chrome-devtools 文档与部分bugfix Aug 24, 2019
demos 0.8.5 publish Oct 20, 2019
doc-src fix bug in doc Oct 24, 2019
docs
generator
src
test
webpack
wxapp
wxgame publish 0.8.1 Aug 26, 2019
.gitignore
CHANGELOG.md 0.7.0 Oct 28, 2018
LICENSE
README.md
constants.js
package.json 0.8.5 publish Oct 20, 2019

README.md

Easycanvas

https://raw.githubusercontent.com/c-zhuo/easycanvas/master/demos/index_v2.gif

Easycanvas是一个同时支持2D和3D渲染、轻量、高效、MVVM模式的渐进式canvas渲染库。提供了基于组件的开发方式,支持JSX写法,可在浏览器、微信小游戏和小程序中使用,并具备Chrome插件来便于开发(包括数据结构的显示、对canvas中某个元素的样式进行调整等),也支持物理引擎、3D模型渲染等插件的渐进式引入。

浏览器兼容性:IE>=9(原因为defineProperty)

https://c-zhuo.github.io/easycanvas/

https://c-zhuo.github.io/easycanvas/

Feature

  • ☑ 渐进式基础库
  • ☑ JSX写法
  • ☑ 脚手架
  • ☑ 2D渲染
  • ☑ 精灵动画(组件形式)
  • ☑ 物理引擎(插件)
  • ☑ 事件、生命周期钩子、自定义钩子
  • ☑ 使用JSX开发(babel-plugin)
  • ☑ 开发者工具(Chrome扩展插件)
  • ☑ 基础文档
  • ☑ 基础功能的单元测试
  • ☑ 3D渲染(插件)
  • ☑ 2D、3D混合渲染
  • ☑ 3000个150x150的图片2D渲染时保持60fps
  • ☑ 1000个3D模型渲染时保持60fps
  • ☑ 允许自定义组件
  • ☑ 允许自定义插件
  • ☑ 2D图片的运行时像素编辑
  • ☑ 文档补齐
  • ☑ 支持加载mmd模型(插件)
  • ☑ 支持加载3ds模型(插件)
  • ☑ 支持加载fbx模型(插件)
  • ☑ 支持加载dds图片(插件)
  • ☑ 支持微信小游戏(插件)
  • ☑ 支持微信小程序(插件)
  • ☑ CanvasUI基础组件
  • ☐ 支持typescript
  • ☐ 导出原生javascript+canvas骨架屏(未开放)
  • ☐ 调试工具完善
  • ☐ CanvasRouter路由(插件)
  • ☐ CanvasStore数据管理(插件)
  • ☐ 更多功能的单元测试
  • ☐ Webgl的3D渲染性能优化

Changelog

Chrome调试工具

Clone这个仓库,打开Chrome://extensions,然后将chrome-devtools/dist目录拽进去安装即可。

Introduction

A lite(30kb+) canvas library, includes a Chrome plugin for debugging. Support physics and animations with high performace. Suits mobile and PC(including IE).

More demos

  • npm run dev, then localhost:8080/demos/demo1.html.

How to use

Import Easycanvas:

  • build/index.common.js: For Node.

  • build/easycanvas.standalone.dev.js: Standalone version, support chrome develop tools.

  • build/easycanvas.standalone.prod.js: Standalone version for production mode, 30kb+.

You can’t perform that action at this time.