iT邦幫忙

遊戲開發相關文章
共有 127 則文章
鐵人賽 自我挑戰組 DAY 1
Unity 開發從3D出發 系列 第 1

技術 [30天Unity大破解] 1:想開發遊戲,從哪出發

教練,我想學遊戲開發 時代吐槽 想當年國小還在玩遊戲王卡的我,現在看到小學生人手一台手機,打傳說,不然就是回家玩LOL。時代果然不一樣了啊。而因此許多的...

鐵人賽 Modern Web DAY 10

技術 Trick 9: 活塞運動的嘆息:sin與cos

三角函數是遊戲程式設計師必定要鑽研的課題之一,除了在向量的運算中需要大量的三角函數之外,光是正弦(sine)與餘弦(cosine)這兩個數學式本身,就能帶給遊戲...

鐵人賽 自我挑戰組 DAY 3
初見Unity Shader 系列 第 3

技術 甚麼是Shader?

目標 圖形API (Graphics API) Shader從CPU到GPU的流程 前言 Day2的時候,我們直接寫出了一個簡單的Unity Shader,...

鐵人賽 自我挑戰組 DAY 9
初見Unity Shader 系列 第 9

技術 紋理貼圖,又或是叫做Texture

使用Unity 2019 LTS 目標 認識紋理貼圖(Texture) 程式與美術口中的Texture 當匯入一張圖到Unity... 當我們匯入一張圖...

鐵人賽 自我挑戰組 DAY 8
初見Unity Shader 系列 第 8

技術 高光反射與Blinn-Phong Shading

文章使用Unity 2019 LTS 目標 甚麼是經典模型 Blinn-Phong Shading 經典模型 首先要說明的一點,這邊的模型並不是指遊戲中...

鐵人賽 自我挑戰組 DAY 27
初見Unity Shader 系列 第 27

技術 Gamma校正

在Day21時,嘗試講解內建Skybox Shader是怎麼寫的,後來踩到了一些坑,裡面就碰到幾個我不知道的知識點: Gamma HDR GPU Instan...

達標好文 技術 【密技】玩壞Google Chrome小恐龍

Hi!大家好,今天來教大家如何玩壞Google Chrome小恐龍,這款Chrome離線小恐龍跑酷遊戲,一般是在開啟Chrome瀏覽器並在離線狀態下可以玩到的遊...

鐵人賽 Modern Web

技術 Trick 31: 不用引擎也能偽3D

現代的3D遊戲引擎,講究的是眾多製作模型動畫的工具,以及即時計算光影、繪製場景的軟硬體,建模型、套骨骼、拉動作、打燈光、架攝影機...每個環節都是一份全職的工作...

鐵人賽 自我挑戰組 DAY 5
初見Unity Shader 系列 第 5

技術 一個三角形的誕生(下)

目標 認識渲染管線前半段,光柵化階段 光柵化階段 延續昨天的渲染管線,今天介紹後半段,光柵化階段。再把昨天的管線圖貼出來: 上一個階段,幾何階段,設置好了...

鐵人賽 自我挑戰組 DAY 7
初見Unity Shader 系列 第 7

技術 Unity Frame Debugger

文章使用Unity 2019 LTS 目標 如何使用Unity Frame Debugger 甚麼是Draw call Frame Debugger 寫...

鐵人賽 自我挑戰組 DAY 4
初見Unity Shader 系列 第 4

技術 一個三角形的誕生(上)

目標 認識GPU渲染管線的前半部,幾何階段 一個三角形... 以前歐氏幾何學過,三個點可以形成一個最基本的面,也就是三角形,今天就來介紹電腦是怎麼是怎麼劃出...

鐵人賽 自我挑戰組 DAY 2
初見Unity Shader 系列 第 2

技術 從簡單的開始...

本篇文章使用Unity 2019 LTS版本,畫面及API可能會有所不同。 目標 Unity Shader的程式碼結構 幫我們的「朋友」自由的更換顏色...

鐵人賽 Modern Web DAY 2

技術 Trick 1: 萬惡的摸彩箱

萬惡的抽卡遊戲 玩過手機上的抽卡遊戲嗎? 就是店家的桌上放著一疊蓋起來的角色卡片,每花十元可以抽一張卡,但是抽到的總是那幾張老卡,最可愛的那個角色開了幾十百來張...

鐵人賽 自我挑戰組 DAY 29
初見Unity Shader 系列 第 29

技術 Bloom效果,又或是高光效果

文章內使用Unity 2019 LTS 目標 Bloom效果 Bloom 以下這張圖片也是一個常見的螢幕後製特效,Bloom,中文翻作高光。 fro...

鐵人賽 自我挑戰組 DAY 10
初見Unity Shader 系列 第 10

技術 深度緩衝,又或是Z緩衝

目的 認識深度緩衝(Depth Buffer) 深度緩衝 這個東西搜尋一下會發現有很多種叫法,深度緩衝、Z緩衝、depth buffer、z-buffer,...

鐵人賽 自我挑戰組 DAY 6
初見Unity Shader 系列 第 6

技術 漫反射

文章使用Unity 2019 LTS 在現實世界中,我們能看到的任何東西都是由光打在物體上,最後反射至我們眼睛的結果。本章會透過Unity來介紹基本的光源模...

鐵人賽 Modern Web DAY 1

技術 Trick 0: 什麼都不會怎麼寫遊戲?

要挑戰什麼? 在正式開始挑戰30個遊戲演算法的第一天,小哈想先和同學們同步一下接下來的30篇會看到什麼、挑戰什麼、學到什麼。 小哈是個半路出家的遊戲程式設計師,...

鐵人賽 自我挑戰組 DAY 28
初見Unity Shader 系列 第 28

技術 粗略的HDR理解

正如同Gamma校正一樣,只要是跟電腦圖像相關的,一定會聽過HDR這個詞,今天跟昨天(Day27)一樣,「簡單的」了解一下甚麼是HDR,主要是解答我在Unity...

鐵人賽 自我挑戰組 DAY 15
初見Unity Shader 系列 第 15

技術 那張藍藍的圖,法線貼圖(上)

如果模型要做得越逼真、越精細,在早期學習的時候,會把模型的細節一個一個的做出來,到最後會看到一個模型可能有十幾萬、甚至上百萬個三角形。 我們都知道三角形越多等於...

鐵人賽 自我挑戰組 DAY 13
初見Unity Shader 系列 第 13

技術 時間變數與2D動畫

文章內使用Unity 2019 LTS 在今天的Unity(2020.09.27),我們有很多種方法可以製作動畫,對於我來說,組成動畫要素就是位移、縮放、旋...

鐵人賽 自我挑戰組 DAY 25
初見Unity Shader 系列 第 25

技術 Unity中存取相機視角的方法

文章內使用Unity 2019 LTS 一個場景有著各種形狀的物體,假如今天我們不只是要對單一物體進行特效處理,而是要對整個場景所看到「視角」進行處理,例如...

鐵人賽 Modern Web DAY 15

技術 Trick 14: 為什麼要寫自己的亂數產生器

今天的標題可能會讓人很困惑,明明JavaScript就提供了Math.random(),現成的亂數產生器為什麼放著不用,要自己瞎搞一個出來? 九成以上的遊戲都藉...

鐵人賽 Modern Web DAY 7

技術 Trick 6: 顏色的靠近演算法

一般在電腦中儲存顏色是使用3個byte的整數,比如16777215就代表了白色,不過這樣的表示方法很難看得出顏色的資訊,所以寫程式時通常會使用16進位的格式,比...

鐵人賽 Modern Web DAY 20

技術 Trick 19: 事件驅動的程式設計

在早期還是新手程式設計師的我,一直搞不懂事件驅動的程式風格到底有什麼好處,也因此走了一些冤枉路,更糟的是我繞了遠路還不自知。因此希望能藉今天這篇文章,讓同學們能...

鐵人賽 自我挑戰組 DAY 14
初見Unity Shader 系列 第 14

技術 半透明效果

文章內使用Unity 2019 LTS 目標 實作出一個半透明效果 開始之前... 實作一個半透明效果會先需要了解一下深度緩衝跟混合效果,我在系列文中有...

鐵人賽 自我挑戰組 DAY 26
初見Unity Shader 系列 第 26

技術 畫面模糊效果

文章內使用Unity 2019 LTS 模糊(Blur),不只是在遊戲中,在一般的網頁或APP仔細觀察的話,都會有這個視覺效果,今天(Day26)就來介紹「...

鐵人賽 自我挑戰組 DAY 21
初見Unity Shader 系列 第 21

技術 立方體貼圖、Skybox、環境貼圖

文章內使用Unity 2019 LTS 原本標題是想叫做環境貼圖(Enviroment mapping),結果發現題目比想像中的還要大,原是緊急轉彎,換了一...

鐵人賽 Software Development DAY 2
用程式寫遊戲給AI玩 系列 第 2

技術 如何用程式寫遊戲給AI玩

上一篇我們講到「如何用程式寫遊戲給AI玩」,只要把我們的遊戲放在PAIA上就可以了!還沒看過的朋友,先來看看上一篇的「PAIA——AI遊戲競賽平台介紹」吧! 初...

鐵人賽 Modern Web DAY 3

技術 Trick 2: 迷你四輪車演算法

自幼時玩過迷魂車之後,心中就埋下了一個製作開車遊戲的夢想。不過長大後開始寫遊戲,卻一直沒花時間想通這個四輪車前輪轉後輪不轉的運動軌跡,到底要如何不藉助物理引擎的...

鐵人賽 自我挑戰組 DAY 17
初見Unity Shader 系列 第 17

技術 切線空間

延續昨天Day16留下來的坑,這就來講解法線貼圖技術會需要了解的切線空間~! 目標 認識切線空間 法線貼圖在切線空間 之前說到法線貼圖將法線存於貼圖中,並利...