0.1.0 • Published 9 years ago
canvas-simplified v0.1.0
CAS - CAnvas Simplified
Cas is as an HTML5 Canvas abstraction layer for Node (and the browser) developed mainly for use on the Raspberry Pi on top of the openvg-canvas module.
Project State
The project is in alpha state. Many things can and will be updated/improved.
Currently only Rectangle and Image abstraction objects are available, but more will come.
Install
Fetch the source and install dependencies:
git clone https://github.com/pockata/cas.git
cd cas
npm install
Or use NPM instead:
npm install canvas-simplified --save
Usage
// Load the library
var Cas = require('canvas-simplified');
// Set a reference to a canvas object (the equivalent of document.getElementById('canvas'))
Cas.setCanvas(canvasObject);
// Attempt to run at 60 fps
Cas.setFPS(60);
// Create a layer (can have multiple layers)
var layer = new Cas.Layer();
// Create a rectangular shape
var rect = new Cas.Rect({
'x': 100,
'y': 200,
'width': 100,
'height': 100,
'stroke': 'red',
'fill': 'yellow'
});
// Add the shape to the layer
layer.addObject(rect);
// Set some animations
rect.animate({
'props': {
'x': 300,
'width': 200,
'height': 200
},
'duration': 1000
});
rect.animate({
'props': {
'y': 600,
'width': 100,
'height': 100,
'angle': 45 // angle in degrees
},
'duration': 1000,
'easing': 'easeInOutBack'
});
// Start the draw loop
Cas.setLoop(function () {
Cas.drawLayers();
});
License
MIT License
0.1.0
9 years ago