1984 年劉宜良暗殺事件互動式歷史紀錄網站
🔗 線上瀏覽 → soanseng.github.io/henry-liu-case
以「解密檔案」（scrollytelling documentary）的形式，呈現 1984 年江南案的歷史全貌。使用者像翻閱解密檔案般，透過捲動頁面逐步進入事件的背景、人物、執行、審判與餘波。
核心定位： 歷史紀錄，非政治評論。以多方視角交叉比對，讓事實與文獻自己說話。
同一事件從四個角度呈現，並標示矛盾之處：
| 視角 | 人物 | 來源 |
|---|---|---|
| 情治決策者 | 汪希苓 | 《忠與過》 |
| 任務執行者 | 吳敦 | 《吳敦回憶錄》 |
| 槍手 | 董桂森 | 《江南案槍手董桂森》 |
| 外國記者 | David Kaplan | 《Fires of the Dragon》 |
- 捲動式敘事（Scrollytelling） — 隨捲動推進的沉浸式歷史敘事
- PixiJS 像素風場景 — 8 幅手繪像素畫重現關鍵歷史時刻
- 互動式資訊圖表 — 人物關係圖、情治組織架構、48 小時時間線、矛盾對照表
- 四方矛盾比對 — 同一事件的多方說法並列，紅色標記衝突之處
- 解密檔案視覺風格 — 泛黃紙張、打字機字體、機密印章、報紙剪報
| 章 | 標題 | 時間 |
|---|---|---|
| 序 | 車庫裡的槍聲 | 1984.10.15 |
| 一 | 龍的爪牙 | 1949–1980 |
| 二 | 江南其人 | 1932–1984 |
| 三 | 竹林裡的兄弟 | 1956–1984 |
| 四 | 鋤奸 | 1984.08–10.15 |
| 五 | 紙包不住火 | 1984.10–1985 |
| 六 | 審判與餘波 | 1985–1991 |
| 七 | 解嚴之路 | 1985–2025 |
| 場景 | 描述 |
|---|---|
| 車庫槍擊 | Daly City 車庫，清晨三聲槍響 |
| 情治網絡 | 電路板風格的間諜組織圖 |
| 劉宜良書房 | 打字機、手稿、孤獨的寫作者 |
| 竹聯幫密會 | 白景瑞家宴的秘密會面 |
| 任務倒數 | 松竹山莊受訓到執行的時間推移 |
| 錄音帶 | 陳啟禮的關鍵錄音證據 |
| 訓練營 | 竹聯幫的秘密訓練場 |
| 董桂森獄中 | 書信、遇害、淡入黑暗 |
| 層級 | 技術 |
|---|---|
| 框架 | React 19 + TypeScript 5.9 (strict) |
| 場景渲染 | PixiJS 8 |
| 動畫 / 捲動 | GSAP ScrollTrigger |
| 樣式 | TailwindCSS v4 |
| 建置工具 | Vite 7 |
| 部署 | GitHub Pages + GitHub Actions |
# 安裝依賴
npm install
# 啟動開發伺服器
npm run dev
# 建置生產版本
npm run build
# 預覽建置結果
npm run preview
# 型別檢查
npx tsc --noEmit- 嚴謹與事實 — 所有敘述必須有文獻依據
- 多方視角 — 同一事件呈現四方說法，明確標示矛盾
- 不做政治判斷 — 呈現證據，讓讀者自行判斷
- 尊重所有當事人 — 避免煽情化與消費悲劇
- 標註出處 — 每段敘述標明來自哪份文獻
本站為「台灣威權時代重大案件」互動式歷史紀錄系列之一：
| 案件 | 網址 |
|---|---|
| 林宅血案 | soanseng.github.io/the-lin |
| 陳文成事件 | soanseng.github.io/Chen-Wen-chen |
| 江南案（本站） | soanseng.github.io/henry-liu-case |
陳璿丞 醫師
本專案程式碼以 MIT 授權釋出。
歷史不屬於任何人，它屬於所有人。如果你能讓這份記錄被更多人看見——翻譯、改作、引用——請自由取用。
歷史內容基於公開資料與書籍摘要重新撰寫，原始書籍版權歸原作者所有。