entityjs 0.2.2 → 0.3.0

data/src/entityjs/cycle/draw.js

@@ -1,185 +0,0 @@
-re.c('draw')
-.global({
-	listeners:[],
-	
-	draw:function(s){
-		var l = this.listeners;
-		
-		for(var k=0, le = l.length, b; k < le; ++k){
-			b = l[k];
-			
-			if(b && b.sys == s && b.drawing && b.isVisible()){
-				/*if(!b.canvasCache){
-					b.draw_render(c);
-				} else {
-					b.signal('draw', c);
-				}*/
-				b.draw_render(s.context);
-				
-			}
-		}
-		
-	}
-	
-})
-.implement('draw')
-.init(function(c){
-	
-	c.listeners.push(this);
-	
-	//set default screen
-	this.screen = re.screen;
-	
-})
-.dispose(function(c){
-	
-	c.listeners.splice(c.listeners.indexOf(this), 1);
-	
-})
-.inherit({
-	
-	sys:re.sys,
-	drawing:true,
-	rotation:0,
-	alpha:1,
-	
-	scaleX:1,
-	scaleY:1,
-	
-	posX:0,
-	posY:0,
-	
-	sizeX:1,
-	sizeY:1,
-	
-	regX:0,
-	regY:0
-	
-})
-.extend({
-	
-	cache:function(){
-		if(!this.image) return this;
-		
-		this.clearCache();
-		
-		var c = re.$new('canvas');
-		var s = Math.max(this.image.width, this.image.height);
-		c.width = s;
-		c.height = s;
-		
-		this.draw_render(c.getContext(re.sys.contextType));
-		
-		this.canvasCache = c;
-		
-		return this;
-	},
-	
-	clearCache:function(){
-		this.canvasCache = null;
-	},
-	
-	drawFirst:function(){
-		var l = re.c('draw').listeners;
-		
-		l.splice(l.indexOf(this), 1);
-		
-		l.unshift(this);
-		return this;
-	},
-	
-	drawLast:function(){
-		var l = re.c('draw').listeners;
-		
-		l.splice(l.indexOf(this), 1);
-		
-		l.push(this);
-		return this;
-	},
-	
-	drawAfter:function(en){
-		var l = re.c('draw').listeners;
-		var him = l.indexOf(en);
-		var me = l.indexOf(this);
-		
-		if(him > me){
-			//swap
-			var t = l[him];
-			l[him] = l[me];
-			l[me] = t;
-		}
-		
-		return this;
-	},
-	
-	drawBefore:function(en){
-		
-		var l = re.c('draw').listeners;
-		var him = l.indexOf(en);
-		var me = l.indexOf(this);
-		
-		if(him < me){
-			//swap	
-			var t = l[him];
-			l[him] = l[me];
-			l[me] = t;
-		}
-		
-		return this;
-	},
-	
-	getScreenX:function(){
-		var x = this.posX;
-		if(this.screen) x -= this.screen.posX;
-		return x;
-	},
-	
-	getScreenY:function(){
-		var y = this.posY;
-		if(this.screen) y -= this.screen.posY;
-		return y;
-	},
-	
-	/*
-	Returns true or false wether the object is visible on screen.
-	*/
-	isVisible:function(){
-		
-		return (!this.screen || this.screen.touches(this.posX - this.regX, this.posY - this.regY, this.sizeX, this.sizeY));
-		
-	}
-	
-})
-.namespace({
-	
-	render:function(c){
-		if(!c) c = this.sys.context;
-		
-		this.draw_before(c);
-			this.draw(c);
-		this.draw_after(c);
-	},
-	
-	before:function(c){
-		
-		c.save();
-		
-		if(this.alpha != 1)
-			c.globalAlpha = this.alpha;
-		
-		c.translate(this.getScreenX(), this.getScreenY());
-		
-		if(this.rotation != 0)
-			c.rotate(this.rotation * Math.PI / 180);
-		
-		
-		if(this.scaleX != 1 || this.scaleY != 1)
-			c.scale(this.scaleX, this.scaleY);
-		
-	},
-	
-	after:function(c){
-		c.restore();
-	}
-	
-});

data/src/entityjs/cycle/ticker.js

@@ -1,27 +0,0 @@
-/*
-The ticker component calculates time between steps for animation or special effects.
-*/
-re.c('ticker')
-.inherit({
-	time:0,
-	maxTick:0.05
-})
-.init(function(){
-	this.lastTime = Date.now();
-})
-.extend({
-
-	tick:function(){
-		var wall = Date.now();
-		var delta = (wall - this.lastTime) / 1000;
-		
-		this.lastTime = wall;
-		
-		var timeDelta = Math.min(delta, this.maxTick);
-		
-		this.time += timeDelta;
-		
-		return timeDelta;
-	}
-	
-});

data/src/entityjs/display/anchor.js

@@ -1,53 +0,0 @@
-/*
-The anchor component contains helper methods for positioning entities relative to system size.
-*/
-re.c('anchor')
-.extend({
-	
-	centerX:function(o){
-		o = o || 0;
-		this.posX = Math.floor(re.sys.sizeX * 0.5 - this.sizeX * 0.5 + o);
-		
-		return this;
-	},
-	
-	centerY:function(o){
-		o = o || 0;
-		this.posY = Math.floor(re.sys.sizeY * 0.5 - this.sizeY * 0.5 + o);
-		return this;
-	},
-	
-	right:function(x){
-		x = x || 0;
-		this.posX = Math.floor(re.sys.sizeX - this.sizeX + x);
-		return this;
-	},
-	
-	left:function(x){
-		x = x || 0;
-		this.posX = Math.floor(x);
-		return this;
-	},
-	
-	top:function(y){
-		y = y || 0;
-		this.posY = Math.floor(y);
-		return this;
-	},
-	
-	bottom:function(y){
-		y = y || 0;
-		this.posY = Math.floor(re.sys.sizeY - this.sizeY + y);
-		return this;
-	}
-	
-})
-.inherit({
-	
-	sizeX:0,
-	sizeY:0,
-	
-	posX:0,
-	posY:0
-	
-});

data/src/entityjs/display/bitfont.js

@@ -1,93 +0,0 @@
-/*
-The bitfont component writes text on the screen using a sprite image.
-This is a faster approach than using the text component for now.
-Plus you don't have to worry about the user not supporting the
-wanted font.
-
-*/
-
-re.c('bitfont')
-.require('draw')
-.inherit({
-	
-	text:'',
-	//default width if charwidths not extendd
-	charOffset:32
-	
-})
-.extend({
-	
-	isVisible:function(){
-		return this.text.length != 0 && this.bitmap && this.parent('draw', 'isVisible');
-	},
-	
-	draw:function(c){
-	
-		var slot = 0, charWidth, code, charPos;
-		
-		for(var i=0, l = this.text.length; i<l; ++i){
-			
-			//get char code
-			code = this.text.charCodeAt(i) - this.charOffset;
-			
-			//find width of character
-			charWidth = this.charWidths[code];
-			
-			//find source character position
-			if(!this.charCache[code]){
-				charPos = 0;
-				for(var p=0; p<code; ++p){
-					charPos += this.charWidths[p]+1;
-				}
-				this.charCache[code] = charPos;
-			}
-			
-			c.drawImage(this.bitmap, this.charCache[code], 0, charWidth, this.bitmap.height, -this.regX + slot, -this.regY, charWidth, this.bitmap.height);
-			
-			//append to next character slot
-			slot += charWidth;
-			
-		}
-		
-		this.sizeX = slot;
-		this.sizeY = this.bitmap.height;
-	
-	
-	},
-	
-	updateSize:function(){
-		
-		var t = 0;
-		//TODO size is slightly off 
-		for(var p=0; p<this.text.length; p++){
-			t += this.charWidths[p];
-		}
-		
-		this.sizeX = t;
-		
-		if(this.bitmap){
-			this.sizeY = this.bitmap.height;
-		} else {
-			this.sizeY = 0;
-		}
-		return this;
-	},
-	
-	setText:function(text){
-		
-		this.text = text;
-		this.updateSize();
-		
-		return this;
-	}
-	
-})
-.init(function(){
-	
-	if(!this.charCache){
-		this.charCache = {};
-	}
-	
-	this.updateSize();
-	
-});

data/src/entityjs/display/bitmap.js

@@ -1,37 +0,0 @@
-/*
-The bitmap component draws an image on screen.
-
-
-FUTURE - add bitdata component for image manipulation.
-*/
-re.c('bitmap')
-.require('draw')
-.extend({
-	
-	setBitmap:function(b){
-		this.bitmap = b;
-		if(b){
-			this.sizeX = b.width;
-			this.sizeY = b.height;
-		}
-		return this;
-	},
-	
-	isVisible:function(){
-		return this.bitmap && this.parent('draw', 'isVisible');
-	},
-	
-	draw:function(c){
-		
-		c.drawImage(this.bitmap, -this.regX, -this.regY, this.sizeX, this.sizeY);
-		return this;
-	}
-	
-})
-.init(function(){
-	
-	if(this.bitmap){
-		this.setBitmap(this.bitmap);
-	}
-	
-});

data/src/entityjs/display/circle.js

@@ -1,30 +0,0 @@
-/*
-The circle component draws a rectangle on screen.
-*/
-re.c('circle')
-.require('draw')
-.inherit({
-	color:'#82d5f4'
-})
-.extend({
-	
-	draw:function(c){
-		
-		c.fillStyle = this.color;
-		
-		c.beginPath();
-		
-			c.arc(-this.regX, -this.regY, this.sizeX, 0, Math.PI*2, true);
-		
-		c.closePath();
-		
-		c.fill();
-		
-	},
-	
-	setRadius:function(r){
-		this.sizeX = this.sizeY = r;
-		return this;
-	}
-	
-});

data/src/entityjs/display/font.js

@@ -1,41 +0,0 @@
-/*
-The font component displays font on screen using the canvas font api.
-
-//create font
-re.e('font')
-.extend({
-	text:'Texting Message',
-	textColor:'#ff0000'
-});
-
-TODO implement size
-
-*/
-re.c('font')
-.require('draw')
-.inherit({
-	font:"14px sans-serif",
-	textColor:'#000000',
-	textAlign:'',
-	text:''
-})
-.extend({
-	
-	isVisible:function(){
-		return this.text.length != 0;
-	},
-	
-	setText:function(t){
-		this.text = t;
-		return this;
-	},
-	
-	draw:function(c){
-		
-		c.font = this.font;
-		c.fillStyle = this.textColor;
-		c.fillText(this.text, -this.regX, -this.regY);
-		
-	}
-	
-});

data/src/entityjs/display/screen.js

@@ -1,46 +0,0 @@
-/*
-The screen component is used for scrolling or shaking all visible objects. 
-It simply offsets pos values upon rendering.
-
-This is useful for setting up a tile-based game.
-*/
-re.c('screen')
-.require('hittest')
-.extend({
-	
-	setPos:function(x, y){
-		if(arguments.length == 1){
-			y = x.posY;
-			x = x.posX;
-		}
-		
-		this.posX = x - this.regX;
-		this.posY = y - this.regY;
-		
-		return this;
-	},
-	
-	toScreenX:function(x){
-		return x + this.posX + this.offX;
-	},
-	
-	toScreenY:function(y){
-		return y + this.posY + this.offY;
-	}
-	
-})
-.inherit({
-	
-	posX:0,
-	posY:0,
-	
-	regX:0,
-	regY:0,
-	
-	sizeX:0,
-	sizeY:0,
-	
-	offX:0,
-	offY:0
-	
-});

data/src/entityjs/display/sprite.js

@@ -1,37 +0,0 @@
-/*
-The sprite object extends a drawable image for an entity.
-*/
-
-re.c('sprite')
-.require('bitmap bisect')
-.inherit({
-	
-	frameX:0,
-	frameY:0
-	
-})
-.extend({
-	
-	setFrameId:function(id){
-		this.frameX = this.biToXt(id);
-		this.frameY = this.biToYt(id);
-		
-		return this;
-	},
-	
-	getFrameId:function(){
-		return this.toBi(this.frameX, this.frameY);
-	},
-	
-	draw:function(c){
-		c.drawImage(this.bitmap, this.frameX * this.sizeX, this.frameY * this.sizeY, this.sizeX, this.sizeY, -this.regX, -this.regY, this.sizeX, this.sizeY);
-		
-		return this;
-	},
-	
-	//implement for flicker
-	flick:function(c){
-		this.setFrameId(c);
-	}
-	
-});

data/src/entityjs/input/mouse.js

@@ -1,123 +0,0 @@
-re.c('mouse')
-.global({
-	listeners:[],
-	
-	mouseAction:function(e){
-		var b;
-		
-		//find which key
-		if(e.which == null){
-			//IE
-			if(e.button < 2){
-				b = 'left';	
-			} else if(e.button == 4){
-				b = 'middle';
-			} else {
-				b = 'right';	
-			}
-		} else {
-			if(e.which < 2){
-				b = 'left';	
-			} else if(e.which == 2){
-				b = 'middle';	
-			} else {
-				b = 'right';	
-			}
-		}
-		
-		b = 'mouse:'+b;
-		
-		//register mouse action
-		if(re.c('pressed')._pressed){
-			re.c('pressed')._pressed[b] = (e.type == 'mousedown');
-		}
-		
-		var c = false;
-		
-		if(re.c('pressed').preventDefault){
-			if(re.c('pressed').preventDefault[b]){
-				if(e.preventDefault)
-					e.preventDefault();
-				 else 
-					e.returnValue = false;
-					
-				c = true;
-			}
-		}
-		
-		re.c('mouse').mouseEvent(e);
-		
-		if(c) return false;
-	},
-	
-	mouseEvent:function(e){
-		
-		//calculate mouse coordinate
-		var x;
-		var y;
-		
-		if(e.pageX || e.pageY){
-			x = e.pageX;
-			y = e.pageY;
-		} else {
-			x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
-			y = e.clientY +	document.body.scrollTop + document.documentElement.scrollTop;
-		}
-		
-		//FUTURE fix, does not support multiple canvases
-		if(re.sys.canvas){
-			x -= re.sys.canvas.offsetLeft;
-			y -= re.sys.canvas.offsetTop;
-		}
-		
-		//ignore if off canvas
-		if(x < 0 || y < 0 || y > re.sys.sizeY || x > re.sys.sizeX){
-			return;
-		}
-		
-		var that = re.c('mouse');
-		
-		//FUTURE automatically transform screen coordinates?
-		var c, t, sx, sy;
-		for(var i=0, l = that.listeners.length; i<l; i++){
-			t = that.listeners[i];
-			if(t.toScreen && t.screen){
-				sx = t.screen.toScreenX(x);
-				sy = t.screen.toScreenY(y);
-			} else {
-				sx = x;
-				sy = y;
-			}
-			t.signal(e.type, sx, sy, e);
-		}
-		
-	},
-	
-	active:false,
-	initListeners:function(){
-		if(!this.active){
-			this.active = true;
-			
-			re.listener('mousedown', this.mouseAction, false);
-			re.listener('mouseup', this.mouseAction, false);
-			re.listener('mousemove', this.mouseEvent, false);
-			re.listener('click', this.mouseEvent, false);
-			re.listener('dblclick', this.mouseEvent, false);
-			re.listener('contextmenu', this.mouseEvent, false);
-		}
-	}
-	
-})
-.inherit({
-	toScreen:false
-})
-.init(function(c){
-	//add to listener array
-	c.initListeners();
-	c.listeners.push(this);
-})
-.dispose(function(c){
-	//remove from listener array
-	
-	c.listeners.splice(c.listeners.indexOf(this), 1);
-});