GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → c-zhuo → Easycanvas

c-zhuo / Easycanvas

Licence: mit
数据驱动、2D&3D、渐进式Canvas库，支持JSX，配备Chrome调试插件，支持微信小游戏、物理引擎等。

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

animationwebglcanvasjavascript-library

Projects that are alternatives of or similar to Easycanvas

Layaair discard
This is old LayaAir veriosn writetten by ActionScript 3.0 ,now LayaAir is using TypeScript as the Engine Script,Please use https://github.com/layabox/LayaAir instead.
Stars: ✭ 1,858 (+561.21%)
Mutual labels:  webgl, canvas
Gown.js
UI system for pixi.js inspired by feathers-ui
Stars: ✭ 195 (-30.6%)
Mutual labels:  webgl, canvas
Mesh.js
A graphics system born for visualization 😘.
Stars: ✭ 156 (-44.48%)
Mutual labels:  webgl, canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-45.91%)
Mutual labels:  webgl, canvas
Ol3echarts
🌏 📊 ol3Echarts | a openlayers extension to echarts
Stars: ✭ 229 (-18.51%)
Mutual labels:  webgl, canvas
Proton
Javascript particle animation library
Stars: ✭ 1,958 (+596.8%)
Mutual labels:  webgl, canvas
Tilemap
Rectangular tilemap implementation for PixiJS
Stars: ✭ 177 (-37.01%)
Mutual labels:  webgl, canvas
Earthjs
D3 Earth JS
Stars: ✭ 128 (-54.45%)
Mutual labels:  webgl, canvas
Flvplayer
🍭 FlvPlayer.js is a JavaScript player for decode flv to the canvas
Stars: ✭ 210 (-25.27%)
Mutual labels:  webgl, canvas
Canvas2dtowebgl
Ports (almost) all Canvas2D functions to the GPU so it can be mixed with a WebGL canvas.
Stars: ✭ 206 (-26.69%)
Mutual labels:  webgl, canvas
Alien.js
Future web pattern
Stars: ✭ 141 (-49.82%)
Mutual labels:  webgl, canvas
Pancake
Lightweight, Fast, Easy-to-use HTML5 2D game framework!
Stars: ✭ 79 (-71.89%)
Mutual labels:  webgl, canvas
R3f Next Starter
Repo is moving to https://github.com/pmndrs/react-three-next
Stars: ✭ 137 (-51.25%)
Mutual labels:  webgl, canvas
Zen 3d
JavaScript 3D library.
Stars: ✭ 155 (-44.84%)
Mutual labels:  webgl, canvas
Phaser Examples
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Stars: ✭ 1,680 (+497.86%)
Mutual labels:  webgl, canvas
Pixi Haxe
Externs of Pixi.js for Haxe
Stars: ✭ 175 (-37.72%)
Mutual labels:  webgl, canvas
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: ✭ 123 (-56.23%)
Mutual labels:  webgl, canvas
Gcanvas
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Stars: ✭ 1,705 (+506.76%)
Mutual labels:  webgl, canvas
Demos
One repo to rule them all.
Stars: ✭ 204 (-27.4%)
Mutual labels:  webgl, canvas
Three.js
JavaScript 3D Library.
Stars: ✭ 78,237 (+27742.35%)
Mutual labels:  webgl, canvas
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].