繼上次我說要先第一個用狗勾頁面我就只先設置了那頁的按鈕，記得當你要對按鈕下指令如asp-controller跟action的時候，要先把前面的herf拿掉這裡是...
根據TheMealDB API的List all meal categories可看到有很多餐點分類，不過這次用到那麼多分類，所以等下會在data中定義會用到的...
響應式網頁設計是什麼 響應式網頁設計(Responsive Web Design)簡稱RWD，是開發網頁設計中的一種方法，在不改變網站結構，隨著顯示螢幕的大小調...
HTML5新增的input類型: <!-- 需添加form表單域 --> <form action="">...
多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...
CSS的初始化 簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化 初始化範例 : /* 把我们...
Day18 接下來再進到分數系統之前，卡比要先進行位置的校正，使我們更接近原作。 Enemy 首先我們需要校正 Enemy 的位置，我們將每個整個 Enemy...
Day17 開始做 介面 (HUD)，接下來都是用之前有實作過的技巧！ Render 因為要調整 Text 的位置，我們需要調整一下 render。 funct...
Day16 接下來，卡比想要先去做 介面 (HUD)，方便我們進入到計分系統的時候，可以順便驗證分數。 首先，我們讓畫面能夠渲染 文字。 Text 首先我們要增...
Day15 在 Space Invaders 的遊戲設計中，除了隨著不斷前進而產生的壓迫感之外，Enemy 的射擊也扮演了相輔相成的作用。 他讓遊戲內容不只是單...
Day14 在 Space Invaders 的遊戲設計中，Enemy 的移動邏輯扮演了非常重要的角色，他為遊戲提供了難度，並隨著玩家每次擊殺 Enemy 增加...
本篇重點在於告訴新手們，必懂得HTML標籤、觀念，並且推薦一些文章，讓各位可以往此方向去了解 想當初的自己在資策會學習網頁的地圖就是....HTML結構/標...
Day13 目前做到這邊的大家應該會發現一些問題，在上一個章節，雖然我們成功產生了很多敵人，但是程式卻發生了 Memory Leak。 這就是這個章節的主題，程...
Day12 Level Design 接下來我們要開始設計關卡，小蜜蜂的關卡很單純，但是背後的心理卻很深奧。 不過卡比目前只需要完成基本的就行了，也就是將 En...
Day11 延續上一回，我們嘗試了 Function Composition 的技巧，這次來試試看將同樣的技巧用於 Enemy。 這樣做的目的是，接下來要導入...
Day10 接下來，要幫 Squid 也裝上 Laser，敵人的 Laser 跟我們的外觀是不一樣的，但是卡比希望可以利用原本已經寫好的 Laser 函式，減少...
我們先回顧一下個人履歷的成品，學完HTML和CSS後，是否能順利做出來呢? Reset CSS 其實Chrome瀏覽器內建就有一些CSS的樣式，像超連結是藍字底...
Day9 Collision Behavior 當 Laser 跟 Squid 相互撞擊時，我們想要將 Squid 從場上移除。我們需要一個 event 讓我們...
Day8 Collision Detection 接下來我們要讓 Laser 打中敵人時，將敵人消滅。Laser 要有辦法偵測到目前打中誰，所以需要一個新的功能...
Day7 Shoot 是時候幫我們的 LaserCannon 裝上子彈了！ Input 首先，當玩家按下 Space 時要發射 Laser，所以我們要在 Inp...
Day6 Scenes 在 Web 的領域裡，一個網站會有頁面，像是 Main Page, Login Page, Dashboard ... etc。Game...
Day5 寫程式寫到一定的階段後，會開始發現，其實做出想要的功能並不困難。真正難的，其實是如何寫出有彈性的程式碼以應對各種需求跟變化。卡比接下來要做的，是在一般...
Day4 接下來卡比要是著操作 LaserCannon，讓他可以左右移動。 Input 在上個章節，卡比介紹了 GameLoop。 示意用 while (tru...
隨著科技不斷進步，智慧型手機的普及，網際網路已經進入生活的食衣住行等各方面的需求，隨時隨地只要透過網頁就可以向使用者分享資訊、互動、溝通、購物....，使用者只...
Day3 軟體架構 這邊卡比要介紹一個名詞，Software Architecture 軟體架構。 軟體架構 旨在如何更好的處理各個程式碼段落之間的溝通，雖然並...
Day2 Animation 動畫 動畫在遊戲中扮演非常重要的角色，當繪製的角色在螢幕上動起來時，就像是角色活起來一樣。卡比接下來想要跟大家分享這份喜悅！ 分析...
Day0 動機 Motivation 80 年代對卡比來說是個很特別的年代，那個年代的音樂、影視、電玩深深地影響了卡比，特別是那個遊戲剛發跡的年代，極客們在沒...
這是一篇記錄我大專寫到一半的筆記文，單純是覺得寫code寫出了一點成就感，也是為了能記住曾經走過的歪路。 我還尚未從資策會C#班畢業，是個菜逼中的菜逼，目前正在...
如果你剛接觸編程，想建立網頁/APP，HTML絕對是你第一個要學習的編程語言。 在這篇「HTML教學課程 (入門篇)」，你會學習到： HTML基本概念：開發環境...
相信像下列的輸入框需求，在前端開發的時候很容易遇到 菜鳥前端的第一直覺大概就會想要這樣寫... 把icon的部分直接放在 <input>裡面 <...
原來可以這樣做 | Sunny
a0265392_lin
HelloKayac
切版姐姐
Andy Chiang
iThome鐵人賽
看影片追技術