今天的主題:準備工具 + 定義資料結構第一步:準備開發工具1.Node.js從 Node.js 官網下載 LTS 版本。安裝後打開終端機輸入:node -vnp...
Day 12版型切版:完成主要版面排版
今天的任務是將前幾天完成的設計規格文件與HTML骨架正式轉換成視覺化的網頁版面,也就是俗稱的「切版」工作。切版的核心是利...
Day 15卡片/遊戲區切版:建立卡片外觀、按鈕樣式
今天的目標是針對遊戲的核心互動區塊進行詳細切版,特別是卡片的視覺設計與按鈕的樣式調整。這個步驟將讓網站的主...
Day 19主題:音效 / 特效 — 成功或失敗時的動畫與音效今日目標在前幾天,我們已經完成了翻牌邏輯,卡片能夠生成、翻轉,並進行配對判斷。今天的任務就是為遊戲...
不知道讀者們在網路上滑短影片時有沒有看過一些有創意的登入介面?就是那種不一定有什麼作用,但能使人臉上掛上微笑的小程式。今天開始筆者將開始製作那類小程式,它有著註...
在昨天的文章,介紹了 state 就像是螢幕快照一樣,一次 render 只會的 state 不會改變,所以我們如果進行三次 setNumber(number...