Enhance demo examples and update changelog

- Added basic demo and simple example scripts for the Owen Animation System. - Created an interactive HTML demo with controls for state transitions and message handling. - Updated the changelog to reflect new features and improvements. - Modified package.json to include a separate development script for hosting.
2025-05-24 03:40:17 +02:00
parent 52f5a204c4
commit 472de05e4b
6 changed files with 666 additions and 17 deletions
--- a/examples/basic-demo/index.html
+++ b/examples/basic-demo/index.html
@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Owen Animation System - Basic Demo</title>
+    <style>
+      body {
+        margin: 0;
+        overflow: hidden;
+        background: #1a1a1a;
+        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+      }
+
+      #loading {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        color: white;
+        font-size: 18px;
+        z-index: 1000;
+      }
+
+      .hidden {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="loading">Loading Owen Animation System...</div>
+
+    <script type="module">
+      import "./basic-demo.js";
+
+      // Hide loading screen after a short delay
+      setTimeout(() => {
+        const loading = document.getElementById("loading");
+        if (loading) {
+          loading.classList.add("hidden");
+        }
+      }, 3000);
+    </script>
+  </body>
+</html>