124 lines
4.3 KiB
JavaScript
124 lines
4.3 KiB
JavaScript
class Input {
|
|
constructor(idCanvas) {
|
|
this.keysDown = new Set()
|
|
this.dir = 0;
|
|
|
|
this.canvas = document.getElementById(idCanvas);
|
|
|
|
//for debug/creation of collisions only
|
|
this.dmx=0;
|
|
this.dmy=0;
|
|
this.parity=true;
|
|
this.toPrint="";
|
|
//
|
|
|
|
this.canvas.addEventListener("click", (e) => {
|
|
if(player==null || bullets==null){
|
|
return;
|
|
}
|
|
|
|
let bounds = this.canvas.getBoundingClientRect();
|
|
|
|
let mouseX = (e.clientX - bounds.x)*this.canvas.width/bounds.width;
|
|
let mouseY = (e.clientY - bounds.y)*this.canvas.height/bounds.height;
|
|
//console.log(Math.round(mouseX),",",Math.round(mouseY)); //for debug
|
|
|
|
//if(this.parity){ ////// to create collisions for a map
|
|
// this.dmx=Math.round(mouseX);
|
|
// this.dmy=Math.round(mouseY);
|
|
// this.parity=!this.parity;
|
|
//}else{
|
|
// let mx = Math.round((e.clientX - bounds.x)*this.canvas.width/bounds.width);
|
|
// let my = Math.round((e.clientY - bounds.y)*this.canvas.height/bounds.height);
|
|
// let x = Math.min(mx,this.dmx);
|
|
// let y = Math.min(my,this.dmy);
|
|
// let w = Math.abs(mx-this.dmx);
|
|
// let h = Math.abs(my-this.dmy);
|
|
// this.toPrint+="new Square("+x.toString()+","+y.toString()+","+player.z.toString()+","+w.toString()+","+h.toString()+"),";
|
|
// navigator.clipboard.writeText(this.toPrint);
|
|
// maps[player.z].squares.push(new Square(x,y,player.z,w,h));
|
|
// this.parity=!this.parity;
|
|
//}
|
|
|
|
let dx = mouseX-player.x;
|
|
let dy = mouseY-player.y;
|
|
|
|
let norm = Math.sqrt(dx*dx+dy*dy);
|
|
|
|
let b = new Bullet(player.x,player.y,player.z,dx/norm,dy/norm,player.id);
|
|
bullets.push(b);
|
|
net.newBullet(b.x,b.y,b.z,b.dx,b.dy,b.shooterId);
|
|
});
|
|
|
|
window.addEventListener("keydown", (e)=>{
|
|
//blocks the action of the key (cf. Killian)
|
|
if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.code)) {
|
|
e.preventDefault();
|
|
}
|
|
this.keysDown.add(e.key.toLowerCase())
|
|
this.updateDir();
|
|
})
|
|
|
|
document.getElementById("retour_menu").addEventListener("click", (e) => {
|
|
phone.changeWindow(1)
|
|
});
|
|
|
|
window.addEventListener("keyup", (e)=>{
|
|
this.keysDown.delete(e.key.toLowerCase())
|
|
this.updateDir();
|
|
})
|
|
|
|
window.addEventListener("keypress", (e)=>{
|
|
if(e.key.toLowerCase()=="p"){
|
|
phone.changePosition();
|
|
}
|
|
})
|
|
}
|
|
|
|
updateDir(){
|
|
if(player==null)
|
|
return;
|
|
|
|
let oldDir=this.dir;
|
|
|
|
this.dir=0;
|
|
if(this.keysDown.has('z') || this.keysDown.has('arrowup')){
|
|
if(this.keysDown.has('d') || this.keysDown.has('arrowright')){
|
|
this.dir = 2;
|
|
}else if(this.keysDown.has('s') || this.keysDown.has('arrowdown')){
|
|
this.dir = 0;
|
|
}else if(this.keysDown.has('q') || this.keysDown.has('arrowleft')){
|
|
this.dir = 8;
|
|
}else{
|
|
this.dir = 1;
|
|
}
|
|
}else if(this.keysDown.has('d') || this.keysDown.has('arrowright')){
|
|
if(this.keysDown.has('s') || this.keysDown.has('arrowdown')){
|
|
this.dir = 4;
|
|
}else if(this.keysDown.has('q') || this.keysDown.has('arrowleft')){
|
|
this.dir = 0;
|
|
}else{
|
|
this.dir = 3;
|
|
}
|
|
}else if(this.keysDown.has('s') || this.keysDown.has('arrowdown')){
|
|
if(this.keysDown.has('q') || this.keysDown.has('arrowleft')){
|
|
this.dir = 6;
|
|
}else{
|
|
this.dir = 5;
|
|
}
|
|
}else if(this.keysDown.has('q') || this.keysDown.has('arrowleft')){
|
|
this.dir = 7;
|
|
}
|
|
if(oldDir!=this.dir)
|
|
{
|
|
player.changeDirection(this.dir);
|
|
net.update(player);
|
|
}
|
|
}
|
|
|
|
/*
|
|
calculateAngle(playerX, playerY) {
|
|
return Math.atan2(this.mouseY - playerY, this.mouseX - playerX);
|
|
}
|
|
*/
|
|
}
|