工程作品集

把想法做成真的能用、也能被驗證的作品。

這裡整理我做過的工程作品、產品型個人專案、桌面工具、 瀏覽器擴充套件、即時互動實驗,以及偶爾寫下來的技術筆記。

方向
桌面與網頁
偏好
本機優先
範圍
工具 / 遊戲 / App

精選作品

全部作品
Video Theater 的正體中文商店截圖,顯示影片濾鏡快速設定介面。
瀏覽器擴充套件2026

Video Theater

已上架 Chrome Web Store 的 Manifest V3 擴充套件。使用者可在目前分頁調整影片濾鏡,並為每個網域保存最多三組快速設定,下次回到同一網站時自動套用。

讓過亮或過暗的網頁影片能按網站保存觀看校正,不必每次重新調整。

Chrome MV3JavaScriptCSS filterschrome.storage.sync
Vivaldi Drag Search 的頁面邊緣拖放搜尋介面截圖。
瀏覽器擴充套件2026

Vivaldi Drag Search

把選取文字、連結或網址拖到頁面邊緣,就能選擇在目前分頁搜尋、開到新分頁,或停留取消後回到原本拖放流程。

補上 Vivaldi 隱藏工具列情境下的搜尋入口,讓使用者不必先叫出網址列才能處理拖放搜尋。

Chrome MV3JavaScriptHTMLCSS
YouTube Local Exporter 的架構圖,顯示瀏覽器擴充套件、native host 與本機工具鏈。
本機瀏覽器工具2026

YouTube Local Exporter

公開 GitHub release 的 Windows-first Chromium 擴充套件。透過 native messaging host 在本機執行 yt-dlp、FFmpeg 與可選的 Whisper 轉錄,不需要複製網址或把媒體送到雲端。

把原本分散在命令列、cookies、字幕工具與輸出資料夾設定的流程,整合成目前分頁即可啟動的本機工具。

Chrome MV3Native MessagingPythonyt-dlp
本機 sideload / 尚未公開商店2026

作品/twitch-local-exporter

角色 擴充套件設計、native host、Twitch VOD 匯出流程

本機瀏覽器工具2026

Twitch Local Exporter

Windows-first Chromium 擴充套件與 native host。它針對 Twitch VOD 匯出影片、音訊、SRT/VTT 字幕與聊天室記錄,並把 yt-dlp、FFmpeg、Whisper、TwitchDownloaderCLI 與 OpenCC 串成本機流程。

讓 Twitch VOD 保存不只停在影片下載,還能把字幕、聊天室記錄與繁體中文字幕處理整合在同一個本機工作流。

Chrome MV3Native MessagingPythonyt-dlp

技術筆記

最近文章

Atom
Libgdx 紙娃娃系統淺談正文本篇主要是解釋在2D系統下,實現紙娃娃系統的方式,希望有興趣或高手可以來指導討論。 首先,就我所知紙娃娃系統有兩種方式實踐: 利用Spritesheet的疊合,有一個沒穿衣服沒頭髮的基礎Spritesheet,然後疊上同等大小Spritesheet的頭髮、眼睛、衣服、武器,就可以達成紙娃娃系統的實踐。 利用3D技術概念,模組根據骨架來做旋轉的方式。而在2D中,則需要美術有使用過2D骨架的使用經驗,若使用的軟體有支援引擎,甚至可以在遊Libgdx 關於Rpg大師風格遊戲前言本篇為無靈感開發的開發者,欲開發Rpg風格遊戲所留下的心得,簡單講述用非Rpgmaker開發類風格遊戲所需要的知識。其實只是又一胎死腹中的專案啊(汗。TileRetriever圖格檢索器# 由來 最近正在開發一款Tile為美術核心的遊戲,本來使用[Tiled][],將場景各個物件擺好後,再新增一個Object層,來擺放一些幾何的元素,讓[Box2D][]進行碰撞。y在場景與碰撞都設定好後,剩下的人物則需要在Object層指定位置,額外在程式中產生。人物的額外產生不是問題,因為每個動作影格都是固定Size的,但場景物件支援可以拆除或新增就不同了,畢竟場景元素都是Tile組成,例如一棟房子可能會是各種Tile的集合體,更甚直播平台插件_for_Viewers# 閒談 由於有看直播的習慣,對觀看的品質,有自己的一套講究,如果再觀看的時候有什麼覺得怪怪的,就會想盡自己所能把功能輔助寫出來,既然寫出來了,也想分享給有同樣需求的人使用囉!A* Path finding With Libgdx# 起源 老毛病了,總是想做個遊戲,也想了許多特色跟腦中的構想,但又突然被技術吸引過去,一個死工程師的概念,所以我決定一旦有什麼技術測試完成就立即撰下幾筆。