Collision Detection

[Joss]

Hi,

 

I've knocked up a simple game using js and pixi.js, very basic but want to include collision detection, I realise pixi.js doesn't do that, but can anyone recommend a simple but effective way to handle that which work with pixi.js? I want to know when two sprites touch on the screen for my game 'stab the crab'!

 

Thanks

 

Joss

 

[Mat Groves]

Stap the crab! Sounds ace

 

For most of the games I usually keep collision down to its simplest form.. either using rectangle collision or circle collision. Run Pixie Run uses rectangle collision detection as its super fast (which means its great for mobile).

 

GAME.CollisionManager.prototype.playerVsPickup = function(){		var pickups = this.engine.pickupManager.pickups;	var steve = this.engine.steve; // yes, he is called steve 		for (var i = 0; i < pickups.length; i++) 	{		var pickup = pickups[i]		var xdist = pickup.position.x - steve.position.x;		if(xdist > -pickup.width/2 && xdist < pickup.width/2)		{			var ydist = pickup.position.y - steve.position.y;					if(ydist > -pickup.height/2 && ydist < pickup.height/2)			{				// HIT CODE!!   			}		}	}}

 

hope that helps!

[Joss]

Thanks for that bit of code, although I'm totally new to developing games of any sort, so not really sure what to do with it, presumably I need to include a JS file for a gaming engine?

 

My current game is purely straight JS and pixi.js

[Joss]

Actually figured out how to modify it, and it works great, thanks. Once I realised pickups were the things colliding with my crab, which in this code is steve.

[Mat Groves]

great to hear