一般像數學、物理和化學等專業人士，使用簡報或文書處理軟體的時候，都會搭配專業的科學符號字型軟體。一般最常字的就是Mathtype，如果網頁要代替簡報軟體，除了提...
用滑鼠拖曳圖案的功能，在許多遊戲裏都能看得到，比如說拼圖遊戲、解謎遊戲、方塊遊戲，或是像暗黑破壞神(Diablo)裏的角色裝備介面，也需要用滑鼠拖曳鎧甲來進行裝...
作者的廢話( 哈囉我又來了，先來講講有關於為甚麼標題長這樣( 事情是這樣的，去年完賽後聽說歷年有在輔仁大學有頒獎典禮等等的活動，所以我就靜靜的等待通知，不料一直...
在寫遊戲流程的時候，常常會遇到需要等待某件事情發生，接著再去做另一件事的情況。比如說城內守衛要巡邏，那是不是要先規畫好巡邏站一二三，然後先設定目標為第一站，逛逛...
今天要介紹的 JavaScript ，目前版本已經來到 ES6 。 在學 JavaScript 之前，需要對 HTML 和 CSS 有基礎的認識 ヽ(✿ﾟ▽ﾟ)...
不知不覺時間來到了第七天啦! 今天要來做的是 Landing Page (又叫「一頁式網站」或「著陸頁」)，那什麼是Landing Page呢?「 單一特定目...
大家好，我是Niki，一隻放棄既有的鐵飯碗、從一個垃圾般的職場中逃離的小鯊魚，同時也是一個第一次參加鐵人賽新手、還沒轉職成工程師的小鯊魚，這樣沒基礎的我還請大家...
本篇會說明內容有： 流程圖如何呈現 將流程圖轉換為程式 if、else、else if 流程圖 流程圖是通過一系列邏輯語句勾勒出問題解決方案的可視化圖表。...
前言 這篇要介紹的是 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 事前準備 一張你喜歡的圖...
olddunk
小哈片刻
seaotter
Olivia
hannnahTW
nikihypocrite
Yumy
harry xie
denny0628
Yingge170
steventhibe
iThome鐵人賽
看影片追技術