[PXCT-1310] Mascot Jump Game Example Addition (arduino#7)

* Update audio classification doc (arduino#6)

* PR 143 Migration to up to date repository

---------

Co-authored-by: Mirko Curtolo <47823364+mirkokurt@users.noreply.github.com>

Author: 2 people

examples/mascot-jump-game/assets/fonts/fonts.css

@@ -1,5 +1,5 @@
 /*
- * SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+ * SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
  *
  * SPDX-License-Identifier: MPL-2.0
  */

examples/mascot-jump-game/assets/img/logo.svg.license

@@ -1,3 +1,3 @@
-SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
 
 SPDX-License-Identifier: MPL-2.0

examples/mascot-jump-game/assets/index.html

@@ -1,5 +1,5 @@
 <!--
-SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
 
 SPDX-License-Identifier: MPL-2.0
 -->

examples/mascot-jump-game/assets/style.css

@@ -1,5 +1,5 @@
 /*
-SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
 
 SPDX-License-Identifier: MPL-2.0
 */
@@ -13,8 +13,8 @@ SPDX-License-Identifier: MPL-2.0
 }
 
 body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;    margin: 0;
-    background: #DAE3E3;
+    font-family: 'Consolas', 'Courier New', monospace;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
     min-height: 100vh;
     display: flex;
     justify-content: center;
@@ -34,7 +34,7 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
     padding: 0 10px;
 }
 
@@ -59,6 +59,7 @@ body {
     background: white;
     border-radius: 12px;
     padding: 20px;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
     position: relative;
 }
 
@@ -108,15 +109,13 @@ body {
     font-weight: 500;
     opacity: 0.7;
     font-size: 20px;
-    font-family: "Open Sans", monospace;
 }
 
 .score-value,
 .high-score-value {
     font-weight: 700;
     font-variant-numeric: tabular-nums;
     letter-spacing: 2px;
-    font-family: "Open Sans", monospace;
 }
 
 .high-score-label {
@@ -181,7 +180,6 @@ body {
     background: #4caf50;
     color: white;
     animation: pulse 2s ease-out;
-    display: none;
 }
 
 .connection-status.disconnected {
@@ -240,40 +238,40 @@ body {
     .container {
         padding: 10px;
     }
-
+    
     .header {
         margin-bottom: 15px;
     }
-
+    
     .arduino-text {
         font-size: 24px;
     }
-
+    
     .game-container {
         padding: 15px;
     }
-
+    
     #gameCanvas {
         max-width: 100%;
         height: auto;
     }
-
+    
     .game-info {
         flex-direction: column;
         gap: 15px;
         align-items: center;
         text-align: center;
     }
-
+    
     .score-display {
         font-size: 20px;
     }
-
+    
     .controls-info {
         flex-wrap: wrap;
         justify-content: center;
     }
-
+    
     .connection-status {
         top: 10px;
         right: 10px;
@@ -286,25 +284,25 @@ body {
     .arduino-text {
         font-size: 20px;
     }
-
+    
     .arduino-logo {
         height: 24px;
     }
-
+    
     .score-display {
         font-size: 18px;
         gap: 10px;
     }
-
+    
     .score-label,
     .high-score-label {
         font-size: 16px;
     }
-
+    
     .controls-info {
         font-size: 12px;
     }
-
+    
     .key-icon {
         padding: 2px 6px;
         font-size: 10px;
@@ -315,23 +313,23 @@ body {
     #gameCanvas {
         cursor: default;
     }
-
+    
     #gameCanvas:hover {
         transform: none;
     }
-
+    
     #gameCanvas:active {
         transform: scale(0.98);
     }
-
+    
     .key-icon {
         display: none;
     }
-
+    
     .control-item:first-child::before {
         content: "Tap to ";
     }
-
+    
     .control-divider,
     .control-item:last-child {
         display: none;
@@ -342,11 +340,11 @@ body {
     body {
         background: white;
     }
-
+    
     .connection-status {
         display: none;
     }
-
+    
     .game-container {
         box-shadow: none;
         border: 1px solid #ddd;

examples/mascot-jump-game/python/main.py

@@ -1,4 +1,4 @@
-# SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+# SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
 #
 # SPDX-License-Identifier: MPL-2.0
 
@@ -231,5 +231,14 @@ def on_client_connected(client_id, data):
 # Provide the LED state function to the Arduino sketch
 Bridge.provide("get_led_state", get_led_state)
 
+# Start game loop in separate thread
+game_thread = threading.Thread(target=game_loop, daemon=True)
+game_thread.start()
+
 # Run the app
-App.run(user_loop=game_loop)
+try:
+    App.run()
+except KeyboardInterrupt:
+    game_running = False
+    if game_thread:
+        game_thread.join()

examples/mascot-jump-game/sketch/game_frames.h

@@ -1,5 +1,5 @@
 /*
- * SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+ * SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
  *
  * SPDX-License-Identifier: MPL-2.0
  */

examples/mascot-jump-game/sketch/sketch.ino

@@ -1,4 +1,4 @@
-// SPDX-FileCopyrightText: Copyright (C) ARDUINO SRL (http://www.arduino.cc)
+// SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
 //
 // SPDX-License-Identifier: MPL-2.0