Forums » Help » Trial Effect

ay quick suggestions on how to override an entities draw method to easily make trails?

What do you mean by trails? Footprints or something?

If you mean 'trail' as in footprints, or the path something took you will have to change background tiles, or make a new layer above the current map but below the entities with 'footprint' tiles.

If you main 'shadow' or 'ghost' image. Like the blur behind a character as it moves quickly, etc. I would do this in the AnimationSheet.

The latter is easier than the former.

Well you could simply spawn entities for each of the footprints that would disappear over time and kill. No reason to get all complicated with the background tiles or anything like that. The main thing you'll have to work with is position (based on entity), spawn rate (aka only when entity moves so far) and orientation of the trail spawn (based on entity).

Google comes up with a fair amount of examples on what can be done.

This is how I did it:

trail: [],	//trail
trailers: 5,	//number of trailing images

init: function( x, y, settings ){
	this.parent( x, y, settings );
	//build trail array
	for( var i = 0; i < this.trailers; i++ ){
		this.trail.push( this.pos );
	}
},

draw: function(){
	//draw trailers
	var alpha = this.currentAnim.alpha;
	for( var i = 0; i < this.trailers; i++ ){
		this.currentAnim.alpha = i.map( 0, this.trailers, 0.1, 1 );
		this.currentAnim.draw(
			this.trail[i].x - this.offset.x - ig.game._rscreen.x,
			this.trail[i].y - this.offset.y - ig.game._rscreen.y
		);		
	}
	this.currentAnim.alpha = alpha;
	this.parent();
},

update: function(){
	this.parent();
	//remove first trail element, push on new element
	this.trail.shift();
	this.trail.push( this.last );
}

Thank you again quid!