星海航路圖使用說明書Materia Cosmos User Manual

Materia Cosmos · User Manual

開始Getting started

星海航路圖是工程材料課程的互動地圖。每顆星球是一個章節，點進去會看到遊戲介紹，再前往該章的遊戲。Materia Cosmos is the interactive map for the Engineering Materials course. Each planet is a chapter. Open one to watch its game intro, then go to the chapter's game.

在開始畫面選擇語言：中文、中文 / English 或 English。On the start screen, choose a language: Chinese, Chinese / English, or English.
手機或平板建議先按「全螢幕」。On a phone or tablet, tap Full screen first.
按「開始觀測」進入星圖。開場旁白可按右下角「略過」。Tap Start to enter the map. Use Skip at the lower right to skip the opening narration.

星圖操作Using the map

動作Action	電腦Computer	手機・平板Phone / tablet
移動星圖Move the map	按住滑鼠拖曳Click and drag	單指拖曳Drag with one finger
縮放Zoom	滾輪Scroll wheel	雙指開合Pinch
查看星球Open a planet	點擊星球Click a planet	點一下星球Tap a planet
返回Go back	Esc 或「返回星圖」Esc or Back to map	「返回星圖」Back to map

「全景」：重新看到整張星圖。Overview: fit the whole map on screen.
「清單」：以列表瀏覽所有章節，點一列即可前往。List: browse every chapter as a list and tap a row to go there.
右上角 ★ 數字：已登陸的星球數 / 已開放的星球數。The ★ count at the top right shows landed planets over open planets.

星球與狀態Planets and status

狀態Status	外觀Look	說明Meaning
已開放Open	彩色星球Full-color planet	可以啟航You can launch
已登陸Landed	金色光環Gold halo	你已從這裡進入過該章遊戲You have entered this chapter's game
下一站Next stop	旋轉虛線圈Rotating dashed ring	建議的下一顆星（劇情提示開啟時）Suggested next planet (when story hints are on)
觀測中Observing	顏色較暗Dimmed	章節準備中，尚未開放Chapter in preparation
即將點亮Coming soon	一顆小光點A small point of light	預留給之後的章節Reserved for a later chapter

登陸紀錄只存在你這台裝置的瀏覽器裡；換裝置或清除瀏覽資料會重新計算。設定裡可以手動清除。Your landing record is stored only in this device's browser. A different device, or clearing browser data, starts it over. You can also clear it in Settings.

航行與遊戲介紹Voyage and game intro

在星球卡片按「啟航」，會播放躍遷動畫。Tap Launch on a planet card to start the warp animation.
接著是約 30 到 45 秒的遊戲介紹：故事、角色、玩法與學習重點。右下角可「略過介紹」。Next comes a game intro of about 30 to 45 seconds: story, characters, how to play and what you will learn. Use Skip intro at the lower right.
抵達後按「踏上星球」進入該章遊戲，這顆星就會記為已登陸。On arrival, tap Land on planet to open the chapter's game. The planet is then marked as landed.

設定Settings

右上角齒輪圖示開啟設定。所有設定會記在這台裝置上（全螢幕除外）。Open Settings with the gear icon at the top right. Settings are remembered on this device, except full screen.

項目Option	預設Default	說明What it does
語言Language	中文Chinese	中文、中文 / English、English 三種顯示方式Chinese only, both languages, or English only
背景音樂Background music	關閉Off	隨場景變換曲風（星圖、星球卡片、躍遷、各章介紹、抵達）。由 8 軌樂器（箏、三味線、尺八、笙、弦樂、低音、鈴、豎琴）與 1 軌鼓組即時合成，立體聲Changes with each scene (map, planet card, warp, each chapter intro, arrival). Played live from 8 instrument tracks (koto, shamisen, shakuhachi, sho, strings, bass, bells, harp) and 1 drum-kit track, in stereo
音效Sound effects	開啟On	滑過、點擊、啟航、抵達等提示音Sounds for hover, click, launch and arrival
音量Volume	80 / 70 / 9080 / 70 / 90	主音量、音樂、音效分開調整Separate sliders for master, music and effects
全螢幕Full screen	關閉Off	以全螢幕顯示，Esc 離開Fill the screen; press Esc to leave
繪圖Rendering	WebGPU 硬體WebGPU hardware	星塵與躍遷特效的繪製方式。瀏覽器不支援 WebGPU 時會自動改用軟體How the star dust and warp effects are drawn. Falls back to software automatically if WebGPU is unavailable
畫質Quality	流暢Smooth	流暢：較低解析度、最省電；標準：1920 背景；高：原始 2816 像素背景與高解析星球圖，特效以 2560 像素以上繪製Smooth: lowest resolution, saves battery. Standard: 1920 px background. High: full 2816 px background, high-resolution planets, effects drawn at 2560 px or more
劇情提示Story hints	開啟On	開場旁白、登陸台詞與下一站提示Opening narration, landing lines and next-stop hints

手機與平板Phones and tablets

開始畫面與右上角都有全螢幕按鈕。There is a Full screen button on the start screen and at the top right.
iPhone 的 Safari 不支援網頁全螢幕。請用「分享 → 加入主畫面」，從主畫面開啟即可滿版顯示。Safari on iPhone does not support web full screen. Use Share, then Add to Home Screen, and open it from the home screen.
在部落格文章中看到的是嵌入版本；空間不夠時可按文章下方的「在新分頁開啟」。In the blog post you see an embedded version. If it feels cramped, use Open in a new tab below the post.
覺得卡頓或發熱時，把畫質設為「流暢」，必要時把繪圖改為「軟體」。If it stutters or the phone gets warm, set Quality to Smooth, and switch Rendering to Software if needed.

常見問題Troubleshooting

狀況Problem	處理方式What to do
沒有聲音No sound	瀏覽器要求先點一下畫面才能播放聲音。確認設定中的音效或背景音樂已開啟，並檢查手機靜音開關。Browsers only play sound after a tap. Check that effects or music is on in Settings, and check the phone's silent switch.
顯示「WebGPU 無法啟動」It says WebGPU could not start	已自動改用軟體繪圖，可以正常使用。新版 Chrome、Edge 與 Safari 支援 WebGPU。It has already switched to software rendering and works normally. Recent Chrome, Edge and Safari support WebGPU.
登陸紀錄不見了My landing record is gone	紀錄存在瀏覽器中；無痕模式、換瀏覽器或清除資料都會讓紀錄重來。The record lives in the browser. Private mode, another browser, or cleared data starts it over.
顯示「偵測到原始碼遭修改」It says source code modification was detected	你開啟的不是原版頁面，請改用課程提供的連結。You opened a copy that is not the original. Use the link provided by the course.

著作權Copyright

© 2026 AEML, NTUST（國立臺灣科技大學營建工程系先進工程材料研究室）。頁面、圖片與程式碼皆受著作權保護，未經授權請勿複製、修改或重新發布。© 2026 AEML, NTUST (Advanced Engineering Materials Laboratory, Department of Civil and Construction Engineering, National Taiwan University of Science and Technology). The page, images and code are protected by copyright. Do not copy, modify or republish without permission.