Numbers and better rectangles

213 files changed, 164 insertions, 84 deletions

diff --git a/src/Events.ts b/src/Events.ts
index 7975fe3..d85e1c1 100644
--- a/src/Events.ts
+++ b/src/Events.ts
@@ -12,7 +12,7 @@ export const keys = {
   down: false,
   fire: false,
   repeat: false,
-  fps: 50,
+  fps: 40,
 }
 
 // window.onkeydown = window.onkeydown ?? ((e: KeyboardEvent) => e.repeat ? keys.fire = false : setKey(e.key, true))
diff --git a/src/Highscore.ts b/src/Highscore.ts
index f823393..563c16c 100644
--- a/src/Highscore.ts
+++ b/src/Highscore.ts
@@ -50,9 +50,14 @@ export default class Highscore extends Drawable {
     while (x < 275) { ctx.drawImage(IMGS.font.yellow['-'], x, y); x += this.dx / 2; }
     x = 17;
     y += this.dy;
-    const botTxt = ['a', 't', 'h', ' ', 'a', 'b', 'c', 'd', 'e', 'f', 'g', ' ', ...this.name, ' ', 'z', 'y'];
+    const botTxt = ['2', 't', 'h', ' ', '0', '0', '0', '0', '7', '5', '9', ' ', ...this.name, ' ', 'z', 'y'];
     for (let char of botTxt) {
+      try {
       ctx.drawImage(IMGS.font.yellow[char], x, y);
+
+      } catch(e) {
+        debugger
+      }
       x += this.dx / 2;
     }
   }
diff --git a/src/Images.ts b/src/Images.ts
index f0e1ba0..a6bc1e0 100644
--- a/src/Images.ts
+++ b/src/Images.ts
@@ -2,7 +2,7 @@
 //   "/src/imgs/bg2.png",
 //   "/src/imgs/topbar.png",
 // ];
-import { alphabet } from "./consts";
+import { allChars } from "./consts";
 import { toKebabCase } from "./helpers";
 
 export const IMGS = {
@@ -27,9 +27,19 @@ export const IMGS = {
   bigCircleLeftToDown1: {} as HTMLImageElement,
   bigCircleLeftToDown2: {} as HTMLImageElement,
   bigCircleLeftToDown3: {} as HTMLImageElement,
+  simpleDown: {} as HTMLImageElement,
+  simpleRot1: {} as HTMLImageElement,
+  simpleRot2: {} as HTMLImageElement,
+  simpleRot3: {} as HTMLImageElement,
+  simpleRot4: {} as HTMLImageElement,
+  simpleUp: {} as HTMLImageElement, // po 4 klatki na sprite
   font: {
     white: {} as any,
     yellow: {} as any,
+    blue: {} as any,
+    red: {} as any,
+    green: {} as any,
+    purple: {} as any,
     ' ': {} as HTMLImageElement,
   },
   selector: {} as HTMLImageElement,
@@ -42,7 +52,7 @@ export default async function loadAllImages() {
     IMGS[key as keyof typeof IMGS] = await asyncImageLoader("/src/imgs/" + toKebabCase(key) + ".png") as any
   }
   for (const color of ['yellow', 'white']) {
-    for (const char of [...alphabet]) {
+    for (const char of allChars) {
       (((IMGS.font as any)[color] as any)[char]) = await asyncImageLoader("/src/imgs/font/" + color + "/" + encodeURIComponent(char) + ".png") as any
     }
   }
diff --git a/src/consts.ts b/src/consts.ts
index 5893b85..317aa9a 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -10,3 +10,4 @@ export const TOPBAR_HEIGHT = 24; // ms
 
 export const FPS = 1;
 export const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '.', '-', '&', '?', '!', 'man', 'woman', 'heart', 'rv', 'ed']
+export const allChars = [...alphabet, '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
diff --git a/src/enemies/BigCircle.ts b/src/enemies/BigCircle.ts
index 3a5506c..233491d 100644
--- a/src/enemies/BigCircle.ts
+++ b/src/enemies/BigCircle.ts
@@ -1,6 +1,6 @@
 import { canvas } from "../consts";
-// import { keys } from "../Events";
 import { Rectangle } from "../Drawable";
+import { keys } from "../Events";
 import { IMGS } from "../Images";
 import Enemy from "./Enemy";
 
@@ -8,18 +8,10 @@ export default class BigCircle extends Enemy {
   width = 48
   height = 40
   sprite: HTMLImageElement | string = IMGS.bigCircleDown;
-  sprites = ["pink", "red", "blue", "green", "black", "white"]
-  vel = 1.8
+  vel = 2
 
   phase = 0;
 
-  squares: Rectangle[] = [
-    // new Rectangle(this.x, this.y, this.width, this.height),
-    new Rectangle(this, 14, 0, 20, 8),
-    new Rectangle(this, 20, 7, 8, 12),
-    new Rectangle(this, 0, 20, 48, 20),
-  ]
-
   counter = 0;
   move() {
     if (this.sprite instanceof HTMLImageElement && this.sprite.src == null) this.sprite = IMGS.bigCircleDown
@@ -30,120 +22,191 @@ export default class BigCircle extends Enemy {
 
     switch (this.phase) {
       case 0:
+        this.squares = this.allSqaures.bigCircleDown;
         yShift = this.vel;
         // if (this.y2 > 124) { this.phase++; keys.fps = 1 }
         if (this.y2 > 124) this.phase++
         break;
       case 1:
+        keys.fps = 1
         this.sprite = IMGS.bigCircleDownToRight1;
-        // this.squares = [new Rectangle(this.x, this.y, this.width, this.height)]
+        this.squares = this.allSqaures.bigCircleDownToRight1;
+        this.counter = 0;
         this.phase++;
         break;
       case 2:
         yShift = this.vel;
         xShift = this.vel;
-        this.phase++;
+        if (this.counter++ === 3) this.phase++;
         break;
       case 3:
         this.sprite = IMGS.bigCircleDownToRight2;
-        // this.squares = [new Rectangle(this.x, this.y, this.width, this.height)]
+        this.squares = this.allSqaures.bigCircleDownToRight2;
         this.counter = 0;
         this.phase++;
         break;
       case 4:
         xShift = this.vel;
         yShift = this.vel;
-        if (this.counter++ === 1) this.phase++;
+        if (this.counter++ === 3) this.phase++;
         break;
       case 5:
         this.sprite = IMGS.bigCircleDownToRight3;
-        // this.squares = [new Rectangle(this.x, this.y, this.width, this.height)]
+        this.squares = this.allSqaures.bigCircleDownToRight3;
+        this.counter = 0;
         this.phase++;
         break;
       case 6:
         xShift = this.vel;
         yShift = this.vel;
-        this.phase++;
+        if (this.counter++ === 3) this.phase++;
         break;
       case 7:
         this.sprite = IMGS.bigCircleRight;
-        // width = 48
-        // height = 40
-        this.squares[0].change(0, 14, 8, 16);
-        this.squares[1].change(0, 18, 44, 8);
-        this.squares[2].change(22, 0, 14, 43);
-        // new Rectangle(this.x + 20, this.y + 7, 8, 12),
-        // new Rectangle(this.x, this.y + 20, 48, 20),
+        this.squares = this.allSqaures.bigCircleRight;
         this.phase++;
         break;
       case 8:
+        keys.fps = 50
         xShift = this.vel;
+        if(this.x2 > 184) this.phase++;
+        break;
+      case 9:
+        keys.fps = 1
+        this.sprite = IMGS.bigCircleRightToUp1; 
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 10:
+        xShift = this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 11:
+        this.sprite = IMGS.bigCircleRightToUp2; 
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 12:
+        xShift = this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 13:
+        this.sprite = IMGS.bigCircleRightToUp3; 
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 14:
+        xShift = this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 15:
+        this.sprite = IMGS.bigCircleUp; 
+        this.phase++;
+        break;
+      case 16:
+        yShift = -this.vel;
+        if(this.y < 50) this.phase++;
+        break;
+        // uptoleft at 77 + 24 + ~8
+        // leftToDown at 268
+      case 17:
+        this.sprite = IMGS.bigCircleUpToLeft1;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 18:
+        xShift = -this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 19:
+        this.sprite = IMGS.bigCircleUpToLeft2;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 20:
+        xShift = -this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 21:
+        this.sprite = IMGS.bigCircleUpToLeft3;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 22:
+        xShift = -this.vel
+        yShift = -this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 23:
+        this.sprite = IMGS.bigCircleLeft;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 24:
+        xShift = -this.vel
+        if (this.x < 49) this.phase++;
+        break;
+      case 25:
+        this.sprite = IMGS.bigCircleLeftToDown1;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 26:
+        xShift = -this.vel
+        yShift = this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 27:
+        this.sprite = IMGS.bigCircleLeftToDown2;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 28:
+        xShift = -this.vel
+        yShift = this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 29:
+        this.sprite = IMGS.bigCircleLeftToDown3;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 30:
+        xShift = -this.vel
+        yShift = this.vel
+        if (this.counter++ === 3) this.phase++;
+        break;
+      case 31:
+        this.sprite = IMGS.bigCircleDown;
+        this.phase++;
+        this.counter = 0;
+        break;
+      case 32:
+        yShift = this.vel
+        // yShift = this.vel
+        // if (this.counter++ === 3) this.phase++;
         break;
-      // case 4:
-      //   // this.sprite = this.sprites[3];
-      //   xShift = this.vel;
-      //   yShift = this.vel;
-      //   if (this.y2 > 160) this.phase++;
-      //   break;
-      // case 5:
-      //   // this.sprite = this.sprites[0];
-      //   xShift = this.vel;
-      //   if (this.x2 > 150) this.phase++;
-      //   break;
-      // case 6:
-      //   // this.sprite = this.sprites[1];
-      //   yShift = -this.vel;
-      //   xShift = this.vel;
-      //   if (this.x2 > 220) this.phase++;
-      //   break;
-      // case 7:
-      //   // this.sprite = this.sprites[2];
-      //   yShift = -this.vel;
-      //   xShift = this.vel;
-      //   if (this.x2 > 240) this.phase++;
-      //   break;
-      // case 8:
-      //   // this.sprite = this.sprites[3];
-      //   yShift = -this.vel;
-      //   xShift = this.vel;
-      //   if (this.x2 > 260) this.phase++;
-      //   break;
-      // case 9:
-      //   // this.sprite = this.sprites[0];
-      //   yShift = -this.vel;
-      //   if (this.y < 50) this.phase++;
-      //   break;
-      // case 10:
-      //   yShift = -this.vel
-
       default:
         break;
     }
 
-    // if (this.y > 80 && this.phase === 0) this.phase++;
-    // else if (this.x > 40) this.phase++;
-
-    // if (this.x === 25 && this.y < 100) {
-    //   yShift = this.vel
-    // } else if (this.y.toFixed(0) === '101' && this.x < 200) {
-    //   xShift = this.vel
-    // } else if (this.y > 20) {
-    //   yShift = -this.vel;
-    // } else if (this.x > 25) {
-    //   xShift = -this.vel;
-    // } else {
-    //   yShift = this.vel;
-    // }
-
     this.x += xShift;
     this.y += yShift;
-    // for (const s of this.squares) {
-    //   s.x += xShift;
-    //   s.y += yShift;
-    // }
-
     return this.x2 < 0 || this.y2 < 0 || this.x > canvas.width || this.y > canvas.height
   }
 
+  readonly allSqaures = {
+     bigCircleDown: [new Rectangle(this, 14, 0, 20, 8), new Rectangle(this, 20, 0, 8, 40), new Rectangle(this, 0, 22, 48, 12)],
+     bigCircleDownToRight1: [new Rectangle(this, 4, 0, 14, 16), new Rectangle(this, 14, 10, 24, 20), new Rectangle(this, 0, 20, 24, 20)],
+     bigCircleDownToRight2: [new Rectangle(this, 0, 0, 14, 14), new Rectangle(this, 14, 14, 22, 22), new Rectangle(this, 28, 6, 14, 14), new Rectangle(this, 8, 28, 12, 14)],
+     bigCircleDownToRight3: [new Rectangle(this, 0, 2, 10, 22), new Rectangle(this, 10, 12, 30, 8), new Rectangle(this, 26, 0, 16, 12), new Rectangle(this, 18, 20, 24, 10), new Rectangle(this, 14, 30, 16, 12)],
+     bigCircleRight: [ new Rectangle(this, 0, 14, 8, 16), new Rectangle(this, 0, 18, 44, 8), new Rectangle(this, 22, 0, 14, 43), ],
+  };
+
 }
 
diff --git a/src/game.ts b/src/game.ts
index fafa0ee..6a09871 100644
--- a/src/game.ts
+++ b/src/game.ts
@@ -56,6 +56,7 @@ export function cpuLoop() {
   // const collidingEnemy = enemies.filter(e => p.collides(e));
   // const collidingBullets = bullets.filter(b => p.collides(b));
   // if (collidingBullets.length || collidingEnemy.length) playerDied(collidingEnemy[0])
+  // playerDied({} as Enemy)
   setTimeout(cpuLoop, 1000 / keys.fps)
 }
 
diff --git a/src/imgs/font/blue/!.png b/src/imgs/font/blue/!.png
new file mode 100644
index 0000000..e48710d
--- /dev/null
+++ b/src/imgs/font/blue/!.png
diff --git a/src/imgs/font/blue/&.png b/src/imgs/font/blue/&.png
new file mode 100644
index 0000000..36db690
--- /dev/null
+++ b/src/imgs/font/blue/&.png
diff --git a/src/imgs/font/blue/-.png b/src/imgs/font/blue/-.png
new file mode 100644
index 0000000..c5d0edf
--- /dev/null
+++ b/src/imgs/font/blue/-.png
diff --git a/src/imgs/font/blue/0.png b/src/imgs/font/blue/0.png
new file mode 100644
index 0000000..6339511
--- /dev/null
+++ b/src/imgs/font/blue/0.png
diff --git a/src/imgs/font/blue/1.png b/src/imgs/font/blue/1.png
new file mode 100644
index 0000000..165e2d4
--- /dev/null
+++ b/src/imgs/font/blue/1.png
diff --git a/src/imgs/font/blue/2.png b/src/imgs/font/blue/2.png
new file mode 100644
index 0000000..755180d
--- /dev/null
+++ b/src/imgs/font/blue/2.png
diff --git a/src/imgs/font/blue/3.png b/src/imgs/font/blue/3.png
new file mode 100644
index 0000000..ea439c9
--- /dev/null
+++ b/src/imgs/font/blue/3.png
diff --git a/src/imgs/font/blue/4.png b/src/imgs/font/blue/4.png
new file mode 100644
index 0000000..6d54a08
--- /dev/null
+++ b/src/imgs/font/blue/4.png
diff --git a/src/imgs/font/blue/5.png b/src/imgs/font/blue/5.png
new file mode 100644
index 0000000..54cca17
--- /dev/null
+++ b/src/imgs/font/blue/5.png
diff --git a/src/imgs/font/blue/6.png b/src/imgs/font/blue/6.png
new file mode 100644
index 0000000..c0c8b86
--- /dev/null
+++ b/src/imgs/font/blue/6.png
diff --git a/src/imgs/font/blue/7.png b/src/imgs/font/blue/7.png
new file mode 100644
index 0000000..3473aea
--- /dev/null
+++ b/src/imgs/font/blue/7.png
diff --git a/src/imgs/font/blue/8.png b/src/imgs/font/blue/8.png
new file mode 100644
index 0000000..bd1899a
--- /dev/null
+++ b/src/imgs/font/blue/8.png
diff --git a/src/imgs/font/blue/9.png b/src/imgs/font/blue/9.png
new file mode 100644
index 0000000..97e2b78
--- /dev/null
+++ b/src/imgs/font/blue/9.png
diff --git a/src/imgs/font/blue/?.png b/src/imgs/font/blue/?.png
new file mode 100644
index 0000000..1c33580
--- /dev/null
+++ b/src/imgs/font/blue/?.png
diff --git a/src/imgs/font/blue/_.png b/src/imgs/font/blue/_.png
new file mode 100644
index 0000000..5651777
--- /dev/null
+++ b/src/imgs/font/blue/_.png
diff --git a/src/imgs/font/blue/a.png b/src/imgs/font/blue/a.png
new file mode 100644
index 0000000..0b54948
--- /dev/null
+++ b/src/imgs/font/blue/a.png
diff --git a/src/imgs/font/blue/b.png b/src/imgs/font/blue/b.png
new file mode 100644
index 0000000..416eb47
--- /dev/null
+++ b/src/imgs/font/blue/b.png
diff --git a/src/imgs/font/blue/c.png b/src/imgs/font/blue/c.png
new file mode 100644
index 0000000..8987216
--- /dev/null
+++ b/src/imgs/font/blue/c.png
diff --git a/src/imgs/font/blue/d.png b/src/imgs/font/blue/d.png
new file mode 100644
index 0000000..9eadc3f
--- /dev/null
+++ b/src/imgs/font/blue/d.png
diff --git a/src/imgs/font/blue/e.png b/src/imgs/font/blue/e.png
new file mode 100644
index 0000000..fe708e1
--- /dev/null
+++ b/src/imgs/font/blue/e.png
diff --git a/src/imgs/font/blue/ed.png b/src/imgs/font/blue/ed.png
new file mode 100644
index 0000000..286fc5f
--- /dev/null
+++ b/src/imgs/font/blue/ed.png
diff --git a/src/imgs/font/blue/f.png b/src/imgs/font/blue/f.png
new file mode 100644
index 0000000..1110f29
--- /dev/null
+++ b/src/imgs/font/blue/f.png
diff --git a/src/imgs/font/blue/g.png b/src/imgs/font/blue/g.png
new file mode 100644
index 0000000..b99d3d2
--- /dev/null
+++ b/src/imgs/font/blue/g.png
diff --git a/src/imgs/font/blue/h.png b/src/imgs/font/blue/h.png
new file mode 100644
index 0000000..2ffeeed
--- /dev/null
+++ b/src/imgs/font/blue/h.png
diff --git a/src/imgs/font/blue/heart.png b/src/imgs/font/blue/heart.png
new file mode 100644
index 0000000..11bc5b7
--- /dev/null
+++ b/src/imgs/font/blue/heart.png
diff --git a/src/imgs/font/blue/i.png b/src/imgs/font/blue/i.png
new file mode 100644
index 0000000..d0b1973
--- /dev/null
+++ b/src/imgs/font/blue/i.png
diff --git a/src/imgs/font/blue/j.png b/src/imgs/font/blue/j.png
new file mode 100644
index 0000000..424eb00
--- /dev/null
+++ b/src/imgs/font/blue/j.png
diff --git a/src/imgs/font/blue/k.png b/src/imgs/font/blue/k.png
new file mode 100644
index 0000000..2e9b430
--- /dev/null
+++ b/src/imgs/font/blue/k.png
diff --git a/src/imgs/font/blue/l.png b/src/imgs/font/blue/l.png
new file mode 100644
index 0000000..0786080
--- /dev/null
+++ b/src/imgs/font/blue/l.png
diff --git a/src/imgs/font/blue/m.png b/src/imgs/font/blue/m.png
new file mode 100644
index 0000000..f276c7e
--- /dev/null
+++ b/src/imgs/font/blue/m.png
diff --git a/src/imgs/font/blue/man.png b/src/imgs/font/blue/man.png
new file mode 100644
index 0000000..42aa085
--- /dev/null
+++ b/src/imgs/font/blue/man.png
diff --git a/src/imgs/font/blue/n.png b/src/imgs/font/blue/n.png
new file mode 100644
index 0000000..e72f503
--- /dev/null
+++ b/src/imgs/font/blue/n.png
diff --git a/src/imgs/font/blue/o.png b/src/imgs/font/blue/o.png
new file mode 100644
index 0000000..c36877a
--- /dev/null
+++ b/src/imgs/font/blue/o.png
diff --git a/src/imgs/font/blue/p.png b/src/imgs/font/blue/p.png
new file mode 100644
index 0000000..35e062c
--- /dev/null
+++ b/src/imgs/font/blue/p.png
diff --git a/src/imgs/font/blue/q.png b/src/imgs/font/blue/q.png
new file mode 100644
index 0000000..0c6c068
--- /dev/null
+++ b/src/imgs/font/blue/q.png
diff --git a/src/imgs/font/blue/r.png b/src/imgs/font/blue/r.png
new file mode 100644
index 0000000..852090d
--- /dev/null
+++ b/src/imgs/font/blue/r.png
diff --git a/src/imgs/font/blue/rv.png b/src/imgs/font/blue/rv.png
new file mode 100644
index 0000000..bb7f1ba
--- /dev/null
+++ b/src/imgs/font/blue/rv.png
diff --git a/src/imgs/font/blue/s.png b/src/imgs/font/blue/s.png
new file mode 100644
index 0000000..6086c13
--- /dev/null
+++ b/src/imgs/font/blue/s.png
diff --git a/src/imgs/font/blue/t.png b/src/imgs/font/blue/t.png
new file mode 100644
index 0000000..c5d84dd
--- /dev/null
+++ b/src/imgs/font/blue/t.png
diff --git a/src/imgs/font/blue/u.png b/src/imgs/font/blue/u.png
new file mode 100644
index 0000000..ae8f392
--- /dev/null
+++ b/src/imgs/font/blue/u.png
diff --git a/src/imgs/font/blue/v.png b/src/imgs/font/blue/v.png
new file mode 100644
index 0000000..4668c1e
--- /dev/null
+++ b/src/imgs/font/blue/v.png
diff --git a/src/imgs/font/blue/w.png b/src/imgs/font/blue/w.png
new file mode 100644
index 0000000..96f5361
--- /dev/null
+++ b/src/imgs/font/blue/w.png
diff --git a/src/imgs/font/blue/woman.png b/src/imgs/font/blue/woman.png
new file mode 100644
index 0000000..b3b8926
--- /dev/null
+++ b/src/imgs/font/blue/woman.png
diff --git a/src/imgs/font/blue/x.png b/src/imgs/font/blue/x.png
new file mode 100644
index 0000000..5e0f698
--- /dev/null
+++ b/src/imgs/font/blue/x.png
diff --git a/src/imgs/font/blue/y.png b/src/imgs/font/blue/y.png
new file mode 100644
index 0000000..91b102d
--- /dev/null
+++ b/src/imgs/font/blue/y.png
diff --git a/src/imgs/font/blue/z.png b/src/imgs/font/blue/z.png
new file mode 100644
index 0000000..e6e940f
--- /dev/null
+++ b/src/imgs/font/blue/z.png
diff --git a/src/imgs/font/green/!.png b/src/imgs/font/green/!.png
new file mode 100644
index 0000000..658e340
--- /dev/null
+++ b/src/imgs/font/green/!.png
diff --git a/src/imgs/font/green/&.png b/src/imgs/font/green/&.png
new file mode 100644
index 0000000..c74bd2e
--- /dev/null
+++ b/src/imgs/font/green/&.png
diff --git a/src/imgs/font/green/-.png b/src/imgs/font/green/-.png
new file mode 100644
index 0000000..dcb2186
--- /dev/null
+++ b/src/imgs/font/green/-.png
diff --git a/src/imgs/font/green/0.png b/src/imgs/font/green/0.png
new file mode 100644
index 0000000..978698b
--- /dev/null
+++ b/src/imgs/font/green/0.png
diff --git a/src/imgs/font/green/1.png b/src/imgs/font/green/1.png
new file mode 100644
index 0000000..d7dd3e5
--- /dev/null
+++ b/src/imgs/font/green/1.png
diff --git a/src/imgs/font/green/2.png b/src/imgs/font/green/2.png
new file mode 100644
index 0000000..42d1d53
--- /dev/null
+++ b/src/imgs/font/green/2.png
diff --git a/src/imgs/font/green/3.png b/src/imgs/font/green/3.png
new file mode 100644
index 0000000..7aee781
--- /dev/null
+++ b/src/imgs/font/green/3.png
diff --git a/src/imgs/font/green/4.png b/src/imgs/font/green/4.png
new file mode 100644
index 0000000..cec24c5
--- /dev/null
+++ b/src/imgs/font/green/4.png
diff --git a/src/imgs/font/green/5.png b/src/imgs/font/green/5.png
new file mode 100644
index 0000000..8e8b52d
--- /dev/null
+++ b/src/imgs/font/green/5.png
diff --git a/src/imgs/font/green/6.png b/src/imgs/font/green/6.png
new file mode 100644
index 0000000..d033e95
--- /dev/null
+++ b/src/imgs/font/green/6.png
diff --git a/src/imgs/font/green/7.png b/src/imgs/font/green/7.png
new file mode 100644
index 0000000..333744b
--- /dev/null
+++ b/src/imgs/font/green/7.png
diff --git a/src/imgs/font/green/8.png b/src/imgs/font/green/8.png
new file mode 100644
index 0000000..093d360
--- /dev/null
+++ b/src/imgs/font/green/8.png
diff --git a/src/imgs/font/green/9.png b/src/imgs/font/green/9.png
new file mode 100644
index 0000000..f24c7ff
--- /dev/null
+++ b/src/imgs/font/green/9.png
diff --git a/src/imgs/font/green/?.png b/src/imgs/font/green/?.png
new file mode 100644
index 0000000..662a996
--- /dev/null
+++ b/src/imgs/font/green/?.png
diff --git a/src/imgs/font/green/_.png b/src/imgs/font/green/_.png
new file mode 100644
index 0000000..798b4bd
--- /dev/null
+++ b/src/imgs/font/green/_.png
diff --git a/src/imgs/font/green/a.png b/src/imgs/font/green/a.png
new file mode 100644
index 0000000..108e652
--- /dev/null
+++ b/src/imgs/font/green/a.png
diff --git a/src/imgs/font/green/b.png b/src/imgs/font/green/b.png
new file mode 100644
index 0000000..33a0c21
--- /dev/null
+++ b/src/imgs/font/green/b.png
diff --git a/src/imgs/font/green/c.png b/src/imgs/font/green/c.png
new file mode 100644
index 0000000..28eddf4
--- /dev/null
+++ b/src/imgs/font/green/c.png
diff --git a/src/imgs/font/green/d.png b/src/imgs/font/green/d.png
new file mode 100644
index 0000000..1503d2d
--- /dev/null
+++ b/src/imgs/font/green/d.png
diff --git a/src/imgs/font/green/e.png b/src/imgs/font/green/e.png
new file mode 100644
index 0000000..34db375
--- /dev/null
+++ b/src/imgs/font/green/e.png
diff --git a/src/imgs/font/green/ed.png b/src/imgs/font/green/ed.png
new file mode 100644
index 0000000..cbd7977
--- /dev/null
+++ b/src/imgs/font/green/ed.png
diff --git a/src/imgs/font/green/f.png b/src/imgs/font/green/f.png
new file mode 100644
index 0000000..4d249b5
--- /dev/null
+++ b/src/imgs/font/green/f.png
diff --git a/src/imgs/font/green/g.png b/src/imgs/font/green/g.png
new file mode 100644
index 0000000..5bb4b94
--- /dev/null
+++ b/src/imgs/font/green/g.png
diff --git a/src/imgs/font/green/h.png b/src/imgs/font/green/h.png
new file mode 100644
index 0000000..ae1c041
--- /dev/null
+++ b/src/imgs/font/green/h.png
diff --git a/src/imgs/font/green/heart.png b/src/imgs/font/green/heart.png
new file mode 100644
index 0000000..1f5b83c
--- /dev/null
+++ b/src/imgs/font/green/heart.png
diff --git a/src/imgs/font/green/i.png b/src/imgs/font/green/i.png
new file mode 100644
index 0000000..066f59a
--- /dev/null
+++ b/src/imgs/font/green/i.png
diff --git a/src/imgs/font/green/j.png b/src/imgs/font/green/j.png
new file mode 100644
index 0000000..f66ff6d
--- /dev/null
+++ b/src/imgs/font/green/j.png
diff --git a/src/imgs/font/green/k.png b/src/imgs/font/green/k.png
new file mode 100644
index 0000000..e3f2b83
--- /dev/null
+++ b/src/imgs/font/green/k.png
diff --git a/src/imgs/font/green/l.png b/src/imgs/font/green/l.png
new file mode 100644
index 0000000..dab44f6
--- /dev/null
+++ b/src/imgs/font/green/l.png
diff --git a/src/imgs/font/green/m.png b/src/imgs/font/green/m.png
new file mode 100644
index 0000000..317998f
--- /dev/null
+++ b/src/imgs/font/green/m.png
diff --git a/src/imgs/font/green/man.png b/src/imgs/font/green/man.png
new file mode 100644
index 0000000..e371107
--- /dev/null
+++ b/src/imgs/font/green/man.png
diff --git a/src/imgs/font/green/n.png b/src/imgs/font/green/n.png
new file mode 100644
index 0000000..3ca2b27
--- /dev/null
+++ b/src/imgs/font/green/n.png
diff --git a/src/imgs/font/green/o.png b/src/imgs/font/green/o.png
new file mode 100644
index 0000000..99ed533
--- /dev/null
+++ b/src/imgs/font/green/o.png
diff --git a/src/imgs/font/green/p.png b/src/imgs/font/green/p.png
new file mode 100644
index 0000000..a5406d6
--- /dev/null
+++ b/src/imgs/font/green/p.png
diff --git a/src/imgs/font/green/q.png b/src/imgs/font/green/q.png
new file mode 100644
index 0000000..8c20496
--- /dev/null
+++ b/src/imgs/font/green/q.png
diff --git a/src/imgs/font/green/r.png b/src/imgs/font/green/r.png
new file mode 100644
index 0000000..6c23f3f
--- /dev/null
+++ b/src/imgs/font/green/r.png
diff --git a/src/imgs/font/green/rv.png b/src/imgs/font/green/rv.png
new file mode 100644
index 0000000..b4d77eb
--- /dev/null
+++ b/src/imgs/font/green/rv.png
diff --git a/src/imgs/font/green/s.png b/src/imgs/font/green/s.png
new file mode 100644
index 0000000..9a4e123
--- /dev/null
+++ b/src/imgs/font/green/s.png
diff --git a/src/imgs/font/green/t.png b/src/imgs/font/green/t.png
new file mode 100644
index 0000000..c40d6b6
--- /dev/null
+++ b/src/imgs/font/green/t.png
diff --git a/src/imgs/font/green/u.png b/src/imgs/font/green/u.png
new file mode 100644
index 0000000..586d5e3
--- /dev/null
+++ b/src/imgs/font/green/u.png
diff --git a/src/imgs/font/green/v.png b/src/imgs/font/green/v.png
new file mode 100644
index 0000000..35acd3f
--- /dev/null
+++ b/src/imgs/font/green/v.png
diff --git a/src/imgs/font/green/w.png b/src/imgs/font/green/w.png
new file mode 100644
index 0000000..eb4d460
--- /dev/null
+++ b/src/imgs/font/green/w.png
diff --git a/src/imgs/font/green/woman.png b/src/imgs/font/green/woman.png
new file mode 100644
index 0000000..cbc562c
--- /dev/null
+++ b/src/imgs/font/green/woman.png
diff --git a/src/imgs/font/green/x.png b/src/imgs/font/green/x.png
new file mode 100644
index 0000000..d2ad05d
--- /dev/null
+++ b/src/imgs/font/green/x.png
diff --git a/src/imgs/font/green/y.png b/src/imgs/font/green/y.png
new file mode 100644
index 0000000..f2b4a4c
--- /dev/null
+++ b/src/imgs/font/green/y.png
diff --git a/src/imgs/font/green/z.png b/src/imgs/font/green/z.png
new file mode 100644
index 0000000..e4668f2
--- /dev/null
+++ b/src/imgs/font/green/z.png
diff --git a/src/imgs/font/purple/!.png b/src/imgs/font/purple/!.png
new file mode 100644
index 0000000..3562c8a
--- /dev/null
+++ b/src/imgs/font/purple/!.png
diff --git a/src/imgs/font/purple/&.png b/src/imgs/font/purple/&.png
new file mode 100644
index 0000000..5e75aa2
--- /dev/null
+++ b/src/imgs/font/purple/&.png
diff --git a/src/imgs/font/purple/-.png b/src/imgs/font/purple/-.png
new file mode 100644
index 0000000..6dfea58
--- /dev/null
+++ b/src/imgs/font/purple/-.png
diff --git a/src/imgs/font/purple/0.png b/src/imgs/font/purple/0.png
new file mode 100644
index 0000000..fcb1a96
--- /dev/null
+++ b/src/imgs/font/purple/0.png
diff --git a/src/imgs/font/purple/1.png b/src/imgs/font/purple/1.png
new file mode 100644
index 0000000..81c899e
--- /dev/null
+++ b/src/imgs/font/purple/1.png
diff --git a/src/imgs/font/purple/2.png b/src/imgs/font/purple/2.png
new file mode 100644
index 0000000..07bbb24
--- /dev/null
+++ b/src/imgs/font/purple/2.png
diff --git a/src/imgs/font/purple/3.png b/src/imgs/font/purple/3.png
new file mode 100644
index 0000000..77b7316
--- /dev/null
+++ b/src/imgs/font/purple/3.png
diff --git a/src/imgs/font/purple/4.png b/src/imgs/font/purple/4.png
new file mode 100644
index 0000000..37fa523
--- /dev/null
+++ b/src/imgs/font/purple/4.png
diff --git a/src/imgs/font/purple/5.png b/src/imgs/font/purple/5.png
new file mode 100644
index 0000000..a8ee3ce
--- /dev/null
+++ b/src/imgs/font/purple/5.png
diff --git a/src/imgs/font/purple/6.png b/src/imgs/font/purple/6.png
new file mode 100644
index 0000000..04534df
--- /dev/null
+++ b/src/imgs/font/purple/6.png
diff --git a/src/imgs/font/purple/7.png b/src/imgs/font/purple/7.png
new file mode 100644
index 0000000..d5cf2e9
--- /dev/null
+++ b/src/imgs/font/purple/7.png
diff --git a/src/imgs/font/purple/8.png b/src/imgs/font/purple/8.png
new file mode 100644
index 0000000..cec4e44
--- /dev/null
+++ b/src/imgs/font/purple/8.png
diff --git a/src/imgs/font/purple/9.png b/src/imgs/font/purple/9.png
new file mode 100644
index 0000000..feb10e8
--- /dev/null
+++ b/src/imgs/font/purple/9.png
diff --git a/src/imgs/font/purple/?.png b/src/imgs/font/purple/?.png
new file mode 100644
index 0000000..c8b880b
--- /dev/null
+++ b/src/imgs/font/purple/?.png
diff --git a/src/imgs/font/purple/_.png b/src/imgs/font/purple/_.png
new file mode 100644
index 0000000..041d045
--- /dev/null
+++ b/src/imgs/font/purple/_.png
diff --git a/src/imgs/font/purple/a.png b/src/imgs/font/purple/a.png
new file mode 100644
index 0000000..dc85378
--- /dev/null
+++ b/src/imgs/font/purple/a.png
diff --git a/src/imgs/font/purple/b.png b/src/imgs/font/purple/b.png
new file mode 100644
index 0000000..b999b6e
--- /dev/null
+++ b/src/imgs/font/purple/b.png
diff --git a/src/imgs/font/purple/c.png b/src/imgs/font/purple/c.png
new file mode 100644
index 0000000..300501e
--- /dev/null
+++ b/src/imgs/font/purple/c.png
diff --git a/src/imgs/font/purple/d.png b/src/imgs/font/purple/d.png
new file mode 100644
index 0000000..83ede03
--- /dev/null
+++ b/src/imgs/font/purple/d.png
diff --git a/src/imgs/font/purple/e.png b/src/imgs/font/purple/e.png
new file mode 100644
index 0000000..39a6f0a
--- /dev/null
+++ b/src/imgs/font/purple/e.png
diff --git a/src/imgs/font/purple/ed.png b/src/imgs/font/purple/ed.png
new file mode 100644
index 0000000..de5f9f3
--- /dev/null
+++ b/src/imgs/font/purple/ed.png
diff --git a/src/imgs/font/purple/f.png b/src/imgs/font/purple/f.png
new file mode 100644
index 0000000..0e3a2de
--- /dev/null
+++ b/src/imgs/font/purple/f.png
diff --git a/src/imgs/font/purple/g.png b/src/imgs/font/purple/g.png
new file mode 100644
index 0000000..b86378c
--- /dev/null
+++ b/src/imgs/font/purple/g.png
diff --git a/src/imgs/font/purple/h.png b/src/imgs/font/purple/h.png
new file mode 100644
index 0000000..56663d4
--- /dev/null
+++ b/src/imgs/font/purple/h.png
diff --git a/src/imgs/font/purple/heart.png b/src/imgs/font/purple/heart.png
new file mode 100644
index 0000000..5115ebe
--- /dev/null
+++ b/src/imgs/font/purple/heart.png
diff --git a/src/imgs/font/purple/i.png b/src/imgs/font/purple/i.png
new file mode 100644
index 0000000..35c3379
--- /dev/null
+++ b/src/imgs/font/purple/i.png
diff --git a/src/imgs/font/purple/j.png b/src/imgs/font/purple/j.png
new file mode 100644
index 0000000..d999f83
--- /dev/null
+++ b/src/imgs/font/purple/j.png
diff --git a/src/imgs/font/purple/k.png b/src/imgs/font/purple/k.png
new file mode 100644
index 0000000..e7ace09
--- /dev/null
+++ b/src/imgs/font/purple/k.png
diff --git a/src/imgs/font/purple/l.png b/src/imgs/font/purple/l.png
new file mode 100644
index 0000000..4e3f3f5
--- /dev/null
+++ b/src/imgs/font/purple/l.png
diff --git a/src/imgs/font/purple/m.png b/src/imgs/font/purple/m.png
new file mode 100644
index 0000000..1122d96
--- /dev/null
+++ b/src/imgs/font/purple/m.png
diff --git a/src/imgs/font/purple/man.png b/src/imgs/font/purple/man.png
new file mode 100644
index 0000000..615459d
--- /dev/null
+++ b/src/imgs/font/purple/man.png
diff --git a/src/imgs/font/purple/n.png b/src/imgs/font/purple/n.png
new file mode 100644
index 0000000..d8bd978
--- /dev/null
+++ b/src/imgs/font/purple/n.png
diff --git a/src/imgs/font/purple/o.png b/src/imgs/font/purple/o.png
new file mode 100644
index 0000000..a888137
--- /dev/null
+++ b/src/imgs/font/purple/o.png
diff --git a/src/imgs/font/purple/p.png b/src/imgs/font/purple/p.png
new file mode 100644
index 0000000..26f2e06
--- /dev/null
+++ b/src/imgs/font/purple/p.png
diff --git a/src/imgs/font/purple/q.png b/src/imgs/font/purple/q.png
new file mode 100644
index 0000000..a3b6f56
--- /dev/null
+++ b/src/imgs/font/purple/q.png
diff --git a/src/imgs/font/purple/r.png b/src/imgs/font/purple/r.png
new file mode 100644
index 0000000..5a84f62
--- /dev/null
+++ b/src/imgs/font/purple/r.png
diff --git a/src/imgs/font/purple/rv.png b/src/imgs/font/purple/rv.png
new file mode 100644
index 0000000..67b166a
--- /dev/null
+++ b/src/imgs/font/purple/rv.png
diff --git a/src/imgs/font/purple/s.png b/src/imgs/font/purple/s.png
new file mode 100644
index 0000000..641ff99
--- /dev/null
+++ b/src/imgs/font/purple/s.png
diff --git a/src/imgs/font/purple/t.png b/src/imgs/font/purple/t.png
new file mode 100644
index 0000000..051303e
--- /dev/null
+++ b/src/imgs/font/purple/t.png
diff --git a/src/imgs/font/purple/u.png b/src/imgs/font/purple/u.png
new file mode 100644
index 0000000..74c8548
--- /dev/null
+++ b/src/imgs/font/purple/u.png
diff --git a/src/imgs/font/purple/v.png b/src/imgs/font/purple/v.png
new file mode 100644
index 0000000..2285bfb
--- /dev/null
+++ b/src/imgs/font/purple/v.png
diff --git a/src/imgs/font/purple/w.png b/src/imgs/font/purple/w.png
new file mode 100644
index 0000000..7f2fc79
--- /dev/null
+++ b/src/imgs/font/purple/w.png
diff --git a/src/imgs/font/purple/woman.png b/src/imgs/font/purple/woman.png
new file mode 100644
index 0000000..e0d08a2
--- /dev/null
+++ b/src/imgs/font/purple/woman.png
diff --git a/src/imgs/font/purple/x.png b/src/imgs/font/purple/x.png
new file mode 100644
index 0000000..f96154b
--- /dev/null
+++ b/src/imgs/font/purple/x.png
diff --git a/src/imgs/font/purple/y.png b/src/imgs/font/purple/y.png
new file mode 100644
index 0000000..e54071b
--- /dev/null
+++ b/src/imgs/font/purple/y.png
diff --git a/src/imgs/font/purple/z.png b/src/imgs/font/purple/z.png
new file mode 100644
index 0000000..c82f4eb
--- /dev/null
+++ b/src/imgs/font/purple/z.png
diff --git a/src/imgs/font/red/!.png b/src/imgs/font/red/!.png
new file mode 100644
index 0000000..06f23cb
--- /dev/null
+++ b/src/imgs/font/red/!.png
diff --git a/src/imgs/font/red/&.png b/src/imgs/font/red/&.png
new file mode 100644
index 0000000..92b2d7e
--- /dev/null
+++ b/src/imgs/font/red/&.png
diff --git a/src/imgs/font/red/-.png b/src/imgs/font/red/-.png
new file mode 100644
index 0000000..28fe6df
--- /dev/null
+++ b/src/imgs/font/red/-.png
diff --git a/src/imgs/font/red/0.png b/src/imgs/font/red/0.png
new file mode 100644
index 0000000..3358a5f
--- /dev/null
+++ b/src/imgs/font/red/0.png
diff --git a/src/imgs/font/red/1.png b/src/imgs/font/red/1.png
new file mode 100644
index 0000000..28a0ae9
--- /dev/null
+++ b/src/imgs/font/red/1.png
diff --git a/src/imgs/font/red/2.png b/src/imgs/font/red/2.png
new file mode 100644
index 0000000..56ecfca
--- /dev/null
+++ b/src/imgs/font/red/2.png
diff --git a/src/imgs/font/red/3.png b/src/imgs/font/red/3.png
new file mode 100644
index 0000000..dcfb40c
--- /dev/null
+++ b/src/imgs/font/red/3.png
diff --git a/src/imgs/font/red/4.png b/src/imgs/font/red/4.png
new file mode 100644
index 0000000..9d56641
--- /dev/null
+++ b/src/imgs/font/red/4.png
diff --git a/src/imgs/font/red/5.png b/src/imgs/font/red/5.png
new file mode 100644
index 0000000..c781d7b
--- /dev/null
+++ b/src/imgs/font/red/5.png
diff --git a/src/imgs/font/red/6.png b/src/imgs/font/red/6.png
new file mode 100644
index 0000000..4db8857
--- /dev/null
+++ b/src/imgs/font/red/6.png
diff --git a/src/imgs/font/red/7.png b/src/imgs/font/red/7.png
new file mode 100644
index 0000000..c297cb1
--- /dev/null
+++ b/src/imgs/font/red/7.png
diff --git a/src/imgs/font/red/8.png b/src/imgs/font/red/8.png
new file mode 100644
index 0000000..26df7f7
--- /dev/null
+++ b/src/imgs/font/red/8.png
diff --git a/src/imgs/font/red/9.png b/src/imgs/font/red/9.png
new file mode 100644
index 0000000..e4f07c4
--- /dev/null
+++ b/src/imgs/font/red/9.png
diff --git a/src/imgs/font/red/?.png b/src/imgs/font/red/?.png
new file mode 100644
index 0000000..9a45aca
--- /dev/null
+++ b/src/imgs/font/red/?.png
diff --git a/src/imgs/font/red/_.png b/src/imgs/font/red/_.png
new file mode 100644
index 0000000..b413500
--- /dev/null
+++ b/src/imgs/font/red/_.png
diff --git a/src/imgs/font/red/a.png b/src/imgs/font/red/a.png
new file mode 100644
index 0000000..6fd4b7b
--- /dev/null
+++ b/src/imgs/font/red/a.png
diff --git a/src/imgs/font/red/b.png b/src/imgs/font/red/b.png
new file mode 100644
index 0000000..6417c87
--- /dev/null
+++ b/src/imgs/font/red/b.png
diff --git a/src/imgs/font/red/c.png b/src/imgs/font/red/c.png
new file mode 100644
index 0000000..b145a52
--- /dev/null
+++ b/src/imgs/font/red/c.png
diff --git a/src/imgs/font/red/d.png b/src/imgs/font/red/d.png
new file mode 100644
index 0000000..eb1f58a
--- /dev/null
+++ b/src/imgs/font/red/d.png
diff --git a/src/imgs/font/red/e.png b/src/imgs/font/red/e.png
new file mode 100644
index 0000000..47fadc9
--- /dev/null
+++ b/src/imgs/font/red/e.png
diff --git a/src/imgs/font/red/ed.png b/src/imgs/font/red/ed.png
new file mode 100644
index 0000000..f2c0cd2
--- /dev/null
+++ b/src/imgs/font/red/ed.png
diff --git a/src/imgs/font/red/f.png b/src/imgs/font/red/f.png
new file mode 100644
index 0000000..aaa4e5f
--- /dev/null
+++ b/src/imgs/font/red/f.png
diff --git a/src/imgs/font/red/g.png b/src/imgs/font/red/g.png
new file mode 100644
index 0000000..3315947
--- /dev/null
+++ b/src/imgs/font/red/g.png
diff --git a/src/imgs/font/red/h.png b/src/imgs/font/red/h.png
new file mode 100644
index 0000000..8ead6ef
--- /dev/null
+++ b/src/imgs/font/red/h.png
diff --git a/src/imgs/font/red/heart.png b/src/imgs/font/red/heart.png
new file mode 100644
index 0000000..82e013c
--- /dev/null
+++ b/src/imgs/font/red/heart.png
diff --git a/src/imgs/font/red/i.png b/src/imgs/font/red/i.png
new file mode 100644
index 0000000..7ba2da9
--- /dev/null
+++ b/src/imgs/font/red/i.png
diff --git a/src/imgs/font/red/j.png b/src/imgs/font/red/j.png
new file mode 100644
index 0000000..ba1a72c
--- /dev/null
+++ b/src/imgs/font/red/j.png
diff --git a/src/imgs/font/red/k.png b/src/imgs/font/red/k.png
new file mode 100644
index 0000000..3177305
--- /dev/null
+++ b/src/imgs/font/red/k.png
diff --git a/src/imgs/font/red/l.png b/src/imgs/font/red/l.png
new file mode 100644
index 0000000..79b8fa9
--- /dev/null
+++ b/src/imgs/font/red/l.png
diff --git a/src/imgs/font/red/m.png b/src/imgs/font/red/m.png
new file mode 100644
index 0000000..6fb294c
--- /dev/null
+++ b/src/imgs/font/red/m.png
diff --git a/src/imgs/font/red/man.png b/src/imgs/font/red/man.png
new file mode 100644
index 0000000..0ac5158
--- /dev/null
+++ b/src/imgs/font/red/man.png
diff --git a/src/imgs/font/red/n.png b/src/imgs/font/red/n.png
new file mode 100644
index 0000000..483aa00
--- /dev/null
+++ b/src/imgs/font/red/n.png
diff --git a/src/imgs/font/red/o.png b/src/imgs/font/red/o.png
new file mode 100644
index 0000000..11d8714
--- /dev/null
+++ b/src/imgs/font/red/o.png
diff --git a/src/imgs/font/red/p.png b/src/imgs/font/red/p.png
new file mode 100644
index 0000000..af2c2a0
--- /dev/null
+++ b/src/imgs/font/red/p.png
diff --git a/src/imgs/font/red/q.png b/src/imgs/font/red/q.png
new file mode 100644
index 0000000..08dc792
--- /dev/null
+++ b/src/imgs/font/red/q.png
diff --git a/src/imgs/font/red/r.png b/src/imgs/font/red/r.png
new file mode 100644
index 0000000..89a0a61
--- /dev/null
+++ b/src/imgs/font/red/r.png
diff --git a/src/imgs/font/red/rv.png b/src/imgs/font/red/rv.png
new file mode 100644
index 0000000..e020f2a
--- /dev/null
+++ b/src/imgs/font/red/rv.png
diff --git a/src/imgs/font/red/s.png b/src/imgs/font/red/s.png
new file mode 100644
index 0000000..c7bfa29
--- /dev/null
+++ b/src/imgs/font/red/s.png
diff --git a/src/imgs/font/red/t.png b/src/imgs/font/red/t.png
new file mode 100644
index 0000000..6a68d79
--- /dev/null
+++ b/src/imgs/font/red/t.png
diff --git a/src/imgs/font/red/u.png b/src/imgs/font/red/u.png
new file mode 100644
index 0000000..563758c
--- /dev/null
+++ b/src/imgs/font/red/u.png
diff --git a/src/imgs/font/red/v.png b/src/imgs/font/red/v.png
new file mode 100644
index 0000000..fd8bce4
--- /dev/null
+++ b/src/imgs/font/red/v.png
diff --git a/src/imgs/font/red/w.png b/src/imgs/font/red/w.png
new file mode 100644
index 0000000..86f3413
--- /dev/null
+++ b/src/imgs/font/red/w.png
diff --git a/src/imgs/font/red/woman.png b/src/imgs/font/red/woman.png
new file mode 100644
index 0000000..abe5eb5
--- /dev/null
+++ b/src/imgs/font/red/woman.png
diff --git a/src/imgs/font/red/x.png b/src/imgs/font/red/x.png
new file mode 100644
index 0000000..24fafcf
--- /dev/null
+++ b/src/imgs/font/red/x.png
diff --git a/src/imgs/font/red/y.png b/src/imgs/font/red/y.png
new file mode 100644
index 0000000..a57a326
--- /dev/null
+++ b/src/imgs/font/red/y.png
diff --git a/src/imgs/font/red/z.png b/src/imgs/font/red/z.png
new file mode 100644
index 0000000..c395442
--- /dev/null
+++ b/src/imgs/font/red/z.png
diff --git a/src/imgs/font/white/0.png b/src/imgs/font/white/0.png
new file mode 100644
index 0000000..c9ecd82
--- /dev/null
+++ b/src/imgs/font/white/0.png
diff --git a/src/imgs/font/white/1.png b/src/imgs/font/white/1.png
new file mode 100644
index 0000000..a2b09cd
--- /dev/null
+++ b/src/imgs/font/white/1.png
diff --git a/src/imgs/font/white/2.png b/src/imgs/font/white/2.png
new file mode 100644
index 0000000..c883d77
--- /dev/null
+++ b/src/imgs/font/white/2.png
diff --git a/src/imgs/font/white/3.png b/src/imgs/font/white/3.png
new file mode 100644
index 0000000..71276c7
--- /dev/null
+++ b/src/imgs/font/white/3.png
diff --git a/src/imgs/font/white/4.png b/src/imgs/font/white/4.png
new file mode 100644
index 0000000..ba1dc9b
--- /dev/null
+++ b/src/imgs/font/white/4.png
diff --git a/src/imgs/font/white/5.png b/src/imgs/font/white/5.png
new file mode 100644
index 0000000..e3e3ef8
--- /dev/null
+++ b/src/imgs/font/white/5.png
diff --git a/src/imgs/font/white/6.png b/src/imgs/font/white/6.png
new file mode 100644
index 0000000..b7d2041
--- /dev/null
+++ b/src/imgs/font/white/6.png
diff --git a/src/imgs/font/white/7.png b/src/imgs/font/white/7.png
new file mode 100644
index 0000000..d6d4fdf
--- /dev/null
+++ b/src/imgs/font/white/7.png
diff --git a/src/imgs/font/white/8.png b/src/imgs/font/white/8.png
new file mode 100644
index 0000000..992b9cd
--- /dev/null
+++ b/src/imgs/font/white/8.png
diff --git a/src/imgs/font/white/9.png b/src/imgs/font/white/9.png
new file mode 100644
index 0000000..6e27b5a
--- /dev/null
+++ b/src/imgs/font/white/9.png
diff --git a/src/imgs/font/white/_.png b/src/imgs/font/white/_.png
index 7fd5f84..dfc6520 100644
--- a/src/imgs/font/white/_.png
+++ b/src/imgs/font/white/_.png
diff --git a/src/imgs/font/yellow/0.png b/src/imgs/font/yellow/0.png
new file mode 100644
index 0000000..46582fd
--- /dev/null
+++ b/src/imgs/font/yellow/0.png
diff --git a/src/imgs/font/yellow/1.png b/src/imgs/font/yellow/1.png
new file mode 100644
index 0000000..695333c
--- /dev/null
+++ b/src/imgs/font/yellow/1.png
diff --git a/src/imgs/font/yellow/2.png b/src/imgs/font/yellow/2.png
new file mode 100644
index 0000000..07e70a6
--- /dev/null
+++ b/src/imgs/font/yellow/2.png
diff --git a/src/imgs/font/yellow/3.png b/src/imgs/font/yellow/3.png
new file mode 100644
index 0000000..9f82a6e
--- /dev/null
+++ b/src/imgs/font/yellow/3.png
diff --git a/src/imgs/font/yellow/4.png b/src/imgs/font/yellow/4.png
new file mode 100644
index 0000000..b59e95d
--- /dev/null
+++ b/src/imgs/font/yellow/4.png
diff --git a/src/imgs/font/yellow/5.png b/src/imgs/font/yellow/5.png
new file mode 100644
index 0000000..4fa41b7
--- /dev/null
+++ b/src/imgs/font/yellow/5.png
diff --git a/src/imgs/font/yellow/6.png b/src/imgs/font/yellow/6.png
new file mode 100644
index 0000000..1171562
--- /dev/null
+++ b/src/imgs/font/yellow/6.png
diff --git a/src/imgs/font/yellow/7.png b/src/imgs/font/yellow/7.png
new file mode 100644
index 0000000..c2af7e7
--- /dev/null
+++ b/src/imgs/font/yellow/7.png
diff --git a/src/imgs/font/yellow/8.png b/src/imgs/font/yellow/8.png
new file mode 100644
index 0000000..85091eb
--- /dev/null
+++ b/src/imgs/font/yellow/8.png
diff --git a/src/imgs/font/yellow/9.png b/src/imgs/font/yellow/9.png
new file mode 100644
index 0000000..139adb5
--- /dev/null
+++ b/src/imgs/font/yellow/9.png
diff --git a/src/imgs/plane-icon.png b/src/imgs/plane-icon.png
new file mode 100644
index 0000000..4c59537
--- /dev/null
+++ b/src/imgs/plane-icon.png
diff --git a/src/imgs/roll-icon.png b/src/imgs/roll-icon.png
new file mode 100644
index 0000000..db1acb2
--- /dev/null
+++ b/src/imgs/roll-icon.png