Как добавить пасхальные яйца на свой сайт (веб-приложение) с помощью Javascript

Пасхальное яйцо (в области программирования) — это неожиданная или недокументированная особенность компьютерного программного обеспечения или DVD, включенная в качестве шутки или бонуса. Все знают пасхальные яйца Google, попробуйте написать «Сделать прыжок в сед и отскок с поворотом на 360 град в сед», «Зерг Раш» или же «Google в 1998 году» в гугле и вы их увидите. Многие разработчики программного обеспечения раньше скрывали в программном обеспечении функции, которые были бы раскрыты, только если бы вы знали запутанную последовательность нажатий клавиш.

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

А. Использование egg.js

1. Скачайте и установите egg.js

И нет, мы не говорим о фреймворк для создания лучших корпоративных фреймворков и приложений. Мы говорим о egg.js, очень простой сценарий, написанный Майк Флинн это позволит вам добавить пасхальные яйца в ваши веб-приложения, приложения Electron или веб-сайты. Он не имеет предпосылок и позволяет легко добавлять веб-пасхальные яйца, наблюдая за нажатиями клавиш пользователя.

Чтобы добавить egg.js в свой проект, вы можете скачать его с помощью NPM:

npm install egg.js

Или с беседкой:

bower install egg.js

Или просто скачать минимизированный файл из официального репозитория Github здесь. Затем включите egg.js с тегом script:

Наконец то Egg функция будет доступна в окне, этот скрипт весит всего 1,53 КБ. Посетите хранилище библиотеки для получения дополнительной информации.

2. Использование egg.js

Egg.js работает следующим образом: вам нужно создать экземпляр переменной с новым классом Egg, а затем использовать метод addCode, который ожидает инструкции (нажатия клавиш, которые необходимо нажать), которые запускают пасхальное яйцо. Вы также можете добавить хук, как показано в следующем фрагменте, используя addHook, который будет работать после запуска любого кода яйца. Вы можете использовать его, чтобы запустить событие Google Analytics или отправить твит, чтобы кто-то наконец нашел ваше пасхальное яйцо. Крючки получают доступ ко всему объекту Egg.js, так что вы можете получить информацию о пасхальном яйце, которое сработало через this.activeEgg:

var egg = new Egg();
var instructions = "up,up,down,down";
var easterEggName = "Random Name";
var action = function () {
console.log("Triggered");
};
egg.addCode(instructions, action , easterEggName)
.addHook(function () {
console.log("Hook called for: " + this.activeEgg.keys);
// Name of the easter egg
console.log(this.activeEgg.metadata);
}).listen();

Если вам не нужно знать, какая Пасха была вызвана, вы можете просто добавить инструкцию в конструктор в качестве первого параметра и в качестве второго параметра обратного вызова. Из возвращенного значения конструктора выполните метод listen:

var egg = new Egg("up,up,down,down,a,b,c,1", function() {
console.log("Easter Egg triggered");
}).listen();

Внутри обратного вызова вы можете сделать что-то вроде показа Gif, который никто не ожидает увидеть и т.д. Вы можете увидеть живой пример скрипта на этом сайте здесь. Кроме того, вы даже можете использовать эту библиотеку, чтобы добавить так называемые «читы» для вашего приложения.

Б. Использование cheet.js

1. Скачайте и установите cheet.js

Чтобы добавить cheet.js в свой проект, вы можете скачать его с помощью NPM:

npm install cheet.js

Или с беседкой:

bower install cheet.js

Или просто скачать минимизированный файл из официального репозитория Github здесь. Затем включите egg.js с тегом script:

Наконец то cheet функция будет доступна в окне, этот скрипт весит всего 2,87 КБ. Посетите хранилище библиотеки для получения дополнительной информации.

2. Использование cheet.js

Добавление чита

Cheet позволяет легко добавлять читы с помощью метода cheet, это сопоставляет последовательность нажатий клавиш с обратным вызовом. Это можно вызвать несколько раз:

cheet('i d d q d', function () {
alert('god mode enabled');
});

Он может даже использовать специальные символы:

cheet('↑ ↑ ↓ ↓ ← → ← → b a', function () {
alert('Doing something awesome');
});

Обратите внимание, что все инструкции разделяются пробелом, а не запятой (если ваша команда ожидает пробел, используйте ключевое слово space).

Глобальный чит выполняет обратный вызов

Вы можете установить глобальный слушатель, который срабатывает при выполнении любого из читов:

var sequences = {
cross: 'up down left right',
circle: 'left up right down'
};
cheet(sequences.cross);
cheet(sequences.circle);
cheet.done(function (seq) {
if (seq === sequences.cross) {
console.log('cross!');
} else {
console.log('circle!');
}
});

Обмануть только огонь один раз

Вы можете отключить чит, когда он выполняется с помощью cheet.disable метод, который ожидает ту же инструкцию, что и аргумент:

cheet('o n c e', function () {
console.log('This will only fire once.');
cheet.disable('o n c e');
});

С cheet.js вы можете использовать много специальных клавиш, проверьте справочную таблицу здесь. например, включить читы после нажатия специальной клавиши F1:

cheet('f1', function () {
console.log('Cheats activated');
// This will only work if the f1 key is pressed first
cheet('d t w', function () {
alert('Destroying world');
});
});

Вы когда-нибудь играли в GTA San Andreas? Тогда я уверен, что вы найдете использование этих библиотек.