From d7ea29632d1f1d08b713e01f663cdddad0cfc1ff Mon Sep 17 00:00:00 2001 From: Florrie Date: Thu, 9 Aug 2018 22:55:16 -0300 Subject: Sprite tweaks --- img/bg.kra | Bin 0 -> 548436 bytes img/bg.png | Bin 0 -> 7851 bytes img/char.kra | Bin 0 -> 487387 bytes img/char.png | Bin 0 -> 559 bytes index.html | 2 ++ index.js | 8 ++++---- 6 files changed, 6 insertions(+), 4 deletions(-) create mode 100644 img/bg.kra create mode 100644 img/bg.png create mode 100644 img/char.kra create mode 100644 img/char.png diff --git a/img/bg.kra b/img/bg.kra new file mode 100644 index 0000000..24b56d1 Binary files /dev/null and b/img/bg.kra differ diff --git a/img/bg.png b/img/bg.png new file mode 100644 index 0000000..22d1413 Binary files /dev/null and b/img/bg.png differ diff --git a/img/char.kra b/img/char.kra new file mode 100644 index 0000000..2d28b1a Binary files /dev/null and b/img/char.kra differ diff --git a/img/char.png b/img/char.png new file mode 100644 index 0000000..cc1d5de Binary files /dev/null and b/img/char.png differ diff --git a/index.html b/index.html index 5c636b0..50ee295 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,8 @@ body { font-family: 'pixel-font'; font-size: 5px; + background: black; + color: white; } canvas { diff --git a/index.js b/index.js index e7653d8..cbdd4fc 100644 --- a/index.js +++ b/index.js @@ -25,7 +25,7 @@ class Sprite { class Backdrop extends Sprite { constructor() { super() - this.image.src = 'img/weird-woods.png' + this.image.src = 'img/bg.png' } } @@ -199,7 +199,7 @@ class ActionMenu { if (effectiveLevel < maxLevel) { const ghostRectW = this.getRectW(maxLevel) ctx.fillStyle = 'rgba(255, 255, 255, 0.3)' - ctx.fillRect(1, y, ghostRectW, 9) + ctx.fillRect(1.5, y + 0.5, ghostRectW, 8) ctx.strokeStyle = 'rgba(0, 0, 0, 0.3)' ctx.strokeRect(1.5, y + 0.5, ghostRectW, 8) } @@ -279,7 +279,7 @@ class BattleCharacter extends Sprite { // Parts this.atbBar = new ATBBar(this) - this.image.src = 'img/cat1.png' + this.image.src = 'img/char.png' // State @@ -339,7 +339,7 @@ class Camera extends Sprite { const battleCharacter = new BattleCharacter() battleCharacter.x = 0 -battleCharacter.y = 80 +battleCharacter.y = 240 const atbBar = battleCharacter.atbBar //atbBar.queuedActions = [{label: 'Fire', size: 1}, {label: 'Blizz', size: 1}, {label: 'Zap', size: 1}, {label: 'Firaga', size: 3}] -- cgit 1.3.0-6-gf8a5