easycanvas

Canvas framework. See https://c-zhuo.github.io/easycanvas/

0.7.3
Source
npm

Version published: 6 years ago

Maintainers: 1

Created: 8 years ago

Source

Easycanvas

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

中文教程及在线Demo.

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+.

Keywords

FAQs

What is easycanvas?

Is easycanvas well maintained?

Package last updated on 01 Nov 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install