javascript - Tron game keyevent issue -
i want make 'tron-game like' little game, heres code, made: http://jsfiddle.net/jim_y/kqw5w/2/ code snippet:
$(document).keydown(function (e) { if (e.keycode == 37) { // leftarrowpressed palette.leftarrowpressed(); } else if (e.keycode == 38) { // toparrowpressed palette.toparrowpressed(); } else if (e.keycode == 39) { // rightarrowpressed palette.rightarrowpressed(); } else if (e.keycode == 40) { // bottomarrowpressed palette.bottomarrowpressed(); } return false; }); palette.prototype.leftarrowpressed = function () { this.x = this.x - this.game.speed; this.context.lineto(this.x, this.y); this.context.stroke(); }
the problem is, when press 1 of arrow keys , draw line, press different arrow key, there little break on drawing, line-drawing not continuous :/ advice?
i don't see break in demo provided.
anyway, first time push arrow, no line drawn.
i updated code, setting palette.context.beginpath()
instruction before palette.context.moveto()
, see jsfiddle result.
palette.context.beginpath(); palette.context.moveto(palette.x, palette.y);
Comments
Post a Comment