diff --git a/assets/button.aseprite b/assets/button.aseprite new file mode 100644 index 0000000000000000000000000000000000000000..34228e3d56321e8d9d1c6a611d51972204aeed42 Binary files /dev/null and b/assets/button.aseprite differ diff --git a/src/img/2024-07-30 09.58.25.jpg b/src/img/2024-07-30 09.58.25.jpg deleted file mode 100644 index 1a4eba1fd2d7530e37b3d22e7a8d639172d3ec07..0000000000000000000000000000000000000000 Binary files a/src/img/2024-07-30 09.58.25.jpg and /dev/null differ diff --git a/src/img/button.webp b/src/img/button.webp new file mode 100644 index 0000000000000000000000000000000000000000..b0e24d1138a6e720855a342cb4ebcea7e92f9e0c Binary files /dev/null and b/src/img/button.webp differ diff --git a/src/js/main.js b/src/js/main.js index d801fc313e211dfa63ed6c2b8d8f0936c2f316e4..e8747ffebe885442f5d075c4020919ef7e0e45df 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -1,9 +1,9 @@ import Canvas from "../../hampsterengine/src/canvas.js"; import Engine from "../../hampsterengine/src/engine.js"; -import {Room} from "../../hampsterengine/src/things"; +import {Room} from "../../hampsterengine/src/things.js"; -import {Logo, MainMenuButton} from "./objects"; +import {Logo, MainMenuButton} from "./objects.js"; const canvas = new Canvas('canvas'); const engine = new Engine(canvas); @@ -11,6 +11,7 @@ const assets = engine.assetStore; canvas.width = 640; canvas.height = 480; +canvas.pixelRatio = 2; canvas.ctx.setTransform(canvas.pixelRatio, 0, 0, canvas.pixelRatio, 0, 0); canvas.ctx.imageSmoothingEnabled = false; @@ -48,4 +49,5 @@ function main() { } engine.room = engine.getRoomIndex('mainMenu'); +if (document.location.hash) engine.room = engine.getRoomIndex(document.location.hash); main(); diff --git a/src/js/objects.js b/src/js/objects.js index 29ab631a5b814a738216224ba5ac859f03aaf0af..a2580f42f1097c7d0dd4b8a2db246935d766b965 100644 --- a/src/js/objects.js +++ b/src/js/objects.js @@ -1,4 +1,13 @@ import {Thing} from "../../hampsterengine/src/things"; +import ButtonBKG from "../img/button.webp"; + +export class Button extends Thing { + constructor(props) { + super(props); + this.sprite = ButtonBKG; + } + +} export class MainMenuButton extends Thing { constructor(label, action=function(){}) {