speech bubble

This commit is contained in:
nbillard 2022-12-05 16:48:14 +01:00
parent da3effbcbb
commit c00861307b
2 changed files with 14 additions and 3 deletions

View file

@ -7,11 +7,13 @@
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="./mario.png"> <link rel="icon" href="./res/mario.png"/>
<!-- Place favicon.ico in the root directory --> <!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="./style.css"/>
</head> </head>
<body> <body>
<h1>Sokoban</h1>
<!--[if lt IE 8]> <!--[if lt IE 8]>
<p class="browserupgrade"> <p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please You are using an <strong>outdated</strong> browser. Please
@ -19,7 +21,16 @@
your experience. your experience.
</p> </p>
<![endif]--> <![endif]-->
<div class="to-center">
<canvas id="canvas" width="800" height="400"></canvas> <canvas id="canvas" width="800" height="400"></canvas>
<div class="text-bubble">
<div class="dialog">
<div class="left-point">
</div>
<p class="speech">Coucou</p>
</div>
</div>
</div>
</body> </body>
<!-- <script type="module" src="./modules/ressources.mjs"></script> --> <!-- <script type="module" src="./modules/ressources.mjs"></script> -->
<script type="module" src="./script.js"></script> <script type="module" src="./script.js"></script>

View file

@ -5,7 +5,7 @@ import { MoveDirection } from '/modules/enums.mjs'
let canvas = document.getElementById('canvas'); let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d'); let ctx = canvas.getContext('2d');
window.ctx = ctx window.ctx = ctx
let playground = generatePlayground(level2Blueprint, canvas.width, canvas.height); let playground = generatePlayground(level1Blueprint, canvas.width, canvas.height);
window.addEventListener("keydown", (event) => { window.addEventListener("keydown", (event) => {
if (!event.defaultPrevented) { if (!event.defaultPrevented) {
switch (event.key) { switch (event.key) {