這是基於個人興趣做的網頁,希望不會影響您的耐心。
 
這個連結,尚在測試中。(用數字鍵控制人物移動)
網頁遊戲測試 V0.12 (必須用IE 5以上開啟,用IE 6速度會比較快。Mozilla及Firefox也可支援了)

一些測試:  
 
 

V0.12相關說明(25/Sep/2006)


[Current Status]

  1. 目前測試過最好的路徑搜尋方法(兼顧速度及準確性),還是A*演算法,所以把它加進來了
  2. 地圖載入速度似乎有一點慢,應該是IE的問題
  3. 加入兩個地圖做測試,利用get傳參數決定人物在地圖中的起點與方向,讓人物可以走到不同地圖(其實是不同網頁)

[TODO]

  1. 整理程式,把滑鼠控制的程式加入引擎中
  2. 調整事件程式,用cookie儲存狀態
  3. 用ajax方式達成圖檔載入的功能

     

     

    路徑搜尋測試相關說明(1/Sep/2006)


    [Current Status]

    1. 開始嘗試寫一些路徑測試的方法,先做一些簡單的測試。
    2. 目前的方法一定可以找到路徑,但是路徑太多冗餘。有空的話再用A*演算法做做看。

     

     

    V0.11相關說明(14/Aug/2006)


    [Current Status]

    1. 稍微改了一下程式,嘗試加入執行事件的功能。走到門口,在詢問是否要離開時回答「是」,就會關閉視窗。

     

     

    V0.10相關說明(27/Jul/2006)


    [Current Status]

    1. 利用自己的多邊形位置及滑鼠位置檢測方法,建立使用滑鼠操作人物的初步方法
    2. 功能已可使用,但是程式尚未整理到引擎的程式碼內
    3. 為了快速多邊形與點位置偵測,另外開發了三個版本的graphic.js
    4. 尚未加入路徑偵測功能,所以沒有辦法自己繞過障礙,只能走用Bresenham法在地圖中計算出來的直線

     

     

    V0.09相關說明(11/Jul/2006)


    [Current Status]

    1. 修改map的方法,減少重複的程式碼
    2. 調整map的方法,讓動態載入地圖成為可能的(將一些方法切小,把產生div地圖框架跟填入內容的程式碼分開)。但是我還沒實際測試是否可行。
    3. 嘗試先用一個div把圖檔load進來,但是效果不好。(在firefox還不錯,但是在IE底下沒用。IE可能為了安全因素調整了不少東西,速度比firefox慢...)

     

     

    V0.08相關說明(7/Jul/2006)


    [NOTICE]

    1. 目前只測試過在IE以及Mozilla/Firefox平台
    2. 使用數字鍵盤來移動主角。方向鍵在Mozilla會有問題,暫時不支援了。
    3. 人物會先改變方向,才會走動。
    4. 一次必須走一格,才能再走下一格
    5. 圖片的版權請參閱舊的說明

    [Current Status]

    1. 引擎用javascript OOP的方式改寫了
    2. 幾乎都用DOM的方法動態產生物件
    3. 可以支援IE及Mozilla/Firefox

    [TODO]

    1. 完整支援地圖事件(使用鍵盤)
    2. 支援滑鼠事件(困難點:image map驅動????還沒研究)
    3. 更好的物件及方法組織方式(重構啦,一直都在做,也不可能做完,因為會跑出新的目標)

     

     

    V0.06相關說明(2002年左右?)


    [NOTICE]

    1. 由於使用到IE專用的DHTML語法,所以必須用IE來開啟。(Netscape必須用Layer的語法...)
    2. 使用方向鍵以及數字鍵來移動主角,可以八個方向走動。
    3. 走動的動畫功能尚未加入,所以人物看起來好像在地上滑。呵呵。
    4. 所有的圖檔都是從Isometrix project的程式中取得,並依照網頁的需要加以修改的。著作權應該也歸他們所有。
    5. IE並不是為了Game所寫的,所以效率比較差。要用比較快的機器人物走動的速度才勉強可以接受。
    6. 畫面左下角的白框是我拿來show一些資料debug用的,我還不想拿掉,抱歉啦。這個地方我想以後可以加強成為對話框。
    7. 為了產生地圖(32x32),程式裡面用了很大的迴圈,必需要等一等才會有畫面。如果出現訊息說有一個Script使IE速度變慢,要你終止script執行,請你按「否」,要不然地圖與人物都秀不出來。

    [CURRENT STATUS]

    1. 限制人物在地圖中行走的範圍。
    2. 讓人物能在八個方向移動時,各用不同的圖片。
    3. 處理人物行走的動畫。 利用setTimeout函數來處理動畫,由於不在事件處理函數內部,在動作未完成前按下其他方向鍵會使座標出問題,所以加入限制,在動畫未完成前,無法使用方向鍵來行走。終於看起來有比較像Game了。(2003.5.30)

    [TO DO]

    1. 加入事件處理機制。
    2. 加入讓主角與背景物件互動的功能。
    3. 加入NPC,以及對話互動功能。(很笨的NPC,只會站在原地)
    4. 讓人物可以走到不同的地圖中。

    這個東西大約是在1999年開始做的。主要的功能大約花了兩個星期(時間花在自己解決isometric座標轉換上)。

    我做這個網頁只是純好玩,想試試DHTML的極限,不過現在工作很忙,我想距離完成是遙遙無期了。