chaosfire / easycanvas

数据驱动、渐进式Canvas库,配备Chrome调试插件,支持微信小游戏、物理引擎、2D&3D混合渲染等。

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Easycanvas

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

Easycanvas是一个轻量、高效率的渐进式canvas渲染库。将canvas与一个树形的数据结构绑定,当数据改变时视图将随之更新,并且提供了一个Chrome插件来便于开发,包括数据结构的显示、对canvas中某个元素的样式进行调整等。此外,还提供了一些插件,支持物理引擎、3D模型渲染等扩展功能。支持微信小游戏。

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

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

Feature

  • ☑ 渐进式基础库
  • ☑ 2D渲染
  • ☑ 精灵动画
  • ☑ 物理引擎(插件)
  • ☑ 事件、钩子
  • ☑ 开发者工具(Chrome扩展插件)
  • ☑ 基础文档
  • ☑ 基础功能的单元测试
  • ☑ 3D渲染(插件)
  • ☑ 2D、3D混合渲染
  • ☑ 3000个150x150的图片2D渲染时保持60fps
  • ☑ 1000个3D模型渲染时保持60fps
  • ☑ 允许自定义组件
  • ☑ 允许自定义插件
  • ☑ 2D图片的运行时像素编辑
  • ☑ 文档补齐
  • ☑ 支持加载mmd模型(插件)
  • ☑ 支持加载3ds模型(插件)
  • ☑ 支持加载fbx模型(插件)
  • ☑ 支持加载dds图片(插件)
  • ☑ 支持微信小游戏(插件)
  • ☑ 支持微信小程序(插件)
  • ☑ 导出原生javascript+canvas骨架屏
  • ☐ 调试工具完善
  • ☐ CanvasUI基础组件
  • ☐ CanvasRouter路由(插件)
  • ☐ CanvasStore数据管理(插件)
  • ☐ 支持DefineProperty的数据绑定(插件)
  • ☐ 更多功能的单元测试
  • ☐ 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/easycanvas.js: Node module.

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

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

About

数据驱动、渐进式Canvas库,配备Chrome调试插件,支持微信小游戏、物理引擎、2D&3D混合渲染等。

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

License:MIT License


Languages

Language:JavaScript 97.5%Language:CSS 1.6%Language:Vue 0.8%Language:HTML 0.1%