sfja/karlkoder-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

toggle sprite editor visibility

Browse Source
This commit is contained in:
Theis Pieter Hollebeek 2025-10-10 16:38:31 +02:00
parent abf6c1499e
commit 4ab14a88a5
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -55,6 +55,10 @@
<div>
<button id="run-button">🏃 Run</button>
</div>
<div>
<button id="toggle-sprite-editor-button">🖼️ Toggle sprite editor</button>
</div>
</div>
<section>
@ -112,7 +116,7 @@ lib.startGameLoop(loop);
</section>
</div>
<div class="column">
<div class="column" id="sprite-editor-container">
<section id="sprite-editor">
<div class="section-header">
Sprite editor

11
js/index.js
View File

@ -22,6 +22,7 @@ const saveButton = document.querySelector("#save-button");
const saveDropdown = document.querySelector("#save-dropdown");
const saveJsButton = document.querySelector("#save-js");
const saveHtmlButton = document.querySelector("#save-html");
const toggleSpriteEditorButton = document.querySelector("#toggle-sprite-editor-button");
const sessionSaveDebounce = new Debounce(1000);
editor.addEventListener("change", (ev) => {
@ -123,3 +124,13 @@ ${js}
downloadFile(html, "text/html", ".html");
};
toggleSpriteEditorButton.addEventListener("click", () => {
const cont = document.querySelector("#sprite-editor-container");
console.log(cont.style.getPropertyValue("display"));
if (cont.style.getPropertyValue("display") === "none") {
cont.style.removeProperty("display");
} else {
cont.style.setProperty("display", "none");
}
});