室 逃 脫/死 當
P O R T FOLIO escape room scene design Realistic Sense of involvement Produced based on group members’ personal class content
Ai Ae
Prototyping with our most popular courses 密
2024 / 4 /11
ART Ps
王藝蓁/Wang Yizhen Team members
黃品綸/Huang Pinlun Team leader
N112C408 N112C401 N112C409 N112C410 N112C404
林鈺淳/Lin Yuchun Team members
唐湘婷/Tang Xiangting Team members
黃冠智/Huang Guanzhi Team members
1. 緣起（構想）................................................03 2. 遊戲類型 ...................................................03 3. 市場調查與分析 ........................................04 4. 世界觀 .....................................................05 5. 腳本劇情 ..................................................05 6. 美術設計 ...................................................06 7. 角色設計 ...................................................08 8. 角色關係表 ...............................................09 9. 遊戲特性 ...................................................10 10. 遊戲人數 .................................................10 11. 遊戲玩法 .................................................10 12. 場地介紹 .................................................11 13. 遊戲關卡說明 ..........................................12 14. 道具介紹 .................................................18 15. 製作進度 .................................................19 16. 甘特圖 ...... ..............................................20 17. 參考資料來源 ..........................................20
CONTENTS 目錄
黃品綸/組長 Team leader
．LOGO 設計/文書處理
．創意發想/企劃書發想
．關卡設計
林鈺淳/組員 Team members
．企劃書發想/文書處理
．角色設計/介面設計/動態設計
．關卡設計
王藝蓁/組員 Team members
．海報設計/版面設計
．角色設計/美術設計/場景設計
．關卡設計
唐湘婷/組員 Team members
．企劃書發想/文書處理
．3D設計/攝影設計
．關卡設計
黃冠智/組員 Team members
．創意發想/編排設計
．版面設計/攝影設計
．關卡設計
2
1. 緣起（構想）
前言
開發遊戲的動機
讓大家了解到數位媒體設計系的學生都在上什麼，使其簡單 了解到課程內容。
創作理念
以我們最常上到的課程進行原型設計
使用了平面動畫、3D動畫、PS&AI、遊戲程式和遊戲企劃來 設計，遊玩遊戲的過程中玩家會體驗到平常上課內容 100% 還原。
2. 遊戲類型
遊戲內容簡述
考驗記憶力與注意力想辦法在7堂課中存活下去，獲得密碼 逃離學校。
遊戲特色
寫實、帶入感
以組員親身上課內容製作
3
來源google表單 共126份
4. 世界觀
在學校熬夜趕功課的你醒來發現，你被困在學校裡人都是異
形頭，十分的詭異.....
( 「異形頭」角色的頭部並非人類，而呈現為無機物或形狀奇 異的頭.....
頭部的東西代表著該生物擅長的技能或喜歡的東西 ）
似乎只有逃離這裡你才能醒來。
5. 腳本劇情
在學校熬夜趕功課的你不小心睡著了，再次醒來發現學校變 得有些不一樣，你沒有辦法出去，就算走到大門想辦法打開，
但門就像是鎖死一樣，上面只有一串密碼鎖，看來只有找到 密碼才能離開這裡......
學校的廣播響起雜訊
「上完課…獲得密碼，第一堂課…平面動畫…」
你也只能照著課表開始開啟這一天的課程 這裡的老師似人非人，
雖然單看身體是人體的驅幹但他們的頭部卻是個造物，
不經懷疑他們是怎麼攝取食物，
來到教室準備開始第一堂課
「剛剛廣播說.....第一堂課是平面動畫....?」
你心裡不禁想都到了未知世界都還要上課眞的是十分痛苦
老師也在這個時候進來了
來到教室準備開始第一堂課
「今天的上課內容.....是律表排列和補間.....請根據提供的原畫 和律表完成動畫」
TBC
5
6. 美術設計
風格介紹
日系畫風、人外、詭異
主視覺 LOGO
組員： 黃品綸 林鈺淳 王藝蓁 唐湘婷 黃冠智 6
7
MOCKUP
7. 角色設計
老師的頭 像素版
遊戲企劃
Role Role Role Role Role
8
8. 角色關係表
平面動畫 3D動畫
要上不上 隨你 監督、準時
主角
沒有不會的東西 只有你不行
隨意、自由
營養 學分
遊戲企劃
你對我好 我就對你好
社團朋友
9
12. 場地介紹
社交
為甚麼人會有那麼多問題呢?在社團教室裡的你 默默的切著食材一邊想著， 身邊有源源不斷的 同學想要你的幫助， 這時你的腦袋響起一段聲 音:「不幫同學，那就準備當機吧」。
3D
眞沒想到在這個地方還有當機!!!!!你在電腦前面 無聲尖叫著，因為你知道反抗是毫無幫助的， 你只會遇到更多的當機。
遊戲程式
頭痛、十分的頭痛，要是說剛剛的當機只是輕輕 一擊，那遊戲程式就是在腦袋上鑽洞，你都有點 懷疑這間教室是不是出不去了。
PS AI
這裡簡直是天堂啊!這裡的一切都十分美好，原來 是踏進了營養學分的教室，雖然課程十分無聊， 但總比剛剛的那些好多了，你也敢篤定上到一半 你就會睡著了。
遊戲企劃
最後一堂了....，只要解完這個就可以逃離這個奇
怪的地方了，但這位老師一直叫大家玩遊戲，還 要記下所有敘述的東西，可是一想到解完就可以 出去了，你就吞下了這口氣。
11
13. 遊戲關卡說明
動畫關卡
手上持有5張分鏡圖 請對照旁邊的律表進行擺放 並正確選出原畫與補間張
3D關卡
請使用XY軸成功讓檯燈 返回家/學校~家 檯燈有步數限制
PS&AI
限時回答問題
( 後面的關卡獲得幫助 ) 社團課關卡(社交)
人際關係問題 野餐社( 廚藝 ) 休息 另NPC的好感度增加
玩家須認眞聽完全部敘述，
找出最有可能的答案給老師
成功>結束這周成功回到現實 失敗>被當 遊戲企劃關卡
才能下課
老師會先示範一次>考驗記憶力 中間會有隨機倒計時，若要停止時間 需要按下按鈕 否則重新開始 遊戲程式關卡
開關燈 時間計時 完成編碼即可通關
12
動畫關卡
手上持有5張分鏡圖
請對照旁邊的律表進行擺放 並正確選出原畫與補間張 律表 根據律表擺放到正確位置
3D關卡
請使用XY軸成功讓檯燈
返回家/學校到家
檯燈有步數限制
移動位置有限制
14
1 2 3 → → →
社團課關卡(社交)
人際關係問題
野餐社 ( 廚藝 )
另NPC的好感度增加 ( 後面的關卡獲得幫助 )
進行社團活動時
會有NPC來詢問問題
回答答案後會得到不同的分數
好感度的高低會影響 到後續關卡的難易度
PS & AI
限時回答問題
進行拼圖 尋找串聯線索 限時時間 問題 時間條
15
1 1 3 3 2
好感度
遊戲程式關卡
時間計時
成編碼即可通關
老師會先示範一次>考驗記憶力
中間會有隨機倒計時，若要停止時間
需要按下按鈕 否則重新開始
觸碰
觸碰區域 X:250Y:250Z:100 圖像
抓取 物件 時間
秒數:2秒
遊戲企劃關卡
玩家須認眞聽完全部敘述，
找出最有可能的答案
給老師才能下課
成功>結束這周成功回到現實
失敗>被當
16
燈泡 開啟(按鈕) 燈泡 延遲
範例 ？？？？？ ？？？？？ ？？？？？ 有翅膀 暖色系 ... 身上有條紋
流程圖
遊戲開始
平面動畫
是否獲得密碼
3D動畫
是否獲得密碼
社團課
獲得報應 增加當機率
PS&AI
是否獲得密碼
遊戲程式 獲得幫助 降低當機率
是否獲得密碼
是否幫助NPC 是 是 是 是 是 是 否 否 否 否
遊戲企劃
是否獲得密碼
遊戲結束
13
17
操作介面
14. 道具介紹
18
15. 製作進度
主視覺海報
角色設計
企劃書
市場調查
0 25 50 75 100 19
腳本劇情 關卡設計 關卡模擬圖 角色動態 道具設計
https://home.gamer.com.tw/artwork.php?sn=4837036
https://zh.wikipedia.org/zh-tw/%E6%B8%B8%E6%88%8F
https://delightcollab.com/getting-started-with-game-designer-flowchart/
https://zh.moegirl.org.cn/zh-tw/%E5%BC%82%E5%BD%A2%E5%A4%B4
17. 參考資料來源
16. 可行性分析（實際估價）
20
3
THINKS
