diff --git a/index.html b/index.html index 766706a..c677877 100644 --- a/index.html +++ b/index.html @@ -40,6 +40,11 @@

Fine tuning

+
+ + +
+
diff --git a/scripts/main.js b/scripts/main.js index 0ec3229..8e1bf23 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -31,6 +31,7 @@ class PreviewGenerator { * @type Image */ this.godotLogo = null; + this.includeGodotLogo = true; // State parameters. @@ -134,6 +135,11 @@ class PreviewGenerator { this._debounceUpdateAndRender(); }); + const includeGodotLogo_input = document.getElementById("include-godot-logo"); + includeGodotLogo_input.addEventListener("input", () => { + this._debounceUpdateAndRender(); + }); + const clearColor_input = document.getElementById("clear-color"); clearColor_input.addEventListener("input", () => { this._debounceUpdateAndRender(); @@ -345,7 +351,7 @@ class PreviewGenerator { this.ctx.fillRect(paddingSize, this.previewHeight - breaklineOffset - breaklineHeight, breaklineWidth, breaklineHeight); // Render the Godot logo. - if (this.godotLogo) { + if (this.godotLogo && this.includeGodotLogo) { const logoWidth = 0.36 * this.previewWidth; const logoHeight = this.godotLogo.height * (logoWidth / this.godotLogo.width); @@ -377,6 +383,9 @@ class PreviewGenerator { this._updateFilename(); + const includeGodotLogo_input = document.getElementById("include-godot-logo"); + this.includeGodotLogo = includeGodotLogo_input.checked; + const clearColor_input = document.getElementById("clear-color"); this.clearColor = clearColor_input.value;