javascript - Target element of array for collision detection -

update: wanted let know i'd solved problem, if not answered own question. rather trying target element of push array, did this:

in

var ground=[], water=[], enemies=[], environment=[]; 

i added

tokens=[]; 

to end.

then wrote new function, updatetokens:

function updatetokens() { (var = 0; < tokens.length; i++) {     tokens[i].update();     tokens[i].draw();  if (player.mindist(tokens[i]) <= player.width - platformwidth/2) {     gameover();     } }  if (tokens[0] && tokens[0].x <- platformwidth) {     tokens.splice(0, 1);     } } 

(the 'gameover();' function testing purposes). added 'spawntokenssprites();' spawnsprites(); function. next, wrote new function spawntokenssprites:

function spawntokenssprites() {  if (score > 0 && rand(0,20) === 0 && platformheight < 3 {   if (math.random() > 0.5) {    tokens.push(new sprite(     canvas.width + platformwidth % player.speed,     platformbase - platformheight * platformspacer - platformwidth,     'tokens'     ));     }   } } 

then added 'updatetokens();' animate function, , finally, added 'tokens=[]' 'startgame()' function. there is. not answer original question, working solution problem had. hope can else, why updated post.

    --------------------------------------------------------- 

i'm out of depth here. i've been following this tutorial make html5 canvas game. it's great, , i've learned loads, i'm totally stuck. have vector sprites

function sprite(x, y, type) { this.x      = x; this.y      = y; this.width  = platformwidth; this.height = platformwidth; this.type   = type; vector.call(this, x, y, 0, 0);  this.update = function() { this.dx = -player.speed; this.advance(); };   this.draw = function() { ctx.save(); ctx.translate(0.5,0.5); ctx.drawimage(assetloader.imgs[this.type], this.x, this.y); ctx.restore();  }; } sprite.prototype = object.create(vector.prototype); 

from sprites inherit. generate 'token' sprites, use function:

function spawnenvironmentsprites() { if (score > 0 && rand(0, 20) === 0 && platformheight < 3) { if (math.random() > 0.5) {   environment.push(new sprite(     canvas.width + platformwidth % player.speed,     platformbase - platformheight*2 * platformspacer - platformwidth,      'tokens'      )); } else if (platformlength > 2) {   environment.push(new sprite(     canvas.width + platformwidth % player.speed,     platformbase - platformheight*1.5 * platformspacer - platformwidth,     'tokens'   ));  } } } 

which draws sprites screen. cannot single these type of sprites out array collision detection. i've tried use 'if' statement 'updateenemies' function:

 if (player.mindist(enemies[i]) <= player.width - platformwidth/2) {   gameover();    }   } 

within 'updateenvironment' function, substitute 'enemies' 'environment', because don't know how specify 'tokens' 'environment', using line results in no environment sprites being drawn canvas, including platforms. earlier today, tried including 'tokens' in 'enemysprites', worked in when player collided, gameover() function ran, couldn't figure out how give 'tokens' different behaviour (ie. score increase rather gameover). should mention sprites called way because of assetloader function i've used. long story short, how can collide 'tokens' , have else behave should? in advance. edit: sorry, forgot mention array environment declared in variable looks this:

var ground = [], water = [], enemies = [], environment = []; 

thanks.

update: ok, still haven't sorted out i've made change think make things bit easier me with(!) i've removed 'tokens' 'spawnenvironmentsprites()' function , added condition 'spawnenemysprites' pushes 'tokens'. means have same behaviour other 'enemies' i.e.. gameover() run upon collision detection. question is, how target 'tokens' in line of code can give collision different behaviour? i'd 'token' sprite disappear , score increase, don't know how target 'tokens' part of array. line deals collisions is:

 if (player.mindist(enemies[i]) <= player.width - platformwidth/2) {   gameover();   }  } 

can help? in advance.