БлогNot. Головоломка Пифагор онлайн

Головоломка Пифагор онлайн

Это классическое детское развлечение времён позднего СССР прекрасно описано вот здесь, там даже оригинальная инструкция есть с сотней картинок, которые можно сложить. Помнится, мне подарила это в 10 лет в Москве знакомая девочка, дочь институтской подруги мамы, и я обещал ей каждый раз писать письмо, когда составлю очередную картинку... одно письмо написал :)

Ну а у меня зато есть небольшая яваскрипт-игра на тему. Выбирать и перетаскивать фигурки можно просто мышью, вращать - стрелками влево и вправо, переворачивать стрелкой вверх. Нажатие пробела изменяет цвет активной фигурки.

Головоломка "Пифагор" (советская Танграм ) - укладка в коробку
Головоломка "Пифагор" (советская Танграм ) - укладка в коробку

К сожалению, здесь нет канвы, чтобы сохранить картинку одним кликом мыши, но не труднее, думаю, заскриншотить. Можно было, наверное, реализовать некий "шаг" перетаскивания по канве, проверять пересечения фигур и т.п., но это была бы уже другая по классу сложности программа.

Чтобы всё сбросить, можно просто нажать F5 в браузере.

Требует JQuery и JQuery.UI, подключённых с внешних сайтов.

Исходник можно увидеть, открыв исходник игры в работе и скопировав нужные файлы в кодировке Юникода UTF-8:

  • index.html - разметка;
  • style.css - стиль;
  • actions.js - взаимодействие с пользователем;
  • circuits.js - управление выбором макета (сделан один макет - исходная "коробочка").

 Играть в Пифагор онлайн (новое окно/вкладка)

Мой советский оригинал головоломки "Пифагор", сохранился
Мой советский оригинал головоломки "Пифагор", сохранился

теги: игра ретро графика javascript

24.04.2020, 20:35; рейтинг: 250