早上 10：00 前往冬瓜行旅討論告別式的方案，選擇的是簡約型加上頭七尾七（滿七）儀式，其實要挑選的東西沒有想像中複雜，主要是看要做幾個七而已，加上其他的晉塔、冰存、靈位等費用粗估不會超過 15 萬，剩下要思考的是祖先牌位到時候告別式後燒掉是不是要裝成化香火的紅包袋形式帶回家供奉，花了兩個小時討論完後前往殯儀館，今天準備的是涼麵拜飯，還有大姑姑從四川帶回來的餅乾糖果等，再把爺爺衣物袋裡的衣服換上剛洗好的

下午前往奶奶家，一進房門他就問爺爺是不是真的走了，怎麼辦怎麼辦…，搞了半天原來他現在才搞清楚爺爺已經走了嗎？問他說告別式要不要去，又是一律的拒絕說很累他不去，一直碎唸...

早上先前往醫院申請死亡證明書，爺爺住了差不多半年的時間，但因為有重大傷病卡的給付，出院結帳只花了一千多塊，死亡證明書申請了 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 中是如何根據不同種類的物體決定渲染順序