逃離朋友家 00057113 陳沐萱 00057114 王浩勳. 網站架構 IndexAB GameAwake 拍臉 Fin 共 6 個頁面 關卡選擇 直接跳到特定關卡.

Presentation on theme: "逃離朋友家 00057113 陳沐萱 00057114 王浩勳. 網站架構 IndexAB GameAwake 拍臉 Fin 共 6 個頁面 關卡選擇 直接跳到特定關卡."— Presentation transcript:

1 逃離朋友家 00057113 陳沐萱 00057114 王浩勳

2 網站架構 IndexAB GameAwake 拍臉 Fin 共 6 個頁面 關卡選擇 直接跳到特定關卡

3 技術使用  取得物件 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);

4  使用 絕對位置 放置物件， 並配合 z-index 進行物件分層顯示  position:absolute;  top:500px; left:50%;  margin-left:0%;  z-index:1;  利用 png 圖檔可透明的特性進行多處物件配置  修圖使用 PhotoShop CS3  臉書按讚功能  技術使用

5  防反白功能  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;} 技術使用

6  線上即時聊天室 

7 特色優點  以第一人稱視角進行，遊戲中有主角自言自語 作為通關提示  含多種互動小遊戲或益智遊戲  有隱藏事件具驚喜感  整體網站風格統一  物件位置固定，不會亂跑

8 分工 陳沐萱  首頁 Fin 所有製作  AB Game 介面增強， 增加 Enter Delete On Off 功 能  找鑰匙 拼圖 所有製作  拍臉 臉部區塊感應設計、計數  美術修圖與對話框設計  排版、 統一全部網頁與圖案風格  網頁間連結切換  線上即時聊天室功能 王浩勳  整體遊戲關卡 idea 提供  首頁 idea 提供  AB Game 遊戲製作  蟑螂 物件隨機移動設計  拍臉 滑鼠按壓功能設計 未提到的部份即是共同製作努力

9 Fin. 再次感謝您的觀賞與遊玩