等角地圖

1、基于基于JSONJSON的教育游戲地圖教育游戲地圖可視化研究可視化研究羅靜，王美華，劉躍勇，張典(華南農業(yè)大學信息學院，廣東廣州510642)摘要：文章總結了當前基于Flash的教育游戲地圖建設中存在的一些問題，如：資源可重用性較低，與XML文件交互過程中存在數據冗余量較大，可視化修改復雜性較高，不能滿足用戶個性化定制需求；針對這些問題，作者在查閱相關文獻資源之后，提出一種基于JSON的設計與開發(fā)方法，并運用該方法實踐開發(fā)出一個可視化地

2、圖編輯軟件，以供教師和學生根據自身需求進行快速、可視地建設教育游戲中的虛擬地圖，教師和學生可通過該軟件將所建設的地圖以圖片(png、jpg)或JSON文件格式存儲到本機，以供在后續(xù)的教育游戲開發(fā)中進行使用；最后運用該軟件在實踐中進行測試可知，使用該方法能夠較好的解決上述問題。關鍵詞：教育游戲地圖JSONFlash可視化中圖分類號：G434，TP311.52文獻標識碼AResearchofVisualEducationalGameMapB

3、asedonJSONLuoJingWangMeihuaLiuYueyongZhangDian(CollegeofInfmationSouthChinaAgriculturalUniversityGuangzhouGuangdongProvinceChina)AbstractThispaperanalyzedsummarizedtheshtcomingsofbuildingmapsineducationalgamesbasedonFlas

4、hsuchasthelowreusabilityofresourcesthegreatredundantdatawheninteractedwithXMLdifficulttomodifyvisibleinterfaceunabletomeetthepersonalizeddemofdifferentusers.Todealwiththemotionedproblemsthepaperproposedanewdesigningdevel

5、opingwaybasedonJSONthemethodwasusedtodevelopvisualeducationalgamemapeditionsoftwaresoastohelpteachersstudentsconstructingvirtualsceneineducationalgamesquicklyvisibilityonthebasisoftheirsowndem.Theuserscanexptsavetheconst

6、ructedmapaspictures(pngjpg)JSONfilestothelocalPCsoastousethemduringthesubsequentdevelopingofeducationgames.TheexperimentsshowthatthementionedmethodbasedonJSONcansolvetheproblemsabove.KeywdsEducationalGameMapJSONFlashVisu

7、alization一、引言教育游戲是當前計算機信息技術和教育界的熱點研究主題，有著廣闊的發(fā)展前景，所謂教育游戲是指能夠培養(yǎng)游戲使用者的知識、技能、智力、情感、態(tài)度、價值觀，具有一定教育意義的計算機游戲類軟件[1]。通常游戲最先吸引人的往往是那些精致的游戲地圖，所以地圖的設計會影響到游戲的趣味性[2]，好的游戲地圖能給用戶帶來良好的第一印象[3]，由此可知，地圖的建設在教育游戲開發(fā)過程中扮演著重要角色。目前國內的教育游戲多數使用Flash

8、軟件來進行開發(fā)，如：游戲型課件[4]、網絡教育游戲[5]、軟件模擬[6]等。同時游戲型課件中的數據傳輸和交換多數使用XML文件來進行操作，如杜明明[7]等使用XML文件來制作動態(tài)Flash課件相冊，王美華[8]等使用XML文件來開發(fā)網絡課程架構，劉志廣[9]等使用XML文件來構建虛擬實驗室等等。由此可知，F(xiàn)lash軟件和XML文件在教育游戲及課件研發(fā)領域得到廣泛認可和使用。但是，多數教育游戲地圖的建設仍然是將其資源素材直接嵌入到Flas

9、h軟件庫內部，導致編譯出來的地圖缺乏個性化定制需求功能；又由于當用戶想對其地圖場景進行修改時，需要了解Flash和XML的相關知識，才能較好地完成對游戲地圖源文件的修改、編譯，從而導致游戲地圖的修改復雜性較高。同時需要說明的是，使用XML文件存儲信息數據存在數據冗余量較大[10]，交互過程中占用更多系統(tǒng)資源[11]，數據傳輸效率較低[12]等問題。針對所存在的問題，作者在查閱相關文獻資料后，提出基于JSON形式的方法來改進教育游戲地圖可

10、視化建立的流程，并開發(fā)出一款游戲地圖可視化編輯軟件以供教師和學生使用，以便探究該方法能否解決用戶個性化定制和可視化修改兩方面問題，并同時達到更好的提高游戲地圖中數據傳輸效率和降低交互過程中數據冗余的目的。二、相關理論游戲地圖編輯軟件的開發(fā)主要使用Action3.0腳本編程語言，該腳本語言通常簡寫為AS3.0，是一種強大的面向對象編程語言，它標志著FlashPlayer演化過程中的一個重要階段。與其他語言相比，這種語言相對簡單且容易編寫，

11、安全性更高，代碼維護更輕松。同時也可以加載、解析、發(fā)送、生成和操作外部JSON和XML文檔，來實現(xiàn)各種人機交互、數據交互等功能，并廣泛面向于多種開發(fā)環(huán)境，如：c.通過變形工具將旋轉后的正方形高壓縮到原來的50%；d.繪制內部的線條e.將繪制好的圖形轉換為影片剪輯(MovieClip)形式，以便控制和使用。完成網格影片剪輯繪制后，將其命名為gridTile_mc，開發(fā)者也可根據自身需求將其縮放到指定寬度和高度，作為整個虛擬地圖建立的基本單

12、元。文章將gridTile_mc的寬度和高度分別設置為48像素和24像素。同時也需要將gridTile_mc的原始坐標(00)修改為(0height2)，這樣設置的目的是使網格元件在地圖中進行深度排序時變得更容易。而gridTile_mc的寬度(w2)與正方形的寬度(w1)之間具有如上圖4所示的：w1=w2Sin(45)的這種關系。（三）文檔結構布局（三）文檔結構布局文檔結構布局設置主要目的是為了將不同資源進行歸類存放，以便軟件開發(fā)過程

13、可以有序、高效的進行。由下圖6可知：在Project文件中有photoSource、codeSource、display、dataSource四個文件夾，其中photoSource文件用于存儲圖片資源，codeSource文件用于存儲軟件開發(fā)的源代碼，display文件用于存儲發(fā)布后的swf文件，dataSource用于存儲軟件開發(fā)中需要使用到的相應JSON文件。圖6文檔結構布局（四）（四）JSON文件結構文件結構在地圖編輯器的開發(fā)中，

14、JSON形式的文件扮演著重要的角色，在用戶登錄信息、地圖場景數據和地圖素材信息的存儲等多方面都得到運用。2.4.1用戶登陸信息“Users“:[“Name“:“LuoJing““Passswd“:“123456““Name“:“QiaoLing““Passswd“:“123456“]該JSON文件主要用于存儲用戶的登陸信息，其中“Users“標簽中存儲著系統(tǒng)框架中所有用戶的信息，其子標簽“Name“、“Passswd“分別表示用戶名和密

15、碼，開發(fā)者也可以根據自身需求添加其他的相關屬性。2.4.2地圖場景數據“mapSence“:[“name“:“userMapData““width“:“30““height“:“30““terrainData“:“1111111111111111111111111111……“]地圖場景數據JSON文件主要用來設置能夠繪制的地圖大小，其中“terrainData“標簽表示地圖的初始形狀，數字1表示網格的初始元素類型。2.4.3地圖素材信息

16、“mapBuildingData“:[“id“:“1““name“:“tree““size“:“1““classname“:“Tree1““id“:“2““name“:“flower““size“:“1““classname“:“Flower1“]該JSON文件用于存儲地圖中的素材信息，其中“mapBuildingData“標簽中存儲著不同類型的素材，其子標簽“size“表示素材所占網格大小，“name“表示素材的類別，如：草、花、房屋

17、等，“classname“表示該素材的新類名。其中上述的相關JSON文件結構，開發(fā)者都可根據自身需求來重新定制。四、核心算法及測試效果在游戲地圖可視化編輯軟件開發(fā)過程中涉及到的核心算法主要有：加載與解析JSON文件、實例化二維地圖數組、轉換坐標、呈現(xiàn)地圖素材、Z排序算法、導出場景地圖的(圖片、JSON)這六個方面；測試效果主要是根據上文中描述的需求，然后對可視化地圖編輯軟件進行測試，檢查是否能夠解決所存在的問題。（一）核心算法（一）核心

18、算法3.1.1加載與解析JSON文件JSON文件在軟件開發(fā)過程中扮演著重要角色，JSON文件結構的良好設計與控制，直接關系到游戲地圖編輯軟件中資源顯示的流暢性和重用性等多方面，所以如下圖7可知：AS3.0怎樣對JSON文件進行加載必然成為系統(tǒng)核心算法中的重要部分之一。圖7地圖創(chuàng)建流程圖算法實現(xiàn)主要使用AS3.0提供的URLLoader、URLRequest和JSON三個類的相關屬性和方法來完成，并將JSON文件中的數據保存到相應數組中，