feat(backgrounds): add tile

README.md

@@ -7,7 +7,7 @@
 ![release](https://img.shields.io/github/v/release/remarkablegames/kiki-and-boba)
 [![build](https://github.com/remarkablegames/kiki-and-boba/actions/workflows/build.yml/badge.svg)](https://github.com/remarkablegames/kiki-and-boba/actions/workflows/build.yml)
 
-💦 Capture the enemies with your bubbles!
+💦 Shoot your bubbles at enemies!
 
 Play the game on:
 

index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="💦 Capture the enemies with your bubbles!" />
+    <meta name="description" content="💦 Shoot your bubbles at enemies!" />
     <meta
       property="og:image"
       content="https://remarkablegames.org/kiki-and-boba/logo.png"
@@ -46,7 +46,7 @@
 
     <script type="module">
       import kaplay from 'kaplay'
-      kaplay()
+      kaplay({ background: [0, 0, 0, 0] })
     </script>
     <script type="module" src="src/index.ts"></script>
 

src/scenes/index.ts

@@ -5,8 +5,6 @@ import './title'
 
 import { Scene } from '../constants'
 
-setBackground(254, 197, 229)
-
 export function start() {
   go(Scene.Preload)
 }

src/scenes/preload.ts

@@ -61,15 +61,7 @@ scene(Scene.Preload, () => {
   ]
 
   sprites.forEach(([name, src]) => {
-    loadSprite(name, src, {
-      anims: {
-        [Animation.Idle]: 0,
-        [Animation.Move]: 0,
-        [Animation.Attack]: 0,
-        [Animation.Cooldown]: 0,
-        [Animation.Stunned]: 0,
-      },
-    })
+    loadSprite(name, src)
   })
 
   loadSprite(Sprite.Kiki, 'sprites/kiki.png', {

src/style.css

@@ -10,3 +10,8 @@ body {
   height: 100%;
   overflow: hidden;
 }
+
+body {
+  background-image: url('/backgrounds/tile.png');
+  background-repeat: repeat;
+}