# GJLMoTea 抹茶：全部作品

> 更新於 2026.10.20。70 件主要作品，另有 8 件商業合作與早期作品。每件寫名稱、網址、分類、上線日、最後更新與一句話說明，網址都可以直接打開。

## 關於作者

- 名稱：GJLMoTea（抹茶、gjlmotea）
- 綽號：抹茶
- 綠豆嘉義人、ENTP 5w4
- 擅長探索各種可能性、尋找關聯
- 認為所有學科最終是相通的
- AI 焦慮。正在爬生科天梯...
- 首頁：https://gjlmotea.com/
- GitHub：https://github.com/gjlmotea
- Blog 大腦博覽會：https://blog.gjlmotea.com/
- 技術窩：https://tech.gjlmotea.com/
- 原創音樂：https://music.gjlmotea.com/
- YouTube：https://www.youtube.com/channel/UC__be9ezc-2ciY8_xltkZfA
- 巴哈小屋：https://home.gamer.com.tw/homeindex.php?owner=GJLMoTea
- npm：https://www.npmjs.com/~gjlmotea
- LINE 貼圖：https://store.line.me/stickershop/author/1283198/zh-Hant
- gjlmotea 字標：https://gjlmotea.pages.dev/

## 網站的頁面

- [首頁](https://gjlmotea.com/)
- [今天想要哪一種？（四組、每組三件起）](https://gjlmotea.com/all/)
- [完整地圖（全部 70 件依學科與上線日期排列）](https://gjlmotea.com/all/map/)

## 生命科學（Life Science）

### 字母之間 BioTool

- 網址：https://biotool.pages.dev/
- 分類：生命科學
- 上線：2026.09.24
- 最後更新：2026.10.10
- 說明：拖動一格空白，看字母重新對上：親手玩序列比對、動態規劃與回溯。

### Proteus2 分子空間實驗室

- 網址：https://proteus-gjlmotea.pages.dev/
- 分類：生命科學
- 上線：2026.10.09
- 最後更新：2026.10.09
- 說明：轉動、扭轉、剖切與比較，在同一個 3D 分子裡探索形狀與作用。

### BIO→END

- 網址：https://bio2end-gjlmotea.pages.dev/
- 分類：生命科學
- 上線：2026.09.21
- 最後更新：2026.09.21
- 說明：抓住一個生物身份，看它從序列穿越結構，直到證據停止。

### MD 分子動力學帳本

- 網址：https://md-gjlmotea.pages.dev/
- 分類：生命科學
- 上線：2026.09.20
- 最後更新：2026.09.20
- 說明：自製 CUDA 引擎在 RTX 3080 上跑出的 DHFR 顯式水軌跡，附耗時分解與守能證據。

### Protein Structure Paper Atlas

- 網址：https://paper-gjlmotea.pages.dev/
- 分類：生命科學
- 上線：2026.08.21
- 最後更新：2026.09.02
- 說明：38 篇雙語互動論文：每篇都有合法來源、白話方法圖與限制。

### TopoSwapAlign

- 網址：https://toposwap.pages.dev/
- 分類：生命科學
- 上線：2026.08.07
- 最後更新：2026.08.07
- 說明：蛋白質拓撲假說的證據工作台：結構、接觸與 domain swap 一起審。

### 幫核苷酸換裝

- 網址：https://bio.gjlmotea.com/nucleotide/
- 分類：生命科學
- 最後更新：2026.07.12
- 說明：核糖、去氧核糖、鹼基與磷酸換來換去，一次看懂 DNA、RNA、ATP。

### ElemenTree 元素樹

- 網址：https://elementree.net/
- 分類：生命科學
- 最後更新：2026.04.15
- 說明：互動 3D 週期表，把元素長成一棵樹。

## 數學與複雜系統（Math & Complexity）

### 一元之差

- 網址：https://math-gjlmotea.pages.dev/wealth/
- 分類：數學與複雜系統
- 上線：2026.08.08
- 最後更新：2026.10.19
- 說明：從每人一百元開始，改交換、機會、生育與繼承規則，看財富怎麼分化。

### GJLMoTea Math

- 網址：https://math-gjlmotea.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.08.08
- 最後更新：2026.10.19
- 說明：可調參數的數學圖形實驗室：函數、Fermat 整數格、Kakeya 針、隱式曲線、三維曲面。

### 圓來如此

- 網址：https://fourier-gjlmotea.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.10.03
- 最後更新：2026.10.19
- 說明：先給一個形狀，看旋轉圓如何把它畫回來：傅立葉繪圖實驗室。

### Traffix 紅綠燈實驗室

- 網址：https://traffic-gjlmotea.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.10.05
- 最後更新：2026.10.05
- 說明：台灣紅綠燈秒數最佳化模擬器，自己當交通工程師。

### ALGORITHM 看懂演算法

- 網址：https://leetcode-gjlmotea.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.10.05
- 最後更新：2026.10.05
- 說明：程序式概念劇場、瀏覽器內執行與第一個反例，真正看懂演算法。

### FRACEDGE 混沌邊緣

- 網址：https://fracedge.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.09.27
- 最後更新：2026.09.27
- 說明：推過一個數字，秩序當場碎成分形：六件可操作的混沌實驗。

### MOIRÉ 摩爾紋實驗室

- 網址：https://moirewave.pages.dev/
- 分類：數學與複雜系統
- 上線：2026.09.27
- 最後更新：2026.09.27
- 說明：兩層一樣的網，差一點點就長出大幾十倍的圖案。

### WAVE 諧波

- 網址：https://wave.gjlmotea.com/
- 分類：數學與複雜系統
- 最後更新：2026.04.28
- 說明：把任何封閉曲線拆成無限多個旋轉圓的和。

## 遊戲（Games）

### 祥吉談怪

- 網址：https://games.gjlmotea.com/metro/
- 分類：遊戲
- 最後更新：2026.10.18
- 說明：119 隻站靈擬人化臺北捷運，你的通勤軌跡孵出都市傳說。

### Buground

- 網址：https://buground.gjlmotea.com/
- 分類：遊戲
- 上線：2026.08.09
- 最後更新：2026.10.10
- 說明：瀏覽器裡的體素沙盒生存，致敬 Minecraft。

### CELL LINE

- 網址：https://cell-line.gjlmotea.com/
- 分類：遊戲
- 上線：2026.10.04
- 最後更新：2026.10.10
- 說明：免疫主題策略塔防：多線出兵、基地防衛與即時砲擊。

### SPACEMINE: BRIGHTCORE

- 網址：https://spacemine.pages.dev/
- 分類：遊戲
- 上線：2026.08.02
- 最後更新：2026.09.28
- 說明：駕駛租來的深空礦機，在赤銹星挖出一條償債之路。

### 擎天 ATLAS

- 網址：https://games.gjlmotea.com/crane/
- 分類：遊戲
- 上線：2026.06.21
- 最後更新：2026.09.28
- 說明：塔吊怎麼運作？點構件、親手操作、拉一拉看它自己長高。

### carush

- 網址：https://carush.gjlmotea.com/
- 分類：遊戲
- 最後更新：2026.09.21
- 說明：Cyberpunk 網頁賽車。

### 基因體搜打撤

- 網址：https://games.gjlmotea.com/sodache/
- 分類：遊戲
- 最後更新：2026.09.20
- 說明：在細胞質裡搜索、戰鬥、撤離的俯視角射擊，附關卡編輯器。

### LeucoShip 白血球星艦

- 網址：https://games.gjlmotea.com/leuco-ship/
- 分類：遊戲
- 最後更新：2026.09.20
- 說明：駕駛白血球星艦，用抗體火力穿越病原體火網。

### ABBC 生化自走棋

- 網址：https://games.gjlmotea.com/tft/
- 分類：遊戲
- 最後更新：2026.09.20
- 說明：把生物與生化概念變成每回合都要用的配隊語言。

### CytoGen 細胞源始

- 網址：https://games.gjlmotea.com/cytogen/
- 分類：遊戲
- 最後更新：2026.09.20
- 說明：從一次捕獲，培養出自動成長的細胞系統：細胞構築增量遊戲。

### FiSt 奇異拳士

- 網址：https://fist.gjlmotea.com/
- 分類：遊戲
- 上線：2026.07.26
- 最後更新：2026.08.25
- 說明：致敬 LF2 小朋友齊打交的 2.5D 瀏覽器格鬥。

### SPACEMINE // ORBITAL PROSPECT

- 網址：https://spacemine2.pages.dev/
- 分類：遊戲
- 上線：2026.08.02
- 最後更新：2026.08.09
- 說明：扇環格星球上的群聚礦脈與推進器著地。

### 組織切片・戰鬥實驗室

- 網址：https://dota-gjlmotea.pages.dev/
- 分類：遊戲
- 上線：2026.08.09
- 最後更新：2026.08.09
- 說明：以細胞、免疫反應與病原變異為核心機制的瀏覽器 MOBA。

### 反字 Letter Mirror

- 網址：https://letter-mirror.pages.dev/
- 分類：遊戲
- 上線：2026.08.07
- 最後更新：2026.08.07
- 說明：把文字翻過來寫，逼視覺皮質重新接線。

### GUNFIRE 槍火

- 網址：https://gunfire.pages.dev/
- 分類：遊戲
- 上線：2026.08.07
- 最後更新：2026.08.07
- 說明：火柴人連線槍戰：灰階世界，多巴胺爆色。

### EZGAME 圈圈叉叉

- 網址：https://gameez.pages.dev/
- 分類：遊戲
- 上線：2026.07.31
- 最後更新：2026.07.31
- 說明：單人、雙人、三人的圈圈叉叉與進階消失棋。

### 動力工坊大亂鬥

- 網址：https://1000-gjlmotea.pages.dev/
- 分類：遊戲
- 上線：2026.06.06
- 最後更新：2026.06.06
- 說明：四種機械動力、四個小科學家，狂點蓄能把對手的工坊撞爛。

## 視覺與互動實驗（Visual Experiments）

### MVNDVS TERRARUM

- 網址：https://world.gjlmotea.com/
- 分類：視覺與互動實驗
- 上線：2026.08.09
- 最後更新：2026.10.10
- 說明：文藝復興製圖美學的 3D 世界地圖：194 國、178 地標，一路放大到銀河。

### 五行 WUXING

- 網址：https://selfatlas.pages.dev/
- 分類：視覺與互動實驗
- 上線：2026.09.13
- 最後更新：2026.10.08
- 說明：以直線與環形，探索生發、顯現、化育、成形與潛藏。

### Image2Text 字畫機

- 網址：https://image2text.pages.dev/
- 分類：視覺與互動實驗
- 上線：2026.09.27
- 最後更新：2026.10.03
- 說明：把圖片變成文字畫：用 ASCII、漢字、注音或你的一句話當墨。

### TWIST 看得懂為什麼

- 網址：https://magiccube.pages.dev/
- 分類：視覺與互動實驗
- 上線：2026.09.13
- 最後更新：2026.09.13
- 說明：2×2 到 5×5、Pyraminx、Skewb，每一步都講得出為什麼。

### gjlmotea 字標動態

- 網址：https://gjlmotea.pages.dev/
- 分類：視覺與互動實驗
- 上線：2026.05.18
- 最後更新：2026.08.03
- 說明：一個字標的捲動體驗：字體、尺度與動態的黑白練習。

### GEB 影子投影

- 網址：https://geb.gjlmotea.com/
- 分類：視覺與互動實驗
- 最後更新：2026.04.30
- 說明：輸入三個字母，生成三個方向各投出一個字母影子的體素雕塑。

### QRCube 立體 QR

- 網址：https://qrcube.gjlmotea.com/
- 分類：視覺與互動實驗
- 最後更新：2026.04.28
- 說明：六面都是同一個 QR Code 的可掃描立體雕塑。

### 手繪 Markdown 表格

- 網址：https://gjlmotea.com/draw/
- 分類：視覺與互動實驗
- 最後更新：2026.04.12
- 說明：輸入 Markdown，即時產生 Excalidraw 風格的手繪表格。

## 工具與資料（Tools & Data）

### 陽明交大校車

- 網址：https://bus-nycu.pages.dev/
- 分類：工具與資料
- 上線：2026.10.12
- 最後更新：2026.10.18
- 說明：博愛光復、陽明光復、六家客院高鐵三條路線的發車時間軸與雙向班表。

### imageproof

- 網址：https://image-gjlmotea.pages.dev/
- 分類：工具與資料
- 上線：2026.08.23
- 最後更新：2026.10.18
- 說明：上傳一張圖，看它留下了哪些來源痕跡，全程在瀏覽器內判讀。

### Syncvert

- 網址：https://syncvert.gjlmotea.com/
- 分類：工具與資料
- 最後更新：2026.10.16
- 說明：把 curl 轉成 yt-dlp 指令的同步工具。

### 學號鏡 ID LENS

- 網址：https://sid-nycu.pages.dev/
- 分類：工具與資料
- 上線：2026.10.07
- 最後更新：2026.10.15
- 說明：陽明交大學號解析：單筆即查、名單比對、編碼探索，資料不離開本頁。

### 台灣圖譜

- 網址：https://taiwan-gjlmotea.pages.dev/
- 分類：工具與資料
- 上線：2026.10.06
- 最後更新：2026.10.09
- 說明：台灣人口、世代與經濟的互動資料圖譜，三種全螢幕探索方式。

### 工生學院專題演講

- 網址：https://lecture-nycu.pages.dev/
- 分類：工具與資料
- 上線：2026.09.07
- 最後更新：2026.10.08
- 說明：陽明交大工程生物科學學院本學期專題演講時程與課程規範。

### 字正 英漢字典

- 網址：https://dict-gjlmotea.pages.dev/
- 分類：工具與資料
- 上線：2026.09.27
- 最後更新：2026.09.27
- 說明：台灣用語的中文解釋、國教院學術名詞與英文例句，兩岸用詞並列。

### 臺灣水庫水情

- 網址：https://water-gjlmotea.pages.dev/
- 分類：工具與資料
- 上線：2026.09.27
- 最後更新：2026.09.27
- 說明：各水庫即時蓄水率、水位與進出流量，用剖面圖畫出現在的水面。

### Sovereign

- 網址：https://gjlmotea-server.pages.dev/
- 分類：工具與資料
- 上線：2026.08.02
- 最後更新：2026.08.02
- 說明：自架的私人資訊核心：檔案、筆記、行事曆與目標放在自己的主機上。

### market viewer 看盤

- 網址：https://quantview.pages.dev/
- 分類：工具與資料
- 上線：2026.07.19
- 最後更新：2026.07.19
- 說明：研究用的歷史行情看盤工具，非即時報價。

### PYQUEST 程式解題室

- 網址：https://python-apcs.pages.dev/
- 分類：工具與資料
- 上線：2026.07.12
- 最後更新：2026.07.12
- 說明：依題號瀏覽 APCS、ZeroJudge、LeetCode，保存進度、筆記與詳解。

### AI 投資導航員

- 網址：https://wikistock.pages.dev/
- 分類：工具與資料
- 上線：2026.06.28
- 最後更新：2026.06.28
- 說明：以即時搜尋為依據的台股研究助理，附參考來源。

### AI 對話轉換器

- 網址：https://aitext.gjlmotea.com/
- 分類：工具與資料
- 最後更新：2026.04.04
- 說明：貼上 ChatGPT、Claude、Gemini、Grok 的分享頁，轉成好讀的對話稿。

## 聲音與音樂（Sound & Music）

### Tempo Forge

- 網址：https://tempo-gjlmotea.pages.dev/
- 分類：聲音與音樂
- 上線：2026.08.13
- 最後更新：2026.10.16
- 說明：多首音樂一次調速度與音調，在你的裝置上處理並下載。

### Binaural 雙耳節律

- 網址：https://binaural-gjlmotea.pages.dev/
- 分類：聲音與音樂
- 上線：2026.09.20
- 最後更新：2026.09.22
- 說明：把喜歡的音樂混入雙耳節律，調頻率與左右耳音量，匯出 WAV。

### 五形樂器

- 網址：https://piano-gjlmotea.pages.dev/
- 分類：聲音與音樂
- 上線：2026.06.14
- 最後更新：2026.07.15
- 說明：鋼琴、圓點、六角、滑帶、和弦、手碟：同一套樂理的六種彈法。

### GJLMoTea 原創音樂集

- 網址：https://music.gjlmotea.com/
- 分類：聲音與音樂
- 最後更新：2026.04.28
- 說明：專輯《Threads in the Mind》10 首原創曲與早期自製音樂。

## 星際 Star Atlas（Star Atlas）

### Star Atlas DAO Civic Observatory

- 網址：https://atlasdao.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.09.20
- 最後更新：2026.10.20
- 說明：DAO 資金流向透明化的獨立設計原型。

### SpaceDrift

- 網址：https://spacedrift.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.07.19
- 最後更新：2026.10.18
- 說明：手機優先的 Galactic Marketplace 成交觀測站。

### STARPOINT

- 網址：https://starpoint.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.08.24
- 最後更新：2026.09.21
- 說明：點一下航標就集結艦隊，穿越十五個深空航區。

### starportal

- 網址：https://starportal.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.07.18
- 最後更新：2026.08.24
- 說明：Star Atlas 社群作品群星圖（非官方）。

### atlasportal

- 網址：https://atlasportal.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.07.18
- 最後更新：2026.08.23
- 說明：Star Atlas 官方入口索引（非官方整理）。

### StarMine

- 網址：https://starmine.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.08.07
- 最後更新：2026.08.09
- 說明：整顆星球都可挖：用官方飛船連鎖開採八種晶礦。

### StarLand

- 網址：https://starland.pages.dev/
- 分類：星際 Star Atlas
- 上線：2026.06.21
- 最後更新：2026.08.03
- 說明：讀取你的 Solana 錢包艦隊，展開一場 Star Atlas 史詩戰役。

## 鏈上實驗（On-chain）

### Chariot Age 戰車紀元

- 網址：https://chariotage.pages.dev/
- 分類：鏈上實驗
- 上線：2026.07.29
- 最後更新：2026.08.31
- 說明：七日一局的非同步 PvE 城邦策略，在 Chromia 留下可驗證的紀錄。

### 二十星域 Twenty Realms

- 網址：https://twenty-realms.pages.dev/
- 分類：鏈上實驗
- 上線：2026.08.07
- 最後更新：2026.08.07
- 說明：偵察、遠征、加碼與撤離的 Chainweb 星域策略。

### ChiaLeaf

- 網址：https://chialeaf.pages.dev/
- 分類：鏈上實驗
- 上線：2026.07.30
- 最後更新：2026.07.31
- 說明：每一步都藏在狀態通道裡的雙人對決。

## 文字與 AI 社群（Words & AI）

### 未來小說館

- 網址：https://novel-gjlmotea.pages.dev/
- 分類：文字與 AI 社群
- 上線：2026.08.18
- 最後更新：2026.10.18
- 說明：近未來小說與寓言篇章的個人閱讀書架。

### GoodGuy

- 網址：https://goodguy-bax.pages.dev/
- 分類：文字與 AI 社群
- 上線：2026.07.25
- 最後更新：2026.08.25
- 說明：會自己活下去的五人 AI 群組：有人秒回，有人半夜才出現。

## 商業合作（Client Work）

### BIZ Love

- 網址：https://bizlove.net/
- 分類：商業合作
- 最後更新：2026.10.05
- 說明：洗潔慕斯品牌官網。

### 新北哩賀

- 網址：https://sinpakliho.com/
- 分類：商業合作
- 最後更新：2026.02.18
- 說明：2023 臺灣設計展行旅品牌：新北山海村城 129 條特色路線。

### NPDL 6Cs 進程施測站

- 網址：https://fuhaiedu.xyz/
- 分類：商業合作
- 最後更新：2025.12.17
- 說明：6C 全球素養深度學習的學習進程施測平台。

### WANA NFT Wallet

- 網址：https://wanawallet.com/
- 分類：商業合作
- 最後更新：2025.11.29
- 說明：Web3 NFT 錢包。

## 早期作品（Early Works）

### 倉儲管理系統

- 網址：https://gjlmotea.com/warehouse/
- 分類：早期作品
- 說明：HTML 與 PHP 寫的倉儲管理系統。

### 銀行借貸系統

- 網址：https://gjlmotea.com/bankloan/
- 分類：早期作品
- 說明：銀行借貸流程的系統練習。

### Arduino 自走車教材

- 網址：https://gjlmotea.com/arduino/
- 分類：早期作品
- 說明：Arduino 自走車與教材。

### LOL 戰績統計分析

- 網址：https://gjlmotea.com/lol_analysis/
- 分類：早期作品
- 說明：英雄聯盟戰績爬蟲、統計與分析。