Об этом проекте

WigglePlay — это открытая коллекция обучающих мини-игр на базе браузера для детей от 2,5 лет. Основным дизайнерским решением стал отказ от клавиатуры и мыши: дети взаимодействуют через веб-камеру, касания, микрофон или датчики движения устройства. Каталог можно просматривать по стилю взаимодействия, возрастной группе и интересам, и каждая представленная игра доступна для запуска. В README описано 16 игр. Проекты с использованием камеры и трекинга поз включают Air Painting (указывайте, чтобы рисовать, наводите для выбора цвета, сжимайте кулак для остановки), Catch the Stars (двигайте рукой, чтобы управлять корзиной), Wave to Pop (касайтесь плавающих пузырей), Fruit Slice (разрезайте фрукты взмахом), Tickle the Cat, Fly High, Bus Driver, Beep Meow Whoosh, Wiggle Mirror, 3D Toy Town и Simon Says Mirror. Игры с использованием касаний, микрофона и движения включают Tap the Farm, Animal Call (только громкость, без записи), Alphabet Trail, Path Tracer и Shake the Tree. Панель настроек для взрослых защищена родительским контролем (нажатие и удержание). Она включает управление звуком и голосом, общий режим взаимодействия (все тело, взмах рукой, указание пальцем или только голова), качество камеры и отзывчивость трекинга, длительность сессии до появления экрана прощания, а также параметры каждой игры, такие как скорость, размер и частота появления объектов. Приложение разработано без неправильных ответов или состояний проигрыша; действия вызывают звуковые и визуальные награды, а очки отображаются, но не имеют значения. Кадры с камеры обрабатываются на устройстве и не записываются и не загружаются. Модели MediaPipe и среда выполнения WASM предоставляются локально для использования в автономном режиме. Технологический стек включает Vite, React 19 и TypeScript. Трекинг рук и поз реализован с помощью MediaPipe Tasks Vision; Three.js обеспечивает процедурных 3D-маскотов и реквизит, созданных из стикер-арта с помощью навыка img2threejs. Правила игр хранятся в чистых модулях logic.ts с тестами, а компоненты React отвечают за рендеринг холста и аудио. В README также описаны десктопные оболочки Electron для Windows и macOS, мобильная оболочка Expo для Android и iOS, пакеты обновлений для автономного режима, развертывание через GitHub Actions на GitHub Pages и лицензия MIT.