Add files via upload

classes.js

@@ -0,0 +1,42 @@
+class Sprite {
+    constructor({position, velocity, image, frames = {max: 1} }) {
+        this.position = position;
+        this.image = image;
+        this.frames = frames;
+
+        this.image.onload = () => {
+            this.width = this.image.width / this.frames.max;
+            this.height = this.image.height;
+        };        
+    }
+
+    draw() {
+        c.drawImage(
+            this.image,
+            0,
+            0,
+            this.image.width / this.frames.max,
+            this.image.height,
+            this.position.x,
+            this.position.y,
+            this.image.width / this.frames.max,
+            this.image.height
+        );
+    }
+}
+
+const t = 16
+class Boundary {
+    static width = t;
+    static height = t;
+    constructor({position}) {
+        this.position = position;
+        this.width = t;
+        this.height = t;
+    }
+
+    draw() {
+        c.fillStyle = "rgba(255, 0, 0, 0)"
+        c.fillRect(this.position.x, this.position.y, this.width, this.height);
+    }
+}

index.html

@@ -4,8 +4,9 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
         <link rel="stylesheet" type="text/css" href="pixel-adventure-game-desktop.css">
         <link rel="stylesheet" type="text/css" href="menu.css">
-        <script defer src="collisions.js"></script>
         <script defer src="menu.js"></script>
+        <script defer src="collisions.js"></script>
+        <script defer src="classes.js"></script>
         <script defer src="pixel-adventure-game-desktop.js"></script>
         <link rel="icon" href="pixel-adventure-game.ico" type="image/x-icon">
         <link rel="icon" href="pixel-adventure-game.png" type="image/png">

maison.tsx

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<tileset version="1.10" tiledversion="git" name="maison" tilewidth="16" tileheight="16" tilecount="576" columns="24">
+ <image source="pack.png" width="384" height="384"/>
+</tileset>

menu.js

@@ -1,3 +1,11 @@
+/*if (window.location.protocol != "https:") {
+    window.location.protocol="https:";
+}*/
+
+document.addEventListener("contextmenu", function (event) {
+    event.preventDefault();
+});
+
 const body = document.querySelector("body");
 const menu = document.querySelector(".menu");
 const reprendre = document.querySelector(".reprendre");