早上先前往醫院申請死亡證明書，爺爺住了差不多半年的時間，但因為有重大傷病卡的給付，出院結帳只花了一千多塊，死亡證明書申請了 20 份

接著去以前最常買的阿美自助餐，夾了爺爺平常吃的絲瓜、蝦仁炒蛋、韭黃豆皮、煎鱈魚，順便跟老板說這餐是拿去祭拜爺爺的便當，去家樂福買了三罐爺爺最愛吃的甘露川貝枇杷糖，回家後拿了三份死亡證明書給奶奶，以及再次找找爺爺需要換穿的內衣、褲子、拖鞋，奶奶有幫忙挖出爺爺以前在家裡穿過的內衣，還特別交代帶出去的衣服絕對不能帶回來，還有棉被是他自己的不准拿走，原本想在家裡找爺爺的照片拿來當遺照使用，但能看到的只有一兩張爺爺抱著小時候的我的照片，近期的照片...

午休買完金菊雞肉飯後，發現剛剛沒接到的是醫院打來的電話，回電後聽到的是爺爺呼氣量只剩 20 幾的消息，護士說爺爺大概今天或明天就會過世了

在去醫院前先去奶奶家跟他說爺爺今天的狀況：
醫院剛打電話來說爺爺大概今天或明天會過世，你有要去醫院看嗎？ 14:08

看完後奶奶直接說他身體很累無法過去，接著又說有什麼很重要的事情要說但他忘記了，過了一會他才回想起要講的東西，竟然是抱怨昨天買的冰太甜了以後不要弄那麼甜，我想有些人真的是自私自利啊，共度大半輩子的丈夫將要過世了，腦子裡想的卻只有自己吃的東西，唉，這世界很多事情真的不是可以理解的

下午兩...

前言

在進行影像壓縮、AI 影像重建、或品質評估時，常會使用 MSE、PSNR、SSIM 三種指標來衡量影像品質，這篇文章學習如何用數學計算出這三種指標

1. MSE（Mean Squared Error）

均方誤差，是最基本的誤差評估指標

定義：

計算兩張圖的對應像素差的平方平均：

$$
\text{MSE} = \frac{1}{mn} \sum_{i=1}^{m} \sum_{j=1}^{n} (I_{i,j} - K_{i,j})^2
$$

• $I$：原始影像像素值
• $K$：比較影像像素值
• $m, n$：影像的寬高

此為 Three.js 中物體的遠近關係 系列文章 - 第 7 篇：

1. Three.js 中物體的遠近關係 (1) - 什麼是深度測試？
2. Three.js 中物體的遠近關係 (2) - 左手/右手座標系與齊次座標
3. Three.js 中物體的遠近關係 (3) - 深度值的計算方式
4. Three.js 中物體的遠近關係 (4) - 對數深度值
5. Three.js 中物體的遠近關係 (5) - 渲染物體的順序
6. Three.js 中物體的遠近關係 (6) - 如何正確的渲染透明粒子？
7. Three.js 中物體的遠近關係 (7) - 使用 polygonOffset 動態改變深度值

前言

在第四篇系列文 - 大尺度場景下導致的 z-fighting 中提到當兩個物體的深度值非常接近時，會難以辨別是哪個物體在前、哪個物體在後造成 z-fighting 問題，今天這篇文章則是希望使用 polygonOffset 來改變物體的深度值以解決 z-fighting 的問題

- 早上 11:00

今天中午去看爺爺剛好遇到主治醫生，他說今天照 x 光肺部發炎有改善一點，但抽血報告顯示紅血球、血色素等數值都變低，代表有慢性發炎的狀況，目前生命徵象穩定，但血色素的數值從 8 掉到 7 代表身體免疫力正在下降，之後再有細菌感染的話可能血壓會突然掉下來，他說之前爺爺的狀況就像是在平坦的丘陵上很穩定，但前陣子的肺部感染雖然目前身體自己有壓下來了，但細菌還是存在所以目前就像在經歷緩坡生命力正在慢慢消耗

此為 Three.js 中物體的遠近關係 系列文章 - 第 6 篇：

1. Three.js 中物體的遠近關係 (1) - 什麼是深度測試？
2. Three.js 中物體的遠近關係 (2) - 左手/右手座標系與齊次座標
3. Three.js 中物體的遠近關係 (3) - 深度值的計算方式
4. Three.js 中物體的遠近關係 (4) - 對數深度值
5. Three.js 中物體的遠近關係 (5) - 渲染物體的順序
6. Three.js 中物體的遠近關係 (6) - 如何正確的渲染透明粒子？
7. Three.js 中物體的遠近關係 (7) - 使用 polygonOffset 動態改變深度值

前言

前五篇的系列文章讓我們理解 Three.js 中物體的遠近關係是如何決定的，今天這篇文章藉由 Three.js journey - lesson particles 這門課程中渲染粒子系統的範例，學習要怎麼正確的渲染粒子使其前後呈現的順序是正確的

此為 CORS Debug 系列文章 - 第 2 篇：

1. CORS Debug (1) - 網頁快取導致的 CORS 問題
2. CORS Debug (2) - src 與 crossOrigin 在 img 元素中的順序導致 CORS error

簡介

在上一篇文章 - 網頁快取導致的 CORS 問題 中，最終採用了 crossOrigin='anonymous' 這樣的方式解決網頁快取導致的 CORS 錯誤，原本以為這樣已經萬無一失，但沒想到更悲劇的事情發生了 => 在 Safari 瀏覽器有時候會發現網頁上的圖片都不見了

此為 CORS Debug 系列文章 - 第 1 篇：

1. CORS Debug (1) - 網頁快取導致的 CORS 問題
2. CORS Debug (2) - src 與 crossOrigin 在 img 元素中的順序導致 CORS error

簡介

最近做到一個在網頁上展示圖片的功能，簡單來說就是點擊右側的圖片庫，左邊的主畫面可以展示大圖，如下圖所示，這是一個非常簡單的功能，但到最後發現這跟 CORS 有密切的關係，下面我們來一步步探討看看

此為 Three.js 中物體的遠近關係 系列文章 - 第 5 篇：

1. Three.js 中物體的遠近關係 (1) - 什麼是深度測試？
2. Three.js 中物體的遠近關係 (2) - 左手/右手座標系與齊次座標
3. Three.js 中物體的遠近關係 (3) - 深度值的計算方式
4. Three.js 中物體的遠近關係 (4) - 對數深度值
5. Three.js 中物體的遠近關係 (5) - 渲染物體的順序
6. Three.js 中物體的遠近關係 (6) - 如何正確的渲染透明粒子？
7. Three.js 中物體的遠近關係 (7) - 使用 polygonOffset 動態改變深度值

前言

前面幾篇系列文中介紹深度測試運作的原理，而決定畫面上的兩個物體誰遠誰近，除了跟物體之間深度值差異有關，另外也相同重要的是物體間渲染的順序，今天這篇文章就讓我們討論在 Three.js 中是如何根據不同種類的物體決定渲染順序

此為 Three.js 中物體的遠近關係 系列文章 - 第 4 篇：

1. Three.js 中物體的遠近關係 (1) - 什麼是深度測試？
2. Three.js 中物體的遠近關係 (2) - 左手/右手座標系與齊次座標
3. Three.js 中物體的遠近關係 (3) - 深度值的計算方式
4. Three.js 中物體的遠近關係 (4) - 對數深度值
5. Three.js 中物體的遠近關係 (5) - 渲染物體的順序
6. Three.js 中物體的遠近關係 (6) - 如何正確的渲染透明粒子？
7. Three.js 中物體的遠近關係 (7) - 使用 polygonOffset 動態改變深度值

前言

上一篇中我們知道透視投影的深度值 $ z_{depth} $ 和 $ 1/z $ 成正比，如此與人眼感知的狀況相符，對於近處物體的分辨率較高，而遠處物體不容易分辨清楚互相的前後關係，大部分情況下這個深度值的轉換函式可以很好的描述物體的遠近，但如果套用到大尺度的場景，例如：太陽系、宇宙等，這種深度值的轉換函式就會出問題，這篇文章討論會出現哪些問題，以及最後如何使用對數深度值轉換函式解決