ZephyrStudio
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 1 deletion b/‎.gitignore‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 11 additions & 3 deletions b/‎index.html‎
Lines changed: 11 additions & 3 deletions
diff --git a/‎logo/banner.png‎
-155 KB b/‎logo/banner.png‎
-155 KB
diff --git a/‎quickstart/app.js‎
Lines changed: 6 additions & 0 deletions b/‎quickstart/app.js‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎quickstart/assets/hitL.wav‎
80.8 KB b/‎quickstart/assets/hitL.wav‎
80.8 KB
diff --git a/‎quickstart/index.html‎
Lines changed: 2 additions & 2 deletions b/‎quickstart/index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎quickstart/default.css‎ ‎quickstart/style.css‎quickstart/default.css renamed to quickstart/style.css b/‎quickstart/default.css‎ ‎quickstart/style.css‎quickstart/default.css renamed to quickstart/style.css
@@ -3,4 +3,4 @@
 stable/*/
 nightly/*/
 .obsidian/
-logo/*
+checklist.md
@@ -12,10 +12,10 @@
 </head>
 
 <body>
-    <h1>ZephyrJS v22.10</h1>
+    <h1>ZephyrJS</h1>
     <p><strong>Expands <a href="https://github.com/pixijs/pixijs">PixiJS</a> for easy interactive projects!</strong></p>
 
-    <p class="pixi">Compatible with PixiJS v6.5.5!</p>
+    <p class="pixi" id="nightlyCompatible">Compatible with Pixi 6.5.7!</p>
 
     <h2>Tell Me Why</h2>
     <p>PixiJS on its own is very powerful, but a lot of work is needed to make it work for web-based interactive
@@ -41,10 +41,18 @@ <h2>Getting Started</h2>
     <p><code>&lt;script src="https://ottcs.github.io/ZephyrJS/nightly/zephyr.js"&gt;&lt;/script&gt;</code></p>
     <p>Please do bear in mind that things ARE likely to break in functionality, especially right after a new release of Pixi.</p>
 
+    <p>Looking for a starting point? Check out the quickstart!</p>
+    <p><a href="quickstart/index.html">View the quickstart</a></p>
+    <p><a href="quickstart/quickstart.zip">Download the quickstart</a></p>
+
     <h2>More</h2>
-    <p><a href="https://github.com/OttCS/ZephyrJS/">ZephyrJS Github</a><a href="https://github.com/OttCS/ZephyrJS/issues">Issues Page</a><a href="https://github.com/users/OttCS/projects/7">Project Board</a><a href="https://github.com/OttCS/ZephyrJS/discussions">Discussions Page</a></p>
+    <p><a href="https://github.com/OttCS/ZephyrJS/">ZephyrJS Github</a></p>
+    <p><a href="https://github.com/OttCS/ZephyrJS/issues">Issues Page</a></p>
+    <p><a href="https://github.com/users/OttCS/projects/7">Project Board</a></p>
+    <p><a href="https://github.com/OttCS/ZephyrJS/discussions">Discussions Page</a></p>
 
     <p>Thanks for using ZephyrJS &lt;3</p>
 </body>
 
+
 </html>
@@ -13,6 +13,8 @@ PIXI.Mouse.setContainer(app.view);
 
 PIXI.utils.TextureCache['assets/character.png'];
 
+const soundEffect = PIXI.Audio.from("assets/hitL.wav");
+
 const character = PIXI.Sprite.from('assets/character.png');
 character.anchor = { x: 0.5, y: 0.5 };
 character.vector = { x: 0, y: 0 };
@@ -48,6 +50,8 @@ app.ticker.add((deltaTime) => {
         character.x = PIXI.clamp(character.x, 0, app.view.width);
         character.vector.x *= -character.bounce;
         character.vector.y *= character.bounce;
+        if (Math.abs(character.vector.x) > 5)
+        soundEffect.play();
     }
 
     // Check if player is within vertical bounds
@@ -57,6 +61,8 @@ app.ticker.add((deltaTime) => {
         character.y = PIXI.clamp(character.y, 0, app.view.height);
         character.vector.x *= character.bounce;
         character.vector.y *= -character.bounce;
+        if (Math.abs(character.vector.y) > 5)
+            soundEffect.play();
     }
 
     // Adjust character position by the vector
 
@@ -3,13 +3,13 @@
 
 <head>
     <title>Physics</title>
-    <link rel="preload" as="style" href="default.css" onload="this.rel='stylesheet'">
+    <link rel="stylesheet" href="style.css">
     <script src="https://ottcs.github.io/ZephyrJS/nightly/pixi.js"></script>
     <script src="https://ottcs.github.io/ZephyrJS/nightly/zephyr.js"></script>
 </head>
 
 <body>
-    <script src="app.js"></script> <!-- Testing -->
+    <script src="app.js"></script>
 </body>
 
 </html>