hypercanvas
A reactive framework to build declarative canvas application
NOTE: STILL WIP
Motivations
- want to build canvas application by declarative way
- want to use JSX
- want to make it reactive
- love easeljs and hyperapp
Example
import app h Stage Bitmap Text Shape from "hypercanvas"; const canvas = document;const view = state actions const drawRect = elem ctx ctx; ctxfillStyle = "#f00"; ctx; ctx; ; const drawCircle = elem ctx ctx; ctxlineWidth = 2; ctxstrokeStyle = "#0f0"; ctx; ctx; ctx return <Stage> <Shape = = => <Shape = => <Shape =/> </Shape> </Shape> <Text ="Hello World!" ="12pt" ="Arial" /> <Bitmap = = =/> </Stage> ; const stage = ;;