Ajout du renderer
This commit is contained in:
parent
33f9086c43
commit
262e07b286
3 changed files with 34 additions and 2 deletions
7
game.js
7
game.js
|
@ -0,0 +1,7 @@
|
||||||
|
setInterval(game);
|
||||||
|
|
||||||
|
function game() {
|
||||||
|
Renderer = new Render("canvas")
|
||||||
|
|
||||||
|
Renderer.AddPlayer(3, 5, )
|
||||||
|
}
|
|
@ -1,10 +1,11 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./style.css">
|
||||||
<script type="text/javascipt" src="./game.js" defer></script>
|
<script type="text/javascript" src="render.js" defer></script>
|
||||||
|
<script type="text/javascript" src="game.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<canvas width="800" height="800" id="Canvas" style="border: 1px;"></canvas>
|
<canvas width="800" height="800" id="canvas" style="border: 1px;"></canvas>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
24
render.js
Normal file
24
render.js
Normal file
|
@ -0,0 +1,24 @@
|
||||||
|
class Render {
|
||||||
|
constructor(id) {
|
||||||
|
this.canvas = document.getElementById(id)
|
||||||
|
this.ctx = canvas.getContext("2d")
|
||||||
|
|
||||||
|
this.ReloadAff()
|
||||||
|
}
|
||||||
|
|
||||||
|
ReloadAff() {
|
||||||
|
this.ctx.fillStyle = "red"
|
||||||
|
this.ctx.fillRect(0,0,this.canvas.width,this.canvas.height);
|
||||||
|
/*this.ctx.stokeStyle = "black"
|
||||||
|
this.ctx.lineWidth = 1;
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(point1[0], point1[1]);
|
||||||
|
ctx.lineTo(point2[0], point2[1]);
|
||||||
|
ctx.lineTo(point3[0], point3[1]);
|
||||||
|
ctx.lineTo(point1[0], point1[1]);
|
||||||
|
ctx.stroke()
|
||||||
|
ctx.fill();*/
|
||||||
|
this.ctx.closePath();
|
||||||
|
this.ctx
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue