鐵人檔案
由上篇的布景觀念，可以設計出如下的樣貌 一開始畫面呈現的球，離下面的板子有些許距離，是因為想要讓畫面呈現出，當開始鈕按下去後，球落下，隨著板子的左右移動，有個...
在打磚塊(block) - 布景提到，當圖片載入後，可以透過cansvas提供的function drawImage()將圖檔繪製在畫面中，然而此遊戲並非適合。...
本來想要讓畫面精美一點，所以元素都用自己繪製的圖檔，並透過css flex讓內部元素都置中，但遇到一個問題是，想要把下面的板子做左右移動時，會去計算他離left...
改回flex 裡面包canvas後，並把所有畫面的物件都用 canvas 排版和繪出後，目前可達到畫面動態更動後，也不會有物件跑出遊戲畫面之外的情況。 另外當按...
上篇提到判斷球碰到磚塊，會比碰到板子再多從y軸方向，由上往下墜落的考量；然而在碰斷磚塊後，磚塊消失後，為了不用再重複判斷已經消失的那個磚塊位置，因此多加一個磚塊...
在前幾個遊戲中，太常因為遊戲排版而來回耗了許多時間，所以在接下來的遊戲--小朋友下樓梯前，我想要花個3-5天純研究點與排版有關的CSS。不然腦海中有些動畫上的效...
接下來的CSS學習，會以閱讀HTML & CSS Design and Build Websites 作為學習手冊，且著重在排版相關的內容。 所以今天會...
Overlapping elements z-index 定位結構講述的relative, absoulte，或是absoulte裡的fixed 定位，都可以重...
當elements都是float，element的高會影響其位置，如書中範例 (圖一) (圖一) <body> 750px, <p>23...
小朋友下樓梯真的是八年級生非常經典的遊戲，相信這年代的人都玩過吧XD 圖片出處 遊戲說明 遊戲開始後，畫面的元素都會一直往上移動，要一直讓人物往下墜在某個平台上...
