iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

Normal Map

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

2021-09-21 ‧ 由 PastLeo 分享
DAY 22

Framebuffer

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

2021-09-22 ‧ 由 PastLeo 分享
DAY 23

鏡面效果

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

2021-09-23 ‧ 由 PastLeo 分享
DAY 24

陰影(上)

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

2021-09-24 ‧ 由 PastLeo 分享
DAY 25

陰影(下)

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

2021-09-25 ‧ 由 PastLeo 分享
DAY 26

3D 物件檔案 — .obj

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

2021-09-26 ‧ 由 PastLeo 分享
DAY 27

.obj 之繪製 & Skybox

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

2021-09-27 ‧ 由 PastLeo 分享
DAY 28

繪製 Skybox

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

2021-09-28 ‧ 由 PastLeo 分享
DAY 29

半透明的文字看板

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

2021-09-29 ‧ 由 PastLeo 分享
DAY 30

帆船與海

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

2021-09-30 ‧ 由 PastLeo 分享