逃離朋友家 陳沐萱 王浩勳
網站架構 IndexAB GameAwake 拍臉 Fin 共 6 個頁面 關卡選擇 直接跳到特定關卡
技術使用 取得物件 document.getElementById(“xxx") 在物件上增加事件 xxx.addEventListener(“click",xxx,false); 更改物件屬性 xxx.setAttribute("alt",“xxx"); 滑鼠圖案變換 手指 cursor : pointer ; 加號 cursor: crosshair; onclick=“xxx()“ 實行多處按壓觸發事件 使用 window.location.replace(“xxx.html”); 進行頁面切換 滑鼠按壓事件 document.getElementById(“xxx").addEventListener("mou seup",xxx,false); document.getElementById(“xxx").addEventListener("mou sedown",xxx,false);
使用 絕對位置 放置物件， 並配合 z-index 進行物件分層顯示 position:absolute; top:500px; left:50%; margin-left:0%; z-index:1; 利用 png 圖檔可透明的特性進行多處物件配置 修圖使用 PhotoShop CS3 臉書按讚功能 技術使用
防反白功能 var omitformtags=["input", "textarea", "select"]; omitformtags=omitformtags.join("|"); function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase()) ==-1) return false; } function reEnable(){return true;} if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false"); else{document.onmousedown=disableselect; document.onmouseup=reEnable;} 技術使用
線上即時聊天室
特色優點 以第一人稱視角進行，遊戲中有主角自言自語 作為通關提示 含多種互動小遊戲或益智遊戲 有隱藏事件具驚喜感 整體網站風格統一 物件位置固定，不會亂跑
分工 陳沐萱 首頁 Fin 所有製作 AB Game 介面增強， 增加 Enter Delete On Off 功 能 找鑰匙 拼圖 所有製作 拍臉 臉部區塊感應設計、計數 美術修圖與對話框設計 排版、 統一全部網頁與圖案風格 網頁間連結切換 線上即時聊天室功能 王浩勳 整體遊戲關卡 idea 提供 首頁 idea 提供 AB Game 遊戲製作 蟑螂 物件隨機移動設計 拍臉 滑鼠按壓功能設計 未提到的部份即是共同製作努力
Fin. 再次感謝您的觀賞與遊玩