課程島,準備開場

正在載入地圖與課程資料,完成後就能選擇入學年度。

正在連接課程島0%
第一次開啟需要下載資源,請稍候。

影視課程島

你是哪一年入學的?選好之後,會長出屬於你那一屆的島。

建議使用桌上型電腦,完整探索課程島。A desktop computer is recommended.

手機操作:單指拖曳移動地圖・雙指捏合縮放・輕點島嶼或建築

開發人員:義守大學電影與電視學系 陳嘉暐老師

🎒 新生報到

正在準備島嶼0%
準備完成就會自動入島

影視課程島

義守大學電影與電視學系 · 四年課程地圖

📄 原始資料

🎒 道具圖鑑

造型
八大職能

清單版

🏛️ 外院與跨域學分怎麼算?

歡迎上島 🎬

Credits|致謝與參考來源

依本專案 CREDITS.md 整理・2026-10-28

程式碼中實際使用的開源專案

  • three.js r128:課程島 3D 場景的渲染、光影、霧與相機。MIT 授權;使用檔案為 film-island/vendor/three.min.js。
  • OrbitControls r128(three.js 範例模組):拖曳旋轉、縮放與平移視角。MIT 授權;使用檔案為 film-island/vendor/OrbitControls.js。
  • openpyxl 3.1.5:供 tools/validate.py 讀取 Excel 資料表及產生資料表範本。MIT 授權。
  • Python 標準函式庫:供 tools/build_film.py 產生 film-island/cohorts.js。PSF 授權。

網站未使用其他外部套件;字型使用系統字型 PingFang TC、Noto Sans TC、Microsoft JhengHei,未載入網路字型。

導覽影片(tour-video)的工具與素材

  • HyperFrames 0.8.212(HeyGen):以 HTML 製作、預覽與輸出影片。開源,條款以專案儲存庫為準。
  • GSAP 3.14.2(jsDelivr):影片動畫與字卡。採 GSAP 自有授權,免費使用,非 OSI 開源授權。
  • Pixabay 音效(HyperFrames 內建):16 個轉場與點擊音效,採 Pixabay Content License 素材授權。

配樂為網站本身的 8-bit 主題,以同一套程式離線生成,未使用外部素材。

概念參考

以下僅為概念與架構參考,未使用其程式碼或美術素材。

  • 桃園政策島(Quinny):單一 HTML+three.js r128、無建置流程的技術路線,以及角色、集章護照的資料結構。儲存庫公開但未標示授權,僅參考架構。
  • 台中政策島嶼:以實線/虛線區分官方說法與整理者推論,以及一天時間軸、人生時間軸、測驗與清單版備援。公開網站,非開源。
  • 沈伯洋 HEART 政策島:政策島形式原型,包括六角島嶼、協作線與市民角色。官方競選網站,非開源。
  • 桌遊《卡坦島》:六角形島嶼的視覺概念。商業桌遊,僅借用概念。

課程資料來源

授權注意事項

  • three.js(含 OrbitControls)採 MIT 授權,vendor/ 檔案開頭的授權聲明須保留。
  • 上述政策島網站皆未開放授權,專案中不應包含從其直接複製的程式碼或美術素材。
  1. 四季分年級:🌸 春=大一、🌿 夏=大二、🍁 秋=大三、❄️ 冬=大四。每座島的地面和樹都照年級上色,一眼就知道是哪一年的課。
  2. 中央片場主島是系必修:紅毯從外圈大一繞上山頂的畢業成果殿堂。《畢業創作》、《畢業展演》、職務型畢業作品與畢業檢核都在島心集結,全部完成才升起桂冠。四周八座小島是八個電影職務的專業選修,另有入學港(通識)、學院島與博雅跨域外海。
  3. 按左下角🗺 職務路線選一個職務,地圖會畫出它四年的推薦修課路徑,右邊列出每一年的課和該交出的成果。按 ▶ 讓角色沿著路線走一遍。
  4. 點建築看課程,或在島嶼的課程清單直接打勾:角色會走到那門課的建築旁,換島就搭滑翔翼飛過去,抵達後拿到一件裝備。
  5. 手機操作:單指拖曳可上下左右移動地圖;雙指捏合縮放,也能雙指一起拖曳。輕點島嶼或建築查看內容,按 ⌂ 回到全島。桌機可用滑鼠旋轉、滾輪縮放、右鍵拖曳平移。
  6. 修得越多越像那一行的人。左上角看自己的職能,🎒 道具圖鑑收集所有裝備、換造型;🧾 學分護照檢查畢業學分。

課程代碼、課名、學分、年級學期依各學年度四年課程計畫;職務路線、階段成果與博雅跨域建議依系上《電影職務四年課程養成研究》。角色、裝備、分島是本地圖的設計詮釋,不是正式分流或擋修規定。實際開課與畢業資格以學校最新公告為準。

開發人員:義守大學電影與電視學系 陳嘉暐老師