starting keyboard interaction
This commit is contained in:
parent
2440fa114b
commit
7f60fc5d71
4 changed files with 9 additions and 4 deletions
|
@ -52,6 +52,7 @@ class Player
|
||||||
if(this.dir!=0){
|
if(this.dir!=0){
|
||||||
this.visibleDir = newDirection;
|
this.visibleDir = newDirection;
|
||||||
}
|
}
|
||||||
|
console.log("Should send: {type='update', dir=",this.dir,", x=",this.x,", y=",this.y,"}");
|
||||||
}
|
}
|
||||||
|
|
||||||
update(squares,circles)//update position
|
update(squares,circles)//update position
|
||||||
|
|
|
@ -29,6 +29,7 @@ function game() {
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
|
player.update([],[]);
|
||||||
for (var i = players.length - 1; i >= 0; i--) {
|
for (var i = players.length - 1; i >= 0; i--) {
|
||||||
players[i].update([],[]);//squares, circles
|
players[i].update([],[]);//squares, circles
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,7 @@ class Input {
|
||||||
constructor(id) {
|
constructor(id) {
|
||||||
this.keysDown = new Set()
|
this.keysDown = new Set()
|
||||||
this.dir = 0;
|
this.dir = 0;
|
||||||
|
this.player=null;
|
||||||
this.canvas = document.getElementById(id);
|
this.canvas = document.getElementById(id);
|
||||||
|
|
||||||
this.mouseX = 0
|
this.mouseX = 0
|
||||||
|
@ -15,7 +15,7 @@ class Input {
|
||||||
console.log("Clic de la souris");
|
console.log("Clic de la souris");
|
||||||
});
|
});
|
||||||
|
|
||||||
window.addEventListener("keydown", function(event) {
|
/*window.addEventListener("keydown", function(event) {
|
||||||
switch(event.key) {
|
switch(event.key) {
|
||||||
case "ArrowUp":
|
case "ArrowUp":
|
||||||
console.log("Flèche du haut");
|
console.log("Flèche du haut");
|
||||||
|
@ -30,7 +30,7 @@ class Input {
|
||||||
console.log("Flèche de droite pressée");
|
console.log("Flèche de droite pressée");
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
});
|
});*/
|
||||||
|
|
||||||
window.addEventListener("keydown", (e)=>{
|
window.addEventListener("keydown", (e)=>{
|
||||||
this.keysDown.add(e.key.toLowerCase())
|
this.keysDown.add(e.key.toLowerCase())
|
||||||
|
@ -44,6 +44,8 @@ class Input {
|
||||||
}
|
}
|
||||||
|
|
||||||
updateDir(){
|
updateDir(){
|
||||||
|
if(this.player==null)
|
||||||
|
return;
|
||||||
if(this.keysDown.has('z')){
|
if(this.keysDown.has('z')){
|
||||||
if(this.keysDown.has('d')){
|
if(this.keysDown.has('d')){
|
||||||
this.dir = 2;
|
this.dir = 2;
|
||||||
|
@ -71,6 +73,7 @@ class Input {
|
||||||
}else if(this.keysDown.has('q')){
|
}else if(this.keysDown.has('q')){
|
||||||
this.dir = 7;
|
this.dir = 7;
|
||||||
}
|
}
|
||||||
|
this.player.updateDir(this.dir)
|
||||||
}
|
}
|
||||||
|
|
||||||
get getDirection() {
|
get getDirection() {
|
||||||
|
|
|
@ -16,7 +16,7 @@ class Network{
|
||||||
this.playerId = data.data.playerId;
|
this.playerId = data.data.playerId;
|
||||||
for (var i = data.data.players.length - 1; i >= 0; i--) {
|
for (var i = data.data.players.length - 1; i >= 0; i--) {
|
||||||
if(data.data.players[i].id==this.playerId)
|
if(data.data.players[i].id==this.playerId)
|
||||||
this.clientPlayer=data.data.players[i];
|
this.clientPlayer=new Player(data.data.players[i].id, data.data.players[i].x, data.data.players[i].y, data.data.players[i].name, data.data.players[i].dir);
|
||||||
else
|
else
|
||||||
this.playersToAdd.push(new Player(data.data.players[i].id, data.data.players[i].x, data.data.players[i].y, data.data.players[i].name, data.data.players[i].dir))
|
this.playersToAdd.push(new Player(data.data.players[i].id, data.data.players[i].x, data.data.players[i].y, data.data.players[i].name, data.data.players[i].dir))
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue