Update 2025-04-13_16:25:39

static/app.js

@@ -0,0 +1,60 @@
+import { setupButtons } from "./button.js";
+import { drawLineChart } from "./chart.js";
+import { shapeToEmoji } from "./emoji.js";
+import { playSound } from "./sound.js";
+import { guess } from "./score.js";
+import { startRound } from "./round.js";
+import { previousTile, currentTile } from "./state.js";
+import { generateRandomTiles } from "./tile.js";
+import { renderTiles } from "./render.js";
+
+let selectedIndices = [];
+let correctChangedTiles = [];
+let showFeedback = false;
+
+let tiles = [];
+
+function startGame() {
+  tiles.forEach(tile => delete tile.feedback);
+  document.getElementById("game-area").classList.add("flash");
+  setTimeout(() => {
+    document.getElementById("game-area").classList.remove("flash");
+  }, 250);
+  const beforeTiles = generateRandomTiles();
+  const { modifiedTiles, changedIndices } = createModifiedTiles(beforeTiles);
+
+  tiles = modifiedTiles;
+  correctChangedTiles = changedIndices;
+  selectedIndices = [];
+  showFeedback = false;
+
+  renderTiles();
+  document.getElementById("submit-btn").disabled = false;
+}
+
+function handleSubmit() {
+  showFeedback = true;
+  renderTiles();
+
+  const result = calculateScore(selectedIndices, correctChangedTiles);
+  playSound(result.score > 0 ? "correct" : "wrong");
+
+  document.getElementById("submit-btn").disabled = true;
+
+  setTimeout(() => {
+    startGame();
+  }, 2500);
+}
+
+function resetGame() {
+  selectedIndices = [];
+  correctChangedTiles = [];
+  showFeedback = false;
+  tiles = [];
+  renderTiles();
+}
+
+window.addEventListener("load", () => {
+  startRound();
+});
+