使用 Cornify.js 製作簡單的彩蛋效果。
會使用 cornify.js ，放到 <head> 裡
<script type="text/javascript" src="https://www.cornify.com/js/cornify.js"></script>
建立兩個的變數
secretCode : 觸發彩蛋效果的密碼pressed : 紀錄使用者輸入的按鍵const pressed = [];
const secretCode = 'hazel';
按鍵偵測：
keyup 按鍵離開時，可以得到按鍵的值 e.key
pressed 陣列中window.addEventListener('keyup', (e) => {
pressed.push(e.key);
}
利用 splice 判斷， 然後切第一筆
pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
if 判斷後 splice 切第一筆
// 等於上面那一行，少掉判斷式
if (pressed.length > secretCode.length) {
pressed.splice(0, 1);
}
while 迴圈判斷後 shift
while (pressed.length > secretCode.length) {
pressed.shift();
}
判斷是否為預設secretCode ，就執行 cornify.js
if (pressed.join('').includes(secretCode)) {
cornify_add();
}
可以看看其他類似的 JavaScript 庫來實現不同的彩蛋效果，另一款彩蛋 konami.js， Konami Code 科樂美代碼(Wikipedia)，看完發現就是小時候玩遊戲常常會需要記的大絕密技XD
iThome鐵人賽
看影片追技術