rebillar/GrandTabernacleAutoVI
2
3
Fork 0
Code Issues 1 Pull requests Releases 2 Wiki Activity

phone

Browse source
This commit is contained in:
Killian Marty 2023-12-11 15:03:47 +01:00
parent 3b939ae37e
commit 539ccd2213
5 changed files with 98 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
public_html/css/game.css
View file

@ -11,3 +11,73 @@ html, body{
max-height: 100vh; max-height: 100vh;
max-width: 100vw; max-width: 100vw;
} }
#phoneDiv{
position: relative;
}
#phone{
width: 200px;
}
#phoneScreen{
background-color: 524b4a;
position: absolute;
left: 7%;
top: 12%;
right: 7%;
bottom: 13%;
}
#chatHeader{
height: 10%;
width: 100%;
border-bottom: 1px solid black;
text-align: center;
color: white;
line-height: 7%;
padding: 0px;
overflow: hidden;
}
#chatHeader > p{
line-height: 10%;
}
#chatMessages{
height: 80%;
width: 100%;
}
#chatInputDiv{
height: 10%;
width: 100%;
text-align: center;
}
#chatInput{
width: 90%;
box-sizing: border-box;
appearance: none;
background-color: transparent;
border-radius: 10px;
border: 1px solid black;
color: white;
padding-left: 10px;
height: 85%;
margin-bottom: 15%;
outline: none;
}
.message{
color: white;
font-family: sans-serif;
}
.messageTitle{
font-size: 75%;
margin: 0px;
}
.messageContent{
margin: 0px;
font-size: 60%;
}

18
public_html/game.html
View file

@ -3,6 +3,7 @@
<head> <head>
<script type="text/javascript" src="./js/sound.js"></script> <script type="text/javascript" src="./js/sound.js"></script>
<script type="text/javascript" src="./js/cookies.js"></script> <script type="text/javascript" src="./js/cookies.js"></script>
<script type="text/javascript" src="./js/phone.js"></script>
<script type="text/javascript" src="./js/class.js"></script> <script type="text/javascript" src="./js/class.js"></script>
<script type="text/javascript" src="./js/render.js"></script> <script type="text/javascript" src="./js/render.js"></script>
<script type="text/javascript" src="./js/input.js"></script> <script type="text/javascript" src="./js/input.js"></script>
@ -16,6 +17,23 @@
</head> </head>
<body> <body>
<canvas width="800" height="800" id="canvas"></canvas> <canvas width="800" height="800" id="canvas"></canvas>
<div id="phoneDiv">
<img id="phone" src="assets/phone.png" alt="Phone">
<div id="phoneScreen">
<div id="chatHeader">
<p>Concorde</p>
</div>
<div id="chatMessages">
<div class="message">
<h2 class="messageTitle">Killian</h2>
<p class="messageContent">yo les gars</p>
</div>
</div>
<div id="chatInputDiv">
<input type="text" placeholder="Ecrivez un message ici" id="chatInput" onkeydown="phone.keyPress(this)">
</div>
</div>
</div>
</body> </body>
</html> </html>

2
public_html/js/class.js
View file

@ -220,7 +220,7 @@ class Car
Update() Update()
{ {
if(this.tick==0 && new Date().getSeconds()%20==this.spawn) { if(this.tick==0 && (new Date()).getSeconds()%20==this.spawn) {
this.tick=1; this.tick=1;
} }

4
public_html/js/global.js
View file

@ -6,6 +6,7 @@ let bulletSound = new Sound("./assets/sounds/shoot.mp3");
let driftSound = new Sound("./assets/sounds/drift.mp3"); let driftSound = new Sound("./assets/sounds/drift.mp3");
let net = new Network("wss://ws.gta6.insat.fr:8080?name=" + getCookie("pseudo")); let net = new Network("wss://ws.gta6.insat.fr:8080?name=" + getCookie("pseudo"));
let inp = new Input("canvas"); let inp = new Input("canvas");
let phone = new Phone();
let bullets = []; let bullets = [];
let circles = []; let circles = [];
let squares = []; let squares = [];
@ -16,12 +17,11 @@ let PNJS = [new PNJ(500, 100),
let cars = [new Car(renderer, 0, 0), let cars = [new Car(renderer, 0, 0),
new Car(renderer, 0, 7), new Car(renderer, 0, 7),
new Car(renderer, 1, 7), new Car(renderer, 1, 3),
new Car(renderer, 1, 13), new Car(renderer, 1, 13),
new Car(renderer, 1, 14), new Car(renderer, 1, 14),
new Car(renderer, 0, 15)]; new Car(renderer, 0, 15)];
function updatePlayer(data) function updatePlayer(data)
{ {
if(data.id==player.id) if(data.id==player.id)

7
public_html/js/network.js
View file

@ -39,6 +39,9 @@ class Network{
addKill(data.data.id,data.data.killerId); addKill(data.data.id,data.data.killerId);
break; break;
case "message":
phone.addMessage(data.data);
default: default:
console.log("received unknown data:",data); console.log("received unknown data:",data);
break; break;
@ -70,4 +73,8 @@ class Network{
{ {
this.socket.send(JSON.stringify({type:"newBullet",data:{x: x,y: y,dx: dx,dy: dy,id:parentId}})); this.socket.send(JSON.stringify({type:"newBullet",data:{x: x,y: y,dx: dx,dy: dy,id:parentId}}));
} }
sendMessage(title, content){
this.socket.send(JSON.stringify({type: "sendMessage", data: {title: title, content: content}}));
}
} }