Add Theremin, Vibration detection and Object Hunting examples

Author: mirkokurt

examples/object-hunting/app.yaml

@@ -0,0 +1,7 @@
+name: Object Hunting
+icon: 🔍
+description: Detect a list of object to win the game
+
+bricks:
+  - arduino:video_object_detection
+  - arduino:web_ui

examples/object-hunting/assets/app.js

@@ -0,0 +1,213 @@
+// SPDX-FileCopyrightText: Copyright (C) 2025 ARDUINO SA <http://www.arduino.cc>
+//
+// SPDX-License-Identifier: MPL-2.0
+
+const socket = io(`http://${window.location.host}`);
+const errorContainer = document.getElementById('error-container');
+
+// Game state
+const targetObjects = ['book', 'bottle', 'chair', 'cup', 'cell phone'];
+let foundObjects = [];
+let gameStarted = false;
+
+// UI Elements
+const gameIntro = document.getElementById('game-intro');
+const gameContent = document.getElementById('game-content');
+const startGameBtn = document.getElementById('start-game-btn');
+const objectsToFindList = document.getElementById('objects-to-find-list');
+const videoFeedContainer = document.getElementById('videoFeedContainer');
+const winScreen = document.getElementById('win-screen');
+const playAgainBtn = document.getElementById('play-again-btn');
+
+document.addEventListener('DOMContentLoaded', () => {
+    initSocketIO();
+    initializeConfidenceSlider();
+    renderObjectsToFind();
+
+    startGameBtn.addEventListener('click', startGame);
+    playAgainBtn.addEventListener('click', resetGame);
+});
+
+function initSocketIO() {
+    socket.on('connect', () => {
+        if (errorContainer) {
+            errorContainer.style.display = 'none';
+            errorContainer.textContent = '';
+        }
+    });
+
+    socket.on('disconnect', () => {
+        if (errorContainer) {
+            errorContainer.textContent = 'Connection to the board lost. Please check the connection.';
+            errorContainer.style.display = 'block';
+        }
+    });
+
+    socket.on('detection', async (message) => {
+        if (gameStarted) {
+            handleDetection(message);
+        }
+    });
+}
+
+function startGame() {
+    gameStarted = true;
+    gameIntro.classList.add('hidden');
+    gameContent.classList.remove('hidden');
+    updateFoundCounter();
+}
+
+function resetGame() {
+    gameStarted = false;
+    foundObjects = [];
+    winScreen.classList.add('hidden');
+    videoFeedContainer.classList.remove('hidden');
+    gameIntro.classList.remove('hidden');
+    gameContent.classList.add('hidden');
+    renderObjectsToFind();
+    updateFoundCounter();
+}
+
+function updateFoundCounter() {
+    const chip = document.getElementById('found-counter-chip');
+    if (chip) {
+        chip.textContent = `${foundObjects.length}/5 found`;
+    }
+}
+
+function renderObjectsToFind() {
+    objectsToFindList.innerHTML = '';
+    targetObjects.forEach(obj => {
+        const item = document.createElement('div');
+        item.id = `obj-${obj}`;
+        item.className = 'object-item';
+
+        const icon = document.createElement('img');
+        icon.src = `./img/${obj}.svg`;
+        icon.alt = `${obj} icon`;
+        item.appendChild(icon);
+
+        const text = document.createElement('span');
+        text.textContent = obj;
+        item.appendChild(text);
+
+        objectsToFindList.appendChild(item);
+    });
+}
+
+function handleDetection(detection) {
+    const detectedObject = detection.content.toLowerCase();
+    if (targetObjects.includes(detectedObject) && !foundObjects.includes(detectedObject)) {
+        foundObjects.push(detectedObject);
+        const foundItem = document.getElementById(`obj-${detectedObject}`);
+        foundItem.classList.add('found');
+
+        const foundIcon = document.createElement('img');
+        foundIcon.src = './img/found-icon.svg';
+        foundIcon.alt = 'Found';
+        foundIcon.className = 'found-icon';
+        foundItem.appendChild(foundIcon);
+
+        updateFoundCounter();
+        checkWinCondition();
+    }
+}
+
+function checkWinCondition() {
+    if (foundObjects.length === targetObjects.length) {
+        gameStarted = false;
+        videoFeedContainer.classList.add('hidden');
+        winScreen.classList.remove('hidden');
+    }
+}
+
+function initializeConfidenceSlider() {
+    const confidenceSlider = document.getElementById('confidenceSlider');
+    const confidenceInput = document.getElementById('confidenceInput');
+    const confidenceResetButton = document.getElementById('confidenceResetButton');
+
+    if (!confidenceSlider) return;
+
+    confidenceSlider.addEventListener('input', updateConfidenceDisplay);
+    confidenceInput.addEventListener('input', handleConfidenceInputChange);
+    confidenceInput.addEventListener('blur', validateConfidenceInput);
+    updateConfidenceDisplay();
+
+    confidenceResetButton.addEventListener('click', (e) => {
+        if (e.target.classList.contains('reset-icon') || e.target.closest('.reset-icon')) {
+            resetConfidence();
+        }
+    });
+}
+
+function handleConfidenceInputChange() {
+    const confidenceInput = document.getElementById('confidenceInput');
+    const confidenceSlider = document.getElementById('confidenceSlider');
+
+    let value = parseFloat(confidenceInput.value);
+
+    if (isNaN(value)) value = 0.5;
+    if (value < 0) value = 0;
+    if (value > 1) value = 1;
+
+    confidenceSlider.value = value;
+    updateConfidenceDisplay();
+}
+
+function validateConfidenceInput() {
+    const confidenceInput = document.getElementById('confidenceInput');
+    let value = parseFloat(confidenceInput.value);
+
+    if (isNaN(value)) value = 0.5;
+    if (value < 0) value = 0;
+    if (value > 1) value = 1;
+
+    confidenceInput.value = value.toFixed(2);
+
+    handleConfidenceInputChange();
+}
+
+function updateConfidenceDisplay() {
+    const confidenceSlider = document.getElementById('confidenceSlider');
+    const confidenceInput = document.getElementById('confidenceInput');
+    const confidenceValueDisplay = document.getElementById('confidenceValueDisplay');
+    const sliderProgress = document.getElementById('sliderProgress');
+
+    if (!confidenceSlider) return;
+
+    const value = parseFloat(confidenceSlider.value);
+    socket.emit('override_th', value); // Send confidence to backend
+    const percentage = (value - confidenceSlider.min) / (confidenceSlider.max - confidenceSlider.min) * 100;
+
+    const displayValue = value.toFixed(2);
+    confidenceValueDisplay.textContent = displayValue;
+
+    if (document.activeElement !== confidenceInput) {
+        confidenceInput.value = displayValue;
+    }
+
+    sliderProgress.style.width = percentage + '%';
+    confidenceValueDisplay.style.left = percentage + '%';
+}
+
+function resetConfidence() {
+
+    const confidenceSlider = document.getElementById('confidenceSlider');
+
+    const confidenceInput = document.getElementById('confidenceInput');
+
+
+
+    if (!confidenceSlider) return;
+
+
+
+    confidenceSlider.value = '0.5';
+
+    confidenceInput.value = '0.50';
+
+    updateConfidenceDisplay();
+
+}
+
+

examples/object-hunting/assets/fonts/Open Sans/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.