Fixed character placement

They all seem to be broken

fonts/fonts.json

@@ -5,11 +5,10 @@
     {"file": "Vampire Wars.ttf",                  "alphabet": "abcdefghijklmnopqrstuvwxyz0123456789",       "difficulty": 0.1},
     {"file": "CloisterBlack.ttf",                 "alphabet": "0123456789",                                 "difficulty": 0.1},
     {"file": "Noxlock-Free.otf",                  "alphabet": "ABCDEFGHIJKLMNOPQRSTUVWXYZ",                 "difficulty": 0.2},
-    {"file": "CloisterBlack.ttf",                 "alphabet": "abcdefghijklmnopqrstuvwxyz",                 "difficulty": 0.3},
+    {"file": "CloisterBlack.ttf",                 "alphabet": "abcdefghijklmnopqrstuvwxyz",                 "difficulty": 0.5},
     {"file": "LEDLIGHT.otf",                      "alphabet": "abcdefghijklmnopqrstuvwxyz",                 "difficulty": 0.4},
-    {"file": "Flame on Black.ttf",                "alphabet": "abcdefghijklmnopqrstuvwxyz0123456789!?/#<>", "difficulty": 0.5},
+    {"file": "Flame on Black.ttf",                "alphabet": "0123456789!?/#<>",                           "difficulty": 0.5},
     {"file": "CloisterBlack.ttf",                 "alphabet": "ABCDEFGHIJKLMNOPQRSTUVWXYZ",                 "difficulty": 0.6},
-    {"file": "mevno2.ttf",                        "alphabet": "abcdefghijklmnopqrstuvwxyz",                 "difficulty": 0.8},
     {"file": "CloisterBlack.ttf",                 "alphabet": "ABCDEFGHIJKLMNOPQRSTUVWXYZ",                 "difficulty": 0.8},
     {"file": "RoyalInitialen.ttf",                "alphabet": "abcdefghijklmnopqrstuvwxyz",                 "difficulty": 0.8},
     {"file": "DeathMohawk_PERSONAL_USE_ONLY.otf", "alphabet": "ABCDEFGHIJKLMNOPQRSTUVWXYZ",                 "difficulty": 1.0}

game.py

@@ -1,5 +1,6 @@
 from PIL import Image, ImageDraw, ImageFont
 import math as maths
+import numpy as np
 import logging
 import pygame
 import gameUtils
@@ -57,14 +58,14 @@ class Captcha:
                         # anthing below this index should appear green.
 
     def addChar(self, char, font):
-        self.chars.append(char.upper())
+        self.chars.append(char)
         self.fonts.append(font)
 
     def match(self, char):
         if self.charIdx == len(self.chars):
             return True, True
 
-        matches = char.upper() == self.chars[self.charIdx]
+        matches = char.upper() == self.chars[self.charIdx].upper()
         print(f'{char.upper()} == {self.chars[self.charIdx]}')
         if matches:
             self.charIdx += 1
@@ -96,6 +97,10 @@ class Game(gameUtils.Game):
         self.timerStart = 0
         # Holds how much time the user has in total (not updated)
         self.timerLength = 0
+        # The font used for the timer
+        self.timerFont = pygame.font.SysFont('', 100)
+        # Used for animating the red flash on the current character if the users enters it wrong.
+        self.lastWrong = 0
 
         self.fonts = []
         self.Drawsurface  = Image.new("RGB",(800,220),(255,255,255))
@@ -138,7 +143,7 @@ class Game(gameUtils.Game):
         for i in range(capLength):
             # Calculate the base X position of this character
             # TODO: Make this better, I'm not too happy with my implementation here.
-            x = self.size[0] / (capLength + 3)
+            x = drawSurface.size[0] / capLength
             x *= i
             # Get the selected difficulty for this character
             charDiff = normalDist(self.gameDifficulty)
@@ -160,6 +165,10 @@ class Game(gameUtils.Game):
         for char, font in zip(captcha.chars, captcha.fonts):
             print(f'{char}: {font.path}')
 
+        # Start the timer
+        self.timerStart = time.perf_counter()
+        self.timerLength = random.randint(7, 15)
+
     def onEvent(self, event):
         """
         Ran when an event is fired.
@@ -179,6 +188,8 @@ class Game(gameUtils.Game):
 
             elif event.unicode != '' and event.unicode in alphabet:
                 correct, finished = self.currentCaptcha.match(event.unicode)
+                if not correct:
+                    self.lastWrong = time.perf_counter()
                 print(correct)
                 if finished:
                     self.createCaptcha()
@@ -189,9 +200,28 @@ class Game(gameUtils.Game):
         game logic that should be ran once per frame in here.
         """
 
-        self.surf.fill((0, 0, 0))                                       #sets the background colour
+        r = 1 - min(time.perf_counter() - self.lastWrong, 1)
+
+        self.surf.fill((r * 255, 0, 0))                                      #sets the background colour
         self.surf.blit(gameUtils.centre(self.currentCaptchaImg, self.size))  #draws the text to center of the screen
                                                                         #TODO: actually scale the text, however, more work needs to be done on the actual function of the game first
+        
+        # Draw the captcha progerss if there is a captcha
+        if self.currentCaptcha is not None:
+            x1 = self.size[0] / 2 - self.currentCaptchaImg.size[0] / 2
+            y = self.size[1] / 2 + self.currentCaptchaImg.size[1] / 2
+            x2 = x1 + (self.currentCaptcha.charIdx / len(self.currentCaptcha.chars)) * self.currentCaptchaImg.size[0]
+            pygame.draw.line(self.surf, (0, 255, 0), (x1, y), (x2, y), 5)
+
+        # Draw the timer if there's any time left
+        timeLeft = self.timerLength - (time.perf_counter() - self.timerStart)
+        if timeLeft > 0:
+            normalisedTimeLeft = max(timeLeft / self.timerLength, 0)
+            x = round((1-normalisedTimeLeft) * (self.size[0] // 2))
+            w = normalisedTimeLeft * self.size[0]
+            c = np.round((255, 255*normalisedTimeLeft, 255*normalisedTimeLeft))
+            pygame.draw.rect(self.surf, c, (x, 0, w, 10))
+            self.surf.blit(self.timerFont.render(str(round(timeLeft, 1)), True, c), (0, 10))
 
     def close(self):
         """