鐵人檔案
所有起頭前，都需要一個環境因此第一天先以環境設定，以及接下來預期會參考的學習資源作為內容。 環境設定 visual studio code 原因是裡頭有些套件可...
在準備寫這個遊戲前，腦海中浮現需要用到的元素： 輸入框 按鈕：為了送出猜測資料，以及有個提示鈕顯示答案（也方便debug?） 歷史紀錄：紀錄猜測的值和對應的結...
上一篇提到，原先使用2組[0~9]的陣列，分別去紀錄猜測數和目標答案每個數字出現的次數，用於判斷B的數量；最後還得掃完整個陣列才能判斷出B。 此處優化成只有針對...
構思 第一個經典遊戲莫非是貪食蛇了，這遊戲會需要用到的元素如下 邊界範圍: 需要界定蛇可以活動的範圍，觸碰到邊界遊戲即結束 食物: 一開始隨機出現在邊界範...
在能正式運作前，我們先將上篇所提到的元素產生畫面。 背景圖 由於蛇的動畫操作會需要使用html 標籤<canvas>來產生圖像，並搭配js操作圖像的...
原先預期能在今天操作鍵盤下，順利移動蛇身。然而遇到不夠了解js語法，想達到的運作與想要的不符，將記錄在文末；先著重在整個操作的邏輯思維上。 蛇的方向移動一直是此...
知道移動方向時要處理的項目(紀錄改變前的位置和方向)後，可以寫一連串的移動判斷 每次要移動時，檢查下列項目: 下一步的位置是否會超出範圍? -> yes...
目前功能只剩下讓蛇能自動移動，而非只靠鍵盤。 為了達到此目標，我們會需要用到setInterval(func, time(ms)[param1, param2,...
打磚塊也是一款很經典的遊戲，相信許多八年級生也都有玩過XD 如同畫面所見，整個畫面大概分為兩個區域，上方的磚塊 + 下方能左右移動的板子，最後是球在畫面範圍的...
前幾篇的遊戲中著重在了解 HTML 與 JS 之間的關聯和物件 (eg. getElementById、event listener、讀取鍵盤、 有某事件發生時...
