[心得] hack js/jq寫出來的遊戲

看板Ajax作者Bambe (起笑的我們:P)時間11年前 (2014/07/31 01:55)推噓2(2推 0噓 1→)

留言3則, 2人參與討論串1/6 (看更多)

半夜睡不著覺，把心情哼成歌，只好在電腦前面無聊逛臉書~~~~~~~ 逛到一半發現友人po了這個小遊戲(對岸網站，不喜勿入~~) http://wbpkh5001.17c.cn/html5/ (看你有多色) 雖然本人只有22分(算低而且還是個色朗呢)，心有不甘便打開 chrome 想研究研究，一打開發現是個純html，於是想辦法hack它幫我找出哪個格子的顏色不一樣，研究如下： ================ 會破壞遊戲質感的防雷區 ============== 建議你可以先玩玩遊戲喔!! 看看自己能得到幾分 XDDDD 首先進入遊戲的首頁，先不要開始，然後打開 chrome 的 F12 開發者工具，視窗最底下會出現個小視窗，把頁籤切到 Console 頁面，直接把以下程式碼貼上去那個 Console 頁籤裡並按下 Enter 送出： ---------------- 複製開始(不包含此行) -------------------- function getColor() { var array2d = []; $('#box span').each(function(a, b) { array2d[a] = $(b).attr('style'); if (a > 0) { if (!(array2d[a - 1] == array2d[a])) { console.log(this); return false; } } }); } ---------------- 複製結束(不包含此行) -------------------- 然後在輸入以下指令： getColor(); 先打好不要按 Enter，然後開始遊戲，等到你覺得找不到色塊的時候，把剛剛打好上一行的指令按下Enter，接著小視窗裡會跳出一個 span 的 html 標籤，把滑鼠移上去，你會發現 Chrome 會告訴你這個色塊在什麼位子，在去按下那個色塊就可以得到一分！後來發現，這樣子的效率好像非常低，試玩了一下才發現多七分而已 0.0... 就把程式改寫了一個小地方... ---------------- 複製開始(不包含此行) -------------------- function getColor() { var array2d = []; $('#box span').each(function(a, b) { array2d[a] = $(b).attr('style'); if (a > 0) { if (!(array2d[a - 1] == array2d[a])) { $(this).trigger('click'); return false; } } }); } ---------------- 複製結束(不包含此行) -------------------- 一樣在開始遊戲前先貼好送出，開始遊戲後打 getColor(); 的指令，你就會發現新大陸只是，偶爾還是有個小 Bug，讓各位來解看看，第一個推文解出來的人給1000P喲 :) 在下小的希望能藉此帶動前端的討論~~~ 謝謝大家 :) 另外，如果希望秒數增加的話，可以在開始遊戲前(先重新整理頁面)，在 Console 輸入 _config.color.addTime = 秒數要幾秒有幾秒喔!! 結論：找不到不同的顏色實在是非常焦慮的一件事啊啊啊啊啊啊~~~ 小弟前端經驗約一年左右，獻醜之際也期望前輩們能夠多多給諸位新人鼓勵，謝謝各位 :) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.25.246.94 ※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1406742941.A.B0E.html