iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起 系列

本系列文章將使用 WebGL,介紹其運作、繪製的機制
從一開始簡單的 2D 三角形,接著到 3D、光照效果、陰影、場景背景等
除了做出 3D 場景之外,也會著墨在這些效果的原理上
分享給對於 3D/GL 有興趣的讀者

鐵人鍊成 | 共 30 篇文章 | 50 人訂閱 訂閱系列文 RSS系列文
DAY 11

Orthogonal 3D 投影

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 11 篇文章。本系...

2021-09-11 ‧ 由 PastLeo 分享
DAY 12

Perspective 3D 成像

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 12 篇文章。本系...

2021-09-12 ‧ 由 PastLeo 分享
DAY 13

視角 Transform

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 13 篇文章。本系...

2021-09-13 ‧ 由 PastLeo 分享
DAY 14

使相機看著目標

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 14 篇文章。本系...

2021-09-14 ‧ 由 PastLeo 分享
DAY 15

Multiple objects (上)

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 15 篇文章。本系...

2021-09-15 ‧ 由 PastLeo 分享
DAY 16

Multiple objects (下)

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 16 篇文章。本系...

2021-09-16 ‧ 由 PastLeo 分享
DAY 17

Normals & Lighting

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 17 篇文章。本系...

2021-09-17 ‧ 由 PastLeo 分享
DAY 18

Indexed Element、請 TWGL 替程式碼減肥

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 18 篇文章。本系...

2021-09-18 ‧ 由 PastLeo 分享
DAY 19

反射光

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 19 篇文章。本系...

2021-09-19 ‧ 由 PastLeo 分享
DAY 20

點光源與自發光

大家好,我是西瓜,你現在看到的是 2021 iThome 鐵人賽『如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起』系列文章的第 20 篇文章。本系...

2021-09-20 ‧ 由 PastLeo 分享