/**
* JS3 - A simple AS3 drawing api for the JavaScript Canvas
* Version : 0.1.0
* Link : https://github.com/braitsch/JS3
* Author : Stephen Braitsch :: @braitsch
**/
function JS3(cnvs)
{
// private instance vars //
var _canvas = document.getElementById(cnvs);
var _context = _canvas.getContext("2d");
var _width = _canvas.width;
var _height = _canvas.height;
var _children = [];
var _graphics = [];
var _runners = [];
var _tweens = [];
var _drawClean = true;
var _background = '#ffffff';
var _frameNum = 0;
var _frameRate = 30;
var _frameTime = new Date() * 1;
// public getters & setters //
this.__defineGetter__("width", function() { return _width;});
this.__defineGetter__("height", function() { return _height;});
this.__defineGetter__("numChildren", function() { return _children.length;});
this.__defineSetter__("drawClean", function(b) { _drawClean = b;});
this.__defineSetter__("background", function(b) { _background = b; drawBackground();});
// public constants //
JS3.LINE = 'line';
JS3.ARC = 'arc';
JS3.RECT = 'rect';
JS3.CIRCLE = 'circle';
JS3.TRIANGLE = 'triangle';
JS3.TEXT = 'text';
JS3.GRAPHIC = { x:0, y:0, alpha:1, scale:1, rotation:1, fill:true, fillColor:'#fff', fillAlpha:1,
size:25, stroke:true, strokeColor:'#eee', strokeAlpha:1, strokeWidth:4, capStyle:'butt'};
JS3.TEXTFIELD = { x:0, y:0, alpha:1, scale:1, rotation:1, text:'', size:12, font:'Arial', color:'#333'};
// display list management //
this.addChild = function(o){
_children.push(o);
}
this.addChildAt = function(o, n){
if (n <= _children.length) _children.splice(n, 0, o);
}
this.getChildAt = function(n){
return _children[n];
}
this.getChildAtRandom = function(){
return _children[Math.floor(Math.random()*_children.length)];
}
this.removeChild = function(o, k){
for (var i = _children.length - 1; i >= 0; i--){ if (_children[i] == o){ removeChildAt(i, k); break; }};
}
this.removeChildAt = function(i, k){
if (k) _children[i] = null; _children.splice(i, 1);
}
// animation methods //
this.run = function(func, delay, repeat){
// prevent double running //
for (var i = _runners.length - 1; i >= 0; i--) if (func == _runners[i].f) return;
_runners.push({f:func, d:delay, r:repeat});
}
this.stop = function(func){
for (var i = _runners.length - 1; i >= 0; i--) if (func == _runners[i].f) _runners[i].r = 0;
}
this.tween = function(obj, secs, props){
if (obj.isTweening) return;
// calc delta to tween for each prop //
props.d = {};
props.n = Math.round((secs * 1000) / 30);
for (var k in props) if (obj[k] !=undefined) props.d[k] = (props[k] - obj[k]) / props.n;
props.o = obj;
props.o.isTweening = true;
_tweens.push(props);
}
// save canvas as a png //
this.save = function(){
var img = _canvas.toDataURL('image/png');
var win = window.open('', '_blank', 'width='+_width+', height='+_height);
win.document.write('My Canvas');
win.document.write('');
win.document.write('
');
win.document.write('