ARC Game

Аркская игра

Корпус абстракции и рассуждений, превращенный в веб -игру

Цель этого репозитория - создать простой в использовании интерфейс пользовательского интерфейса для абстракции и рассуждений Франсуа Чолле, таких как дети в возрасте от трех лет могли сыграть с ним. С помощью этого пользовательского интерфейса можно изучить потенциал использования ARC в качестве образовательного материала для развития навыков абстракции и рассуждений маленьких детей, поскольку ARC-задачи предназначены для оспаривания когнитивных способностей, таких как распознавание моделей, логические рассуждения и решение проблем, что делает их идеальными для развития раннего детства.

Ссылка на игру: https://volotat.github.io/arc-game/

О

Цель игры - решить визуальные задачи, приведенные в начале нескольких примеров. Задачи представлены в виде нескольких пар сетей с произвольным разрешением, которые содержат ячейки разных цветов. Каждая пара представляет некоторое преобразование входной сетки в выходную сетку. Сама задача состоит в том, чтобы обнаружить, что преобразование и применить ее на тестовые сетки, которые представлены в нижней части страницы. Только точные решения, в которых все ячейки соответствуют ожидаемому ответу, считаются правильными.

Структура уровня

Пример сетки пары вверху, тестируйте пару сетки в средней и цветовой палитре в нижней части изображения.

Управление

Есть несколько способов взаимодействия с тестовыми сетками:

1. Вы можете выбрать любой цвет из палитры, а затем покрасить его на сетке.
2. Вы можете заполнить немного места на сетке, перетаскивая цвет из поддона.
3. Вы можете скопировать данные входной сетки на выводную сетку, нажав на нее.

Различия с оригинальной дугой

Фиксированные размеры сетки: в исходном пользователе ARC может указать произвольный размер сетки на выходе теста. Некоторые задачи выполняются так, что эта механика играет важную роль в ее решении. В выходной сетке «Gray Game» уже указана в правильном размере, что делает такие задачи намного проще. К сожалению, я не смог найти хороший интерфейс для изменения размера сетки, который не был бы слишком запутанным для детей.

Обратите внимание, что задачи были синхронизированы с репозиторием Arc-Agi в 25.08.2024. (1.0.2 релиз)

Печатная версия

Хотя веб -версии более чем достаточно для детей, которые уже опытны в использовании веб -интерфейсов, для детей младшего возраста некоторая физическая версия игры может быть гораздо более доступной средой. Чтобы сделать возможным перемещение нынешних задач в простом списке бумаги, теперь каждая задача может быть напечатана с командой «Печать» в выбранном браузере. Для печати веб -страницы будут скорректированы соответствующим образом. Например, цвета ячейки будут слегка смещены, чтобы соответствовать типичному набору из 10 цветных маркеров/карандашей.
Вот цвета, которые изменены в печатной версии:

Черный -> прозрачный (белый)
Зеленый -> темно -зеленый
Aqua -> Deep Blue
Серый -> черный (очень темно -серый)
Пурпурный -> Темная фиолетовая
Maroon -> Brown

Пример уровня, доступного для печати на типичной бумаге A4.

Строить из источника

Это веб-приложение, сделанное с Parcel Bunlder. Чтобы иметь возможность создать его из исходного кода, обязательно установите посылку с следующей командой:

npm install -g parcel-bundler

Затем запустите его в качестве локального веб -приложения:

 cd source
nvm use --lts
npm start

На этом этапе вы сможете посетить http: // localhost: 1234/и увидеть веб -страницу игры.

Последнее обновление изменяется (28.08.2024)

• Добавлен новый стиль CSS для печатных страниц.
• Задачи E7A25A18, 3EE1011A, BD14C3BF перенесены в категорию «Легко».
• Задачи 662C240A, B0F4D537, 4E45F183, C87289BB, перенесенный в категорию «среднего».
• Задачи A8610EF7, 423A55DC, 6D0160F0 перешел на «жесткую» категорию.
• Задача 27A28665 перенесена в категорию «несколько решений».
• Все задачи синхронизированы с репозиторием Arc-Agi в следующую дату: 25.08.2024 (1,0.2 Выпуск)
• Исправлена ​​проблема с функцией заполнения затопления.