Create app.py

app.py

@@ -0,0 +1,160 @@
+"""
+================================================================================
+                    INTERACTIVE FACTORIZATION v1.4 EN
+================================================================================
+Main Developer: Marcos Autuori | Author: Autuori
+================================================================================
+"""
+
+import gradio as gr
+import time
+import wave
+import struct
+import math
+import os
+
+# Configuration and Data
+GRID_NUMBERS = [
+    10, 12, 14, 15, 16, 18, 20, 21,
+    24, 25, 27, 28, 30, 32, 35, 36,
+    40, 42, 45, 48, 50, 54, 56, 60,
+    63, 64, 70, 72, 80, 81, 90, 100
+]
+KEYBOARD_KEYS = [2, 3, 4, 5, 6, 7, 8, 9, 10]
+MAX_TIME = 150
+
+# --- AUDIO GENERATION (Same logic as your original script) ---
+def generate_wav(filename, freq, duration=0.1, volume=0.3):
+    sample_rate = 44100
+    n_samples = int(sample_rate * duration)
+    with wave.open(filename, 'w') as f:
+        f.setnchannels(1)
+        f.setsampwidth(2)
+        f.setframerate(sample_rate)
+        for i in range(n_samples):
+            val = int(volume * 32767.0 * math.sin(2.0 * math.pi * freq * i / sample_rate))
+            data = struct.pack('<h', val)
+            f.writeframesraw(data)
+
+# Pre-generate sound files
+if not os.path.exists("sounds"): os.makedirs("sounds")
+generate_wav("sounds/click.wav", 440, 0.05)
+generate_wav("sounds/correct.wav", 880, 0.2)
+generate_wav("sounds/wrong.wav", 220, 0.3)
+
+def get_empty_state():
+    return {
+        "solved": [False] * 32,
+        "selected_idx": None,
+        "current_factors": [],
+        "start_time": time.time(),
+        "game_over": False,
+        "score": MAX_TIME
+    }
+
+def format_grid_button(idx, solved_list, selected_idx):
+    label = str(GRID_NUMBERS[idx])
+    if solved_list[idx]:
+        return gr.update(value=f"✅ {label}", variant="success", interactive=False)
+    if selected_idx == idx:
+        return gr.update(variant="primary", interactive=True)
+    return gr.update(value=label, variant="secondary", interactive=True)
+
+def handle_game_logic(state, action_type, value=None):
+    if state["game_over"]:
+        return state, "Game Over!", None
+
+    feedback = "Select a number..."
+    sound = "sounds/click.wav" # Default sound
+    
+    if action_type == "select_target":
+        state["selected_idx"] = value
+        state["current_factors"] = []
+        feedback = f"Factoring: {GRID_NUMBERS[value]}"
+        
+    elif action_type == "select_factor":
+        if state["selected_idx"] is None:
+            feedback = "⚠️ Select a grid number first!"
+        else:
+            state["current_factors"].append(int(value))
+            if len(state["current_factors"]) == 2:
+                a, b = state["current_factors"]
+                target = GRID_NUMBERS[state["selected_idx"]]
+                
+                if a * b == target:
+                    state["solved"][state["selected_idx"]] = True
+                    feedback = f"✔️ {a} x {b} = {target}!"
+                    sound = "sounds/correct.wav"
+                    state["selected_idx"] = None
+                else:
+                    feedback = f"❌ {a}* {b} = {a*b} (Wrong for {target})."
+                    sound = "sounds/wrong.wav"
+                state["current_factors"] = []
+
+    elapsed = int(time.time() - state["start_time"])
+    state["score"] = max(0, MAX_TIME - elapsed)
+    
+    if all(state["solved"]):
+        state["game_over"] = True
+        feedback = "🏆 VICTORY!"
+
+    return state, feedback, sound
+
+custom_css = """
+.grid-btn { min-width: 80px !important; height: 80px !important; font-size: 20px !important; }
+.kb-btn { min-width: 60px !important; height: 50px !important; }
+"""
+
+with gr.Blocks(title="Autuori - Factorization Game", css=custom_css) as demo:
+    state = gr.State(get_empty_state())
+    
+    # Hidden audio component for sound effects
+    audio_player = gr.Audio(interactive=False, visible=False, autoplay=True)
+    
+    gr.Markdown("# 🎮 Interactive Factorization v1.4 EN\n**Developed by Marcos Autuori**")
+    
+    with gr.Row():
+        with gr.Column(scale=4):
+            grid_buttons = []
+            for r in range(4):
+                with gr.Row():
+                    for c in range(8):
+                        idx = r * 8 + c
+                        btn = gr.Button(str(GRID_NUMBERS[idx]), elem_classes="grid-btn")
+                        grid_buttons.append(btn)
+        
+        with gr.Column(scale=1):
+            status_box = gr.Textbox(label="Status", value="Select a blue number", interactive=False)
+            score_display = gr.Number(label="Score", value=MAX_TIME, interactive=False)
+            keyboard_btns = [gr.Button(str(val), variant="secondary", elem_classes="kb-btn") for val in KEYBOARD_KEYS]
+            reset_btn = gr.Button("Restart", variant="stop")
+
+    def update_ui(s):
+        updates = [format_grid_button(i, s["solved"], s["selected_idx"]) for i in range(32)]
+        return updates + [s["score"]]
+
+    # Grid Click Events
+    for i, btn in enumerate(grid_buttons):
+        btn.click(
+            fn=lambda s, idx=i: handle_game_logic(s, "select_target", idx),
+            inputs=[state],
+            outputs=[state, status_box, audio_player]
+        ).then(fn=update_ui, inputs=[state], outputs=grid_buttons + [score_display])
+
+    # Keyboard Click Events
+    for kb_btn in keyboard_btns:
+        kb_btn.click(
+            fn=lambda s, v=kb_btn.value: handle_game_logic(s, "select_factor", v),
+            inputs=[state],
+            outputs=[state, status_box, audio_player]
+        ).then(fn=update_ui, inputs=[state], outputs=grid_buttons + [score_display])
+
+    def reset_all():
+        new_state = get_empty_state()
+        updates = [gr.update(value=str(num), variant="secondary", interactive=True) for num in GRID_NUMBERS]
+        return [new_state, "Game Restarted!", None] + updates + [MAX_TIME]
+
+    reset_btn.click(fn=reset_all, outputs=[state, status_box, audio_player] + grid_buttons + [score_display])
+
+if __name__ == "__main__":
+    demo.launch()