From 8cc065aa47f537af7b29f0ab4b3e7910b8651ce7 Mon Sep 17 00:00:00 2001 From: Mark Date: Sun, 26 Jan 2025 00:34:04 -0500 Subject: [PATCH] feat(backgrounds): add tile --- README.md | 2 +- index.html | 4 ++-- public/backgrounds/tile.png | Bin 0 -> 6331 bytes src/scenes/index.ts | 2 -- src/scenes/preload.ts | 10 +--------- src/style.css | 5 +++++ 6 files changed, 9 insertions(+), 14 deletions(-) create mode 100644 public/backgrounds/tile.png diff --git a/README.md b/README.md index a23afaa..f8bea39 100644 --- a/README.md +++ b/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: diff --git a/index.html b/index.html index 301f488..9c3848d 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - + import kaplay from 'kaplay' - kaplay() + kaplay({ background: [0, 0, 0, 0] }) diff --git a/public/backgrounds/tile.png b/public/backgrounds/tile.png new file mode 100644 index 0000000000000000000000000000000000000000..f57570518112cf2697bea960e3f6dbedbd4cbac8 GIT binary patch literal 6331 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 literal 0 HcmV?d00001 diff --git a/src/scenes/index.ts b/src/scenes/index.ts index 364c60b..1cbc705 100644 --- a/src/scenes/index.ts +++ b/src/scenes/index.ts @@ -5,8 +5,6 @@ import './title' import { Scene } from '../constants' -setBackground(254, 197, 229) - export function start() { go(Scene.Preload) } diff --git a/src/scenes/preload.ts b/src/scenes/preload.ts index e3aaece..d81a80d 100644 --- a/src/scenes/preload.ts +++ b/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', { diff --git a/src/style.css b/src/style.css index fafbbaf..9153b30 100644 --- a/src/style.css +++ b/src/style.css @@ -10,3 +10,8 @@ body { height: 100%; overflow: hidden; } + +body { + background-image: url('/backgrounds/tile.png'); + background-repeat: repeat; +}