На игре
"Pop-культура [4-ая игра чемпионата точек 2018-2019]" первым заданием была логика, в которой игрокам предлагалось задание в виде
, что в переводе с шифра Брайля означает "Как читается Брайль?".
Задание решалось следующим образом - игрокам необходимо было провести по надписи слева-направо, не отрывая палец от экрана смартфона. Если произошло совпадение точки начала движения и точки отрыва, текст Брайля заменялся на ответ, который закрывал задание.
Минусы:
- Работает только в мобильной версии
- Странно работает в мобильном safari (iphone)
Верстка и скрипт.
<span id="brail">⠠⠅⠁⠅ ⠟⠊⠞⠁⠑⠞⠎⠫ ⠠⠃⠗⠁⠯⠇⠾⠢</span>
Описание работы.
На 8 строке скрипта на искомый блок добавляется событие типа "touchstart", означающие начало движения. В блоке обработки события мы получаем X координату начала движения (9, 10 строки).
На 14 строке скрипта добавляется событие "touchend" - окончание движения соответственно, в блоке которого мы можем получить объект для получения X координаты, на которой было закончено движение (отрыв пальца пользователя) (16 строка).
В условии на строках 19-21 подобраны условия (числа), в случае успешного выполнения которых происходл показ ответа для игрока. В этой игре были подобраны числа с разбросом значений на 60 пикселей для первой точки (-30 ~ 30) и 40 пикселей для второй точки (210 ~ 250).
На 23 строке изменение текста Брайля на нужный ответ, которым и закрываетс задание.
Обфускатор, который я использую - для перевода скрипта в "нечитаемый" вид.
Надеюсь, что это поможет делать интересные и необычные задания. Отвечу на все вопросы или предложения модификации и доработки.