前言 這篇要介紹的是 JS 的繼承方式: 原型繼承，另外也會介紹幾個重要的專有名詞，包括原型鏈、[[Prototype]] vs __proto__ 等。 繼...
在早期還是新手程式設計師的我，一直搞不懂事件驅動的程式風格到底有什麼好處，也因此走了一些冤枉路，更糟的是我繞了遠路還不自知。因此希望能藉今天這篇文章，讓同學們能...
不管你喜不喜歡沙盒遊戲，都無法否認我的世界(Minecraft)、泰拉瑞亞(Terraria)這些屹立了十多年仍然立於頂端的遊戲類型有多麼吸引玩家。 類似的沙盒...
前天提到亂數產生器，以一個看似單純卻聚集了數學精要的演算法自製亂數產生器。 昨天講了哈希雜湊，列舉了雜湊在遊戲裏能夠施展的各種能力。 那麼今天我們來試著讓MD5...
這是 ES6 中對作用域新的專用語，翻成中文就是「時間上暫時無法達到的區域」，簡稱為「暫時死區」, let const 才有。在 JavaScript 中對於變...
如果不宣告變數會污染全域，多人開發起來會變得很雜亂 例 1 例 2 function fnB的a不會影響到全域的a答：'local',1 '全'...
這篇文章會說到JavaScript的運算子，簡單介紹兩種： 賦值運算子 邏輯運算子 賦值運算子 假設我有100元，幸運的我今天在路上撿到10元，要計算現在有...
前言 因為 bind() 這個函式不只可以用來綁定 this，也可以做到像 Currying(柯里化)的效果，所以獨立一個篇章來說明，同時也會介紹柯里化。 不過...
哈希函數(Hash)對我而言是個熟悉卻又陌生的老朋友，因為在開發各種系統與遊戲的人生中，一直少不了它的陪伴，但始終沒有親手實作這些函數。 Hash Funct...
今天的標題可能會讓人很困惑，明明JavaScript就提供了Math.random()，現成的亂數產生器為什麼放著不用，要自己瞎搞一個出來？ 九成以上的遊戲都藉...
了解 Geometry (幾何體) 與 Material (材質) 後就可以開始組成物件了 建立物件 先創建頭部及耳朵幾何體，並設定大小 const hea...
這篇文章會說到JavaScript的運算式及運算子，今天先簡單介紹兩種： 算術運算子 比較運算子 算術運算子 在JavaScript中算術運算子也是我們所...
前言 這篇將會介紹 bind() 的一些使用範例和實作一個簡單版本的 bind()。 bind() 語法 & 範例 語法: fn.bind(thisA...
從多年前開始寫遊戲就發現了，不管是用C寫GBA卡帶遊戲、用C++寫3D戰略遊戲、用Flash寫RPG、用Java寫Applet、用Unity寫VR、還是用Typ...
在3D的世界中，所有物件都是由 Geometry(幾何體)＋ Material(材質) 所組成。 幾何體種類 幾何體跟材質一樣分很多種類如常見的 種類...
在 3D 的世界中，所有物件都是由 Geometry(幾何體)＋ Material(材質) 所組成。 材質屬性 材質屬性有非常多可控制的項目如常見的...
前言 在每天的實作中，都會遇到不熟、不知道如何使用語法完成的難題，可以點擊CSS 100作者本身的CodePen參考(參考下圖紅色箭頭)，像是背景色、動畫效果之...
今天要來做的是滾動動畫，利用滑鼠滾輪來控制BOX從左右兩邊交叉的出現，倒回去也一樣可以XD! 那我們就直接開始吧 運用知識點羅列 CSS 知識點 使...
前言 雖然 Day8 的文章有提到 call()、bind()、apply() 這三個函式，不過也就只是淺淺帶過它們都能改變 this 指向，所以接下來的幾篇文...
今天要來做的是圖片模糊加載，圖片一開始是很模糊的，隨著加載率從0%~100%的過程中，會越來越清楚，最後進入焦點，而加載文字的部分則會慢慢淡出 事前準備 1....
昨天我們學會了怎麼用內積檢測角色圓與彈道的碰撞，用這個方法可以完整搜集一個飛得很快的物件和遊戲中一般物件的碰撞事件。不過在一些較為少見的情況下，遊戲也可能需要知...
今天是中秋節，應景一下就做了一個很陽春的導覽列，本篇的重點會放在CSS 2D Transform的部分中秋圖片參考自iStock 事前準備 一張你喜歡的圖...
Fps FPS（frame per second），每秒顯示幀數，一般用來描述遊戲或影片每秒撥放多少影格，而人眼每秒可處理約 10-12 個圖像，因此在 12f...
前言 相信箭頭函式是很多前端開發者知道的 ES6 語法，不過有沒有想過為什麼會想用它? 而上篇介紹了 this 的指向，那箭頭函式調用 this 時的指向為何?...
射擊遊戲的程式需要一個很重要的功能－檢測彈道與角色是否發生碰撞的能力。有同學說，我把子彈用一個圓形圍起來，遊戲中的角色也用圓形圍起來，那麼只要檢查兩個圓形有沒有...
本篇介紹內容為基本型別的布林boolean 布林如何使用 null、undefined 字串轉數字 數字轉字串 布林boolean 布林值有兩個，分別為tr...
本篇文章將會介紹JavaScript字串 字串是什麼，如何使用 字串連接、索引、取區間中的值……等語法 樣板字面值 轉義字符 字串 string 當你再J...
不管是2D還是3D，幾乎沒有遊戲能離得開向量，小至幾何繪圖、動畫旋轉等像素操作，大至光跡追蹤、路徑搜尋等邏輯演算，向量都在其中扮演著重量級的魔王，擋在遊戲開發的...
手牽手 一步兩步三步四步 望著天看星星 一顆兩顆三顆四顆 連成線 周杰倫星晴歌詞中出現的點和線是最基本的幾何元素，進而可以創造更複雜的幾...
前言 相信讀這篇文章的你，已經不是第一次看到 JavaScript 的 this 關鍵字了，但有時還是難以搞懂在一段複雜程式碼當中的 this 會指向哪裡是吧？...
harry xie
小哈片刻
denny0628
Yumy
Yingge170
steventhibe
hannnahTW
olddunk
iThome鐵人賽
看影片追技術