✨ use viewport dimensions for scene size

haliphax · Dec 19, 2023 · 9be6b3f · 9be6b3f
1 parent ef77b7f
commit 9be6b3f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -8,9 +8,6 @@ Visit https://haliphax.github.io/hxavatars to either build an overlay URL for
 yourself or to view a demonstration (with no chat integration and a fixed
 background color).
 
-_Note: The overlay is currently hard-coded to 1920x1080, and expects to be
-viewed in full-screen._
-
 # 🎲 Commands
 
 The following commands are available from the overlay's chat integration, with

diff --git a/html/constants.js b/html/constants.js
@@ -13,8 +13,8 @@ const constants = {
 	LABEL_SIZE: 20,
 	OAUTH_REDIRECT_URI: "",
 	OAUTH_URL: "",
-	SCREEN_HEIGHT: 1080,
-	SCREEN_WIDTH: 1920,
+	SCREEN_HEIGHT: window.innerHeight,
+	SCREEN_WIDTH: window.innerWidth,
 	STROKE_COLOR: "#000",
 	STROKE_THICKNESS: 6,
 	TIMEOUT_MAX: 5000,