improve the playground demo

Author: luizbills

public/app.js

@@ -1,5 +1,5 @@
 const cacheName = "luizbills.litecanvas-editor-v1";
-const version = "2.24.1";
+const version = "2.24.2";
 
 const precacheResources = [
   "/",

public/sw.js

@@ -1,35 +1,37 @@
 export default () =>
   `// Welcome to litecanvas playground!
 // Learn more tapping on the question mark (?) above.
-// Also, join our discord community:
-// https://discord.com/invite/r2c3rGsvH3
+// Our discord: https://discord.com/invite/r2c3rGsvH3
 litecanvas()
 
+// this function run once
+// before the game starts
 function init() {
-  // this function run once
-  // before the game starts
   bg = 0
   color = 3
   radius = 32
   posx = CENTERX
   posy = CENTERY
+  speed = HEIGHT
 }
 
-// this function detect taps/clicks
-// and changes the circle position
+// this function detect touches/clicks
 function tapped(x, y) {
   posx = x
   posy = y
 }
 
 // this function controls the game logic
 function update(dt) {
-  // make the circle falls 100 pixels per second
-  posy += 100 * dt
+  posy += speed * dt
+  if (posy > HEIGHT - radius) {
+    posy = HEIGHT - radius
+  }
 }
 
 // this function render the game scene
 function draw() {
   cls(bg) // clear the screen
   circfill(posx, posy, radius, color) // draw a circle
-}\n`;
+}
+`;