Вопросы по Canvas

[daima]

если объекты должны взаимодействовать друг с другом то все рисуешь на одном холсте, можно написать класс который эмулирует слои рендеринга, то есть чтоб манипулировать уровнем отрисовки. В CSS полезно размещать все объекты которые не включены в игровую логику а просто я вляются интерьером игры или интерфейсом.
пример: bug-wars.com/bugwars.html
один canvas элемент

О, клевая ссыль. Надо будет попробовать распотрошить игрушку))

function player(x,y,sprite) {
this.x=x;
this.y=y;
var cache_canvas;
var move;

this.walk_left=function(){
	alert("a");

}

this.init= function(){
	

	document.onkeydown=function(e) {
	   if(e.keyCode==37) {this.walk_left; /*move=setInterval('this.walk_left',600);*/}

	}

	document.onkeyup=function(e) {
	   if(e.keyCode==37 || e.keyCode==38 || e.keyCode==39 || e.keyCode==40) this.clear();
	}


}


this.clear= function(){
	clearInterval(move);
}

this.init();
}

Добавляем игрока на холст: var hero=new player(160, 144,sprite);

Он появляется, но когда я жму на клавишу "стрелка влево",this.walk_left почему-то не запускается((

[zebra]

Вечная проблема с this. Прочитайте

[daima]

Вечная проблема с this.

Что-то слишком сложным для меня языком написано. Есть ли проще статья?

[zebra]

Проще на примере.

this.init = function() {
     var self = this;
    document.onkeyup=function(e) {
     //this.init() -> this ссылается не на ваш класс, а на window.
    self.init(); // -> self ссылается на ваш класс
    };
};

[daima]

Ураааааааааааааа!! Спасибо. Теперь работает. Но появился другой вопрос:

if(e.keyCode==37) {this.walk_left; /*move=setInterval('self.walk_left',600);*/}

почему-то когда держишь кнопку нажатой ф-я выполняется многократно

[zebra]

Не держите кнопку зажатой

[daima]

не, ну как. чел зажал кнопку - человек побежал. Но почему срабатывает не 1 раз, а пока кнопку держишь?

[zebra]

Наверное флаг сделать. Если нажата кнопка flag = true, отжали flag = false