前言 相信箭頭函式是很多前端開發者知道的 ES6 語法，不過有沒有想過為什麼會想用它? 而上篇介紹了 this 的指向，那箭頭函式調用 this 時的指向為何?...
射擊遊戲的程式需要一個很重要的功能－檢測彈道與角色是否發生碰撞的能力。有同學說，我把子彈用一個圓形圍起來，遊戲中的角色也用圓形圍起來，那麼只要檢查兩個圓形有沒有...
本篇介紹內容為基本型別的布林boolean 布林如何使用 null、undefined 字串轉數字 數字轉字串 布林boolean 布林值有兩個，分別為tr...
本篇文章將會介紹JavaScript字串 字串是什麼，如何使用 字串連接、索引、取區間中的值……等語法 樣板字面值 轉義字符 字串 string 當你再J...
不管是2D還是3D，幾乎沒有遊戲能離得開向量，小至幾何繪圖、動畫旋轉等像素操作，大至光跡追蹤、路徑搜尋等邏輯演算，向量都在其中扮演著重量級的魔王，擋在遊戲開發的...
手牽手 一步兩步三步四步 望著天看星星 一顆兩顆三顆四顆 連成線 周杰倫星晴歌詞中出現的點和線是最基本的幾何元素，進而可以創造更複雜的幾...
前言 相信讀這篇文章的你，已經不是第一次看到 JavaScript 的 this 關鍵字了，但有時還是難以搞懂在一段複雜程式碼當中的 this 會指向哪裡是吧？...
三角函數是遊戲程式設計師必定要鑽研的課題之一，除了在向量的運算中需要大量的三角函數之外，光是正弦(sine)與餘弦（cosine)這兩個數學式本身，就能帶給遊戲...
建立完物體，今天來建立軌道控制器及文字 軌道控制器OrbitControls 有了軌道控制器就可以使用鼠標對場景進行操作，使相機圍繞目標進行軌道運動，如旋轉...
先跟著官網簡單的範例創建第一個3D場景，連接到 Day3 新增的按鈕 index.js 修改 index.js 新增當 day3 按鈕按下時指定呈現 day...
這個章節要介紹Number的物件，Number物件是以Number()建構子來建立的。 語法new Number(value);參數value：用來建立物件的數...
前言 這篇要了解的是閉包以及它可以應用的地方，順便也分析和閉包相關的一題常見面試題目。 從範例了解閉包 讀者可以先閱讀以下的範例程式碼: function m...
相信就算沒玩過射擊遊戲的同學，也多少看過別人玩Counter Strike或Call of Duty之類的遊戲吧。在類似的槍戰遊戲中都會出現射擊瞄準用的準星。一...
數據存在於各種地方，打開FB所看到的好友人數、訊息通知數，而數字就是JavaScript的基本型別中的其中一項。本篇會介紹： 數字Number 數字語法介紹：...
若說有一個隱藏在畫面背後，卻掌管著遊戲躍動的重要舵手，那指的就是遊戲的攝影機了。攝影機的操作和性能，除了直接連結了視覺效果，也可能影響角色的操縱性，甚至改變玩家...
最近在複習JS的時候，常對一些長得很像的東西感到困擾 @~@像是等等要介紹的S三姐妹 split( )、 slice( ) 、splice( )這三個真...
今天的題目主要是練習for..in and for..of，什麼是for..in and for..of呢？這兩個又有什麼差別呢？我一開始也不懂，查了網路上好幾...
jsxgraph.js是javascript的一個動態幾何函式庫，因此操作JSXGraph之前，必須對javascript這個程式語言有基本的了解。如果您已經非...
前言 這篇是昨天文章的延伸，並加入了 let/const、Block Scope(區塊作用域)等概念一起解說。 範例說明 這裡有一個範例程式碼，讀者可以先閱讀...
本篇將介紹JavaScript三種變數宣告的差異 如何宣告變數 變數宣告特性 駝峰式命名 三者差別 如何宣告變數 var 變數名稱 = value; le...
本篇講述JavaScript變數與資料型別基本介紹，更深入的內容將會在後續文章中說明 變數概要說明 變數的資料型別 typeof運算子介紹 變數 在紀錄資...
今天的題目主要是練習break,continue的用法，這兩個有什麼不一樣呢？又該如何使用呢？break：強制退出循環，從這個迴圈中完全退出，不再繼續執行。co...
前言 這篇文章將會介紹 Execution Context，然後也會在了解的過程中一併認識 Hoisting(變數提升)、Scope Chain(作用域鏈)。...
在今年天時地利人和的情況下，與朋友們湊在一起組隊「來啊 ! 打摳啊 !」，秉持著取之於網路，回饋於網路的精神，從 0 開始經過反閘，將自己所學做一次整理並記錄...
一般在電腦中儲存顏色是使用3個byte的整數，比如16777215就代表了白色，不過這樣的表示方法很難看得出顏色的資訊，所以寫程式時通常會使用16進位的格式，比...
昨天我們講到靠近演算法，應用這個演算法，可以讓一個數值以一個速率持續接近目標值，套用在畫面上的元件，就能將原本死硬的畫面變成滑順的視覺效果。 那麼我們能用同樣的...
今天的題目是三種迴圈中的for迴圈，也是最常用的一種迴圈，話不多說，來看今天的題目吧！ Task Coding in function pickIt, func...
路邊撿來的偏方 在小哈剛開始接觸遊戲程式設計的時候，偶然看到了這一小段程式碼，在感佩之餘，小哈也在往後的日子將這個方法應用於各式遊戲的開發之中。 hpbar.w...
前言 在這篇文章中，將會介紹 JavaScript 的 Runtime Environment，讓讀者更了解 JS 的執行過程。 JavaScript Run...
身為冒險者的你，如果不小心闖入遊戲中的森林火海因而引火上身，那麼就會持續受到燒傷的傷害。不過另人好奇的是，即使受到四面八方無數的火焰轟擊，被燒傷的人物仍然只固定...
harry xie
小哈片刻
Yumy
olddunk
Yingge170
mirmo_chang
iThome鐵人賽
看影片追技術