等角地圖

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

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

3、asedonJSONLuoJingWangMeihuaLiuYueyongZhangDian(CollegeofInfmationSouthChinaAgriculturalUniversityGuangzhouGuangdongProvinceChina)AbstractThispaperanalyzedsummarizedtheshtcomingsofbuildingmapsineducationalgamesbasedonFlas

4、hsuchasthelowreusabilityofresourcesthegreatredundantdatawheninteractedwithXMLdifficulttomodifyvisibleinterfaceunabletomeetthepersonalizeddemofdifferentusers.Todealwiththemotionedproblemsthepaperproposedanewdesigningdevel

5、opingwaybasedonJSONthemethodwasusedtodevelopvisualeducationalgamemapeditionsoftwaresoastohelpteachersstudentsconstructingvirtualsceneineducationalgamesquicklyvisibilityonthebasisoftheirsowndem.Theuserscanexptsavetheconst

6、ructedmapaspictures(pngjpg)JSONfilestothelocalPCsoastousethemduringthesubsequentdevelopingofeducationgames.TheexperimentsshowthatthementionedmethodbasedonJSONcansolvetheproblemsabove.KeywdsEducationalGameMapJSONFlashVisu

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

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

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

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

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

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

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

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

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

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

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

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