iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1012 瀏覽

技術 Unity自學遊戲製作 Your First Game學習day1

素材取用以及製作地形:1.圖片中unit多少代表一個網格包含了多少像素,因此unit越小圖片會呈現的越大(這裡跟著教學設置了16)2.在hierarchy點擊右...

rayrayiguitar ‧ 2023-06-05

0 Like 3 留言 1211 瀏覽

鐵人賽 Modern Web DAY 1

PixiJS青銅玩家系列第 1 篇

技術【LV. 1】PixiJS青銅玩家：前言

▉ 打排位之前要先練等啊系統提示：「好的開始是成功的一半」，PixiJS青銅玩家進入遊戲。 JS都還沒學會，就踏入PixiJS的領域，在什麼都不懂的情況...

NoZ ‧ 2022-09-16 ‧團隊好想工作室 v6.0

0 Like 0 留言 785 瀏覽

鐵人賽自我挑戰組

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 33 篇

技術 [Day 33] 再訪碰撞偵測與解析(五) - Debug Ray vs Rect (二)

今日目標繼續Debug Ray vs Rect的部分 MISSION FAILED! QAQ 今天又很晚下班了只有單純的把昨天的部分再抄一遍，但還是理解...

POKA ‧ 2021-10-13

0 Like 0 留言 638 瀏覽

鐵人賽自我挑戰組

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 32 篇

技術 [Day 32] 再訪碰撞偵測與解析(四) - Debug Ray vs Rect!

今天加班到很晚，希望回到家還能有時間處理昨天寫出來的bug 今日目標找出與修正ray vs debug的問題 MISSION FAILED! 如上所述今天...

POKA ‧ 2021-10-12

0 Like 0 留言 803 瀏覽

鐵人賽自我挑戰組

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 31 篇

技術 [Day31] 再訪碰撞偵測與解析(三) - 解析很複雜!

今日目標實作AABB的碰撞解析意外複雜! 今天嘗試實作昨天YT教學影片的內容，然後在看看怎麼樣把功能改道我的們2D Platformer裡面，主要是做這...

POKA ‧ 2021-10-11

0 Like 0 留言 1067 瀏覽

鐵人賽自我挑戰組 DAY 30

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 30 篇

技術 [Day 30] 再訪碰撞偵測與解析(二) - 初步碰撞解析

今天只有研究一些相關的文章與做法，並沒進行實作，所以單純的紀錄一下今日目標角色移動不穿過其他物件 MISSION FAILED! 要解決的問題不是那麼簡...

POKA ‧ 2021-10-10

0 Like 0 留言 801 瀏覽

鐵人賽自我挑戰組 DAY 29

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 29 篇

技術 [Day29] 再訪碰撞偵測與解析(二) - AABB碰撞偵測

今日目標實現AABB碰撞偵測視覺上的debug效果 Entity與其相關功能我把昨天的Entity結構獨立出來，然後新增了這三個function方便之...

POKA ‧ 2021-10-09

0 Like 0 留言 636 瀏覽

鐵人賽自我挑戰組 DAY 28

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 28 篇

技術 [Day28] 再訪碰撞偵測與解析 (一) - 需要的資料

今日目標 AABB碰撞 MISSION FAILED! 準備一下接續昨天的內容，接下來要製作碰撞的部分，既然要實現AABB，首先需要有碰撞框的資料，預想中...

POKA ‧ 2021-10-08

0 Like 0 留言 785 瀏覽

鐵人賽自我挑戰組 DAY 27

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 27 篇

技術 [Day27] 測試場景與角色

今天意外順利，把預設要做的東西都有做出來 ^_^ 今日目標搭建測試場景建立角色在場景上搭建場景 & 角色 & Debug 場景小改了...

POKA ‧ 2021-10-07

0 Like 0 留言 924 瀏覽

鐵人賽自我挑戰組 DAY 26

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 26 篇

技術 [Day26] 製作測試場景

今天又加班了，回到家快速的實現一下腦中想法，但貌似碰到問題... 今日目標製作簡易場景接下來接下來要回到game play的部分，要完成之前角色操作的...

POKA ‧ 2021-10-06

0 Like 0 留言 693 瀏覽

鐵人賽自我挑戰組 DAY 24

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 24 篇

技術 [Day 24] 字形渲染(Text Rendering) - 渲染文字

今日目標在視窗內渲染出"Hello, world!" DrawText void DrawText(const char* text,...

POKA ‧ 2021-10-04

0 Like 0 留言 1257 瀏覽

鐵人賽自我挑戰組 DAY 23

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 23 篇

技術 [Day23] 字形渲染(Text Rendering) - 載入字形

先聲明: 本篇只處理渲染出ASCII碼的部分，渲染ASCII以外的字母還需要處理解析unicode的部分今日目標載入字體檔(.ttf) 關於渲染字形這件...

POKA ‧ 2021-10-03

0 Like 0 留言 726 瀏覽

鐵人賽自我挑戰組 DAY 22

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 22 篇

技術 [Day 22] 2D批次渲染 (三) - 終於找到問題了

今日目標 [Debug] 批次渲染 DrawLine 終於找到問題在哪了... 終於找到問題在哪裡，有兩個地方寫錯了頂點顏色的buffer size不...

POKA ‧ 2021-10-02

0 Like 0 留言 653 瀏覽

鐵人賽自我挑戰組 DAY 21

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 21 篇

技術 [Day 21] 2D批次渲染 (三) - Bug!一堆Bug

今日目標繼續完成批次渲染結果... 今天抓到一堆bug，但是還是沒debug完，被我弄丟的小方塊(矩形)回不來了。目前還在努力Debug中.... 這是...

POKA ‧ 2021-10-01

0 Like 0 留言 608 瀏覽

鐵人賽自我挑戰組 DAY 20

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 20 篇

技術 [Day 20] 2D 批次渲染 (二) - BURN OUT

今日目標繼續實作批次渲染與先前的方法比較，是否增加效能 MISSION FAILED! 先跟睡意不是很濃厚，但是感覺異常疲憊，有點BURN OUT的感...

POKA ‧ 2021-09-30

1 Like 0 留言 904 瀏覽

鐵人賽自我挑戰組 DAY 19

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 19 篇

技術 [Day 19] 2D 批次渲染 (一)

今日目標 2D批次渲染 DrawLine呢照理來說，今天要實作DrawLine但是為什麼沒有呢? 這是我預計畫線功能接口的樣子 void DrawLine...

POKA ‧ 2021-09-29

0 Like 0 留言 731 瀏覽

鐵人賽自我挑戰組 DAY 18

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 18 篇

技術 [Day 18] 製作更多的Debug工具 (1) - 連接期錯誤

今日目標合併iron_window與iron_render 製作DrawLine用來畫輔助線為什麼要合併? iron_window底下其實是封裝glf...

POKA ‧ 2021-09-28

0 Like 0 留言 616 瀏覽

鐵人賽自我挑戰組 DAY 17

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 17 篇

技術 [Day17] 基本移動

今天只是單純想讓我的們角色動起來，結果又又又又卡在奇怪的地方了，方向感覺對了，但有很多東西要修。今日目標角色的基本移動、跳躍、與重力移動與重力根據昨...

POKA ‧ 2021-09-27

1 Like 0 留言 669 瀏覽

鐵人賽自我挑戰組 DAY 16

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 16 篇

技術 [Day16] 再戰SAT

今天花了一整天Debug，一直看為甚麼「Not Work」，單純紀錄一下流程。今日目標修好昨天的SAT範例簡單紀錄Debug的流程(?) 依照昨天的文...

POKA ‧ 2021-09-26

1 Like 0 留言 1401 瀏覽

鐵人賽自我挑戰組 DAY 15

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 15 篇

技術 [Day15] 碰撞偵測 - 分離軸原理 SAT

今日目標實作SAT碰撞偵測 SAT的作法回顧一下，AABB的作法是不管是甚麼形狀，都把物件包進矩形的碰撞框裡，但很明顯的這會導致碰撞的「不精確」，既使是...

POKA ‧ 2021-09-25

1 Like 0 留言 1505 瀏覽

鐵人賽自我挑戰組 DAY 14

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 14 篇

技術 [Day14] 初見碰撞系統

到目前為止，我們有了時間，可以輸入，還可以對「物件」進行位移，看來可以開始讓「小鐵(LittleIron)」開始跑跑跳跳了，就像那名傳奇的水管工一樣，但在這之前...

POKA ‧ 2021-09-24

1 Like 0 留言 850 瀏覽

鐵人賽自我挑戰組 DAY 13

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 13 篇

技術 [Day13] 時間處理

今日目標限制幀數 Framerate Independent 設計錯誤這個是我再次參考Game Progarmming Pattern - Game L...

POKA ‧ 2021-09-23

0 Like 0 留言 805 瀏覽

鐵人賽自我挑戰組 DAY 12

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 12 篇

技術 [Day12] 關於時間粗略紀錄一下

今日目標 Time與DeltaTime Game Loop 之前沒有寫到這個，但至今一直在用，簡單的說 while (true) { input...

POKA ‧ 2021-09-22

0 Like 0 留言 911 瀏覽

鐵人賽自我挑戰組 DAY 11

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 11 篇

技術 [Day11] 2D的數學世界 (三) - 位移、旋轉、縮放

今日目標位移、旋轉、縮放以下位移、旋轉、縮放僅是補充，又或著是說個人筆記(?)，閱讀這篇單純的看算式結果就可以知道，為什麼他的矩陣是長這樣了。位移、縮...

POKA ‧ 2021-09-21

1 Like 0 留言 4205 瀏覽

鐵人賽自我挑戰組 DAY 10

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 10 篇

技術 [Day10] 2D的數學世界(二) - 座標系轉換

本篇沒有實作，僅數學理解內容今天的內容，可能有點長，會拆成兩篇 - 2D的數學世界(三) (謎: 爽啦?!有水了一回) 今日目標理解座標系轉換之前的Dr...

POKA ‧ 2021-09-20

0 Like 0 留言 752 瀏覽

鐵人賽自我挑戰組 DAY 9

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 9 篇

技術 [Day9] 預設貼圖

今日目標補充[Day4]第一個矩形的內容產生預設貼圖設計簡單的2D渲染器 iron_render這裡就是放任何跟渲染相關功能的地方。2D渲染器，剛開始...

POKA ‧ 2021-09-19

0 Like 0 留言 843 瀏覽

鐵人賽自我挑戰組 DAY 8

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 8 篇

技術 [Day 8] 2D世界中的數學 (一)

今日目標基本的數學函式庫(向量與陣列) 要多少才夠從另一個角度看，我認為遊戲中的從小小的讓角色移動，到一些嘆為觀止的特效，背後都是由大量的數學轉換而來的...

POKA ‧ 2021-09-18

1 Like 0 留言 1255 瀏覽

鐵人賽自我挑戰組 DAY 7

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 7 篇

技術 [Day7] 簡單的Log

昨天做輸出系統的時候，發現輸出Vector2這樣常見的結構，沒有一個通用的函式直接轉成字串。再往回看，好像沒有做過Log功能欸，雖然直接使用printf也可以，...

POKA ‧ 2021-09-17

0 Like 0 留言 1415 瀏覽

鐵人賽自我挑戰組 DAY 6

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 6 篇

技術 [Day6] 初見輸入系統

今日目標鍵盤滑鼠輸入 GLFW Input Callback 第一篇的時候，有簡單的介紹glfw管理的一系列輸入callback，，我只用了KeyCall...

POKA ‧ 2021-09-16

1 Like 0 留言 1679 瀏覽

鐵人賽自我挑戰組 DAY 5

翻車機率極高的2D平台遊戲(2D Platformer)製作系列第 5 篇

技術 [Day5] 第一章貼圖

今日目標載入圖片，畫出第一張圖 stb_image.h 第三天-驅動OpenGL這篇有稍稍提到這個玩意 Single-header file 並推薦了...

POKA ‧ 2021-09-15

技術 Unity自學遊戲製作 Your First Game學習day1

技術 【LV. 1】PixiJS青銅玩家：前言

技術 [Day 33] 再訪碰撞偵測與解析(五) - Debug Ray vs Rect (二)

技術 [Day 32] 再訪碰撞偵測與解析(四) - Debug Ray vs Rect!

技術 [Day31] 再訪碰撞偵測與解析(三) - 解析很複雜!

技術 [Day 30] 再訪碰撞偵測與解析(二) - 初步碰撞解析

技術 [Day29] 再訪碰撞偵測與解析(二) - AABB碰撞偵測

技術 [Day28] 再訪碰撞偵測與解析 (一) - 需要的資料

技術 [Day27] 測試場景與角色

技術 [Day26] 製作測試場景

技術 [Day 24] 字形渲染(Text Rendering) - 渲染文字

技術 [Day23] 字形渲染(Text Rendering) - 載入字形

技術 [Day 22] 2D批次渲染 (三) - 終於找到問題了

技術 [Day 21] 2D批次渲染 (三) - Bug!一堆Bug

技術 [Day 20] 2D 批次渲染 (二) - BURN OUT

技術 [Day 19] 2D 批次渲染 (一)

技術 [Day 18] 製作更多的Debug工具 (1) - 連接期錯誤

技術 [Day17] 基本移動

技術 [Day16] 再戰SAT

技術 [Day15] 碰撞偵測 - 分離軸原理 SAT

技術 [Day14] 初見碰撞系統

技術 [Day13] 時間處理

技術 [Day12] 關於時間粗略紀錄一下

技術 [Day11] 2D的數學世界 (三) - 位移、旋轉、縮放

技術 [Day10] 2D的數學世界(二) - 座標系轉換

技術 [Day9] 預設貼圖

技術 [Day 8] 2D世界中的數學 (一)

技術 [Day7] 簡單的Log

技術 [Day6] 初見輸入系統

技術 [Day5] 第一章貼圖

標記使用者

技術【LV. 1】PixiJS青銅玩家：前言