Escape from 5F

講者：楊斯丞
日期：2020/07/05

Outline

  • 專案特色
  • 系統架構
  • DEMO
  • 未來展望
  • 工作人員名單
  • 參考資源

專案特色

結合了遊戲與CTF的腦洞，在網頁以類終端機的畫面顯示，並經由遊戲中的各式謎題來促進玩家的資訊相關方面能力

遊戲介紹

一位名為李崇璋的學生於廁所企圖自殺，在失去意識的過程中進到了這個五樓空間，並且失去了自身的所有記憶；

透過在五樓解謎的過程當中，慢慢地將所有記憶拼湊，並還原自身的狀況與自殺的原因。


在理解整個事件後從而甦醒，來選擇對於事情真相的處理，以及對於即將因失血過多死亡的自己，選擇活下去或者就此死去。

遊戲操作

透過輸入相對應的指令或是所找到的 flag 來推動劇情發展

系統架構

DEMO

1. 一台電腦當Server，運行

manage.py runserver 0.0.0.0:8000

2. 其他人可以輸入網址來連線，網址為Server ip + 8000

未來展望

  1. 輸入框與 terminal 的分離
  2. 場景完善與剩下劇情補全 
  3. 字體調整、畫面調整

未來進度

  1. 所用的 terminal 套件不一定支援我們想要用的功能，所以有要手刻的可能 
  2. 因各頁面有相關，所以可能會使之牽一髮而動全身

遇到問題

工作人員名單

王譽錚

 

李崇瑋

 

許堃陽

王譽錚、楊斯丞、葉宗儒

李崇瑋

 

李崇瑋

 

李崇瑋、許堃陽

 

楊斯丞、李崇瑋

楊斯丞、葉宗儒

總監

 

編劇

 

第一場景設計   

第二場景設計

題目設計

 

技術總監

 

劇本撰寫

 

系統架構設計

系統架設

參考資源


Jakub T. Jankiewicz(2019.12.15)How to create interactive terminal like website?, Retrieved from https://itnext.io/how-to-create-interactive-terminal-like-website-888bb0972288


Jakub T. Jankiewicz, JqueryTerminal, Retrieved from https://terminal.jcubic.pl/
 

盪鞦韆(2017.3.9)網頁自動轉址/重新導向/URL重定向方法(HTML/Javascript/PHP的轉址) 取自https://tzuhsiang.com/webmaster/url-html-javascript-php/

dreamerslab(2011.4.8)Javascript session 取自
http://dreamerslab.com/blog/tw/javascript-session/

Thank you for listening

Made with Slides.com