———————————————————————————
恭喜你,看到此段文本時,你將正式開始進入一個神奇的世界——IC編輯器!你應該感到幸運,因為你找到了一個可以任你自由發揮無限想象力的好地方!
—— Konux
在本章你將學習到:
· 對地圖的認識
· 作品的文件操作
· 導入素材操作
· 編輯器的基礎面板的功能
· 編輯器的常用基本操作
· 編輯器的單位制、網格、座標、角度的概念
· 一些名詞的定義
進入編輯器:
現在我們可以打開遊戲內的關卡編輯器


雖然編輯器的面板部分在官方的文檔教程中有介紹:
關卡編輯器界面介紹 - IWBTC
https://easydoc.net

如果感興趣也可以嘗試去仔細瞅瞅。
(什,看不懂?那可太C...正常了,要是一看就會那咱還教啥嘛)
當然不看也沒關係,我們接下來會通過實戰的方式來邊做邊教,相信以這樣的方式,你會更好的理解編輯器。
地圖是啥:
我們通常將自己的遊戲作品稱之為“地圖”,簡稱為“圖”
常用翻譯拓展:
“能玩下我的圖嗎?”==“能玩玩我做的遊戲嗎?”
“推圖”==“推薦自己或別人做的遊戲”
“作圖”==“製作自己的遊戲”
“好圖”==“這是個很棒的遊戲”
“神作”==“這是個接近神一樣的作品”或“差一點點存上檔時操作失誤而引起的死亡”
造“排面”:
下面我們開始作圖
就像我們寫文章需要紙或內存作為載體一樣,製作一個新遊戲,第一步當然是要先創建新地圖啦!

當然,寫文章也需要有標題,作者之類的信息,作圖也一樣,所以可以點擊遊戲信息進行設置





文件操作:
保存操作可以保存我們製作的地圖數據,避免用心做的地圖數據因退出而神秘“消失”,只需要點擊左上角的“保存”按鈕即可。

1.遊戲會為你的地圖創建一個地圖文件,以用來存放你做的地圖數據
2.你的地圖將會被備份(每次保存都會)
3.你的地圖的版本數會加1(無需瞭解)
那麼這個地圖在哪呢?
我們可以點擊“載入”按鈕查看自己的遊戲本地地圖


我們可以看到左側有六個選項卡,很顯然:
<我的遊戲>中存放著自己做的地圖
<下載完成>中存放你下載的別人的地圖
<素材包>、<功能包>是你下載的可用於作圖的包(這個包在本質上也是一張地圖,關於這兩種地圖的解釋我們以後再講)
<備份>為你保存地圖時自動創建的地圖(為了防止地圖丟失無法找回)
<自動備份>即遊戲自動幫你保存時的地圖,默認每300秒會自動保存一次(可在遊戲設置中修改時間間隔)
我們剛剛製作的地圖此時已經位於<我的遊戲>中啦!
可以看到,我們的地圖左邊顯示了一串混合數字和英文的字符,woc,這啥?

那麼我們自己做的地圖的文件在哪?
電腦:遊戲根目錄 -> AG_Data -> GameFile
手機:文件管理器 -> Android -> data -> com.AikesiGame.CAC -> files -> GameFile
Q: 電腦的遊戲根目錄在哪?

Q: 手機文件管理器在哪?
大部分手機都會自帶文件管理工具,Konux的手機上長這樣
Q: 為什麼手機上沒有Android/data路徑?
你的手機安卓版本過高(比如安卓11),谷歌為了優化隱私安全而將此路徑隱藏了,你可以通過下載第三方文件管理器來解決這個問題
打開GameFile文件夾後我們就會發現一些熟悉的文件名了




相信聰明的你應該意識到了什麼,我們只要把自己的音樂或圖片文件分別拖拽 (或粘貼) 進上述的兩個文件夾(Audio和Sprite)裡,就可以導入素材到對應的地圖了,這就是導入素材的操作。
需注意:
圖片:格式必須為jpg或png格式才可用,不支持其他格式
音樂:格式必須為ogg(推薦)或wav格式才可用,不支持其他格式
不允許以直接改文件後綴的方式轉換格式
軟件或網站推薦;
轉換格式軟件:格式工廠
在線壓縮圖片網站:https://docsmall.com/image-compress
電腦製作圖片素材軟件:PhotoShop
手機制作圖片素材軟件:八位元畫家、照片編輯器、pixel studio、IsoPix Pro
編輯器的模塊:
經過以上的教學,相信你已經能清楚的知道地圖概念、如何創建地圖以及文件操作了。
接下來我們來正式介紹編輯器的模塊區間,當然,你不需要知道這些區間的用法,只需要知道這些區間大概是用來幹啥的就行了

如上紅色框選部分就是我們地圖的場景,場景是用來放置遊戲內的單位的地方,比如磚塊、刺等等就放置於場景之中,真正的遊玩過程也將在場景中進行。





當然,細心的你當然會注意到,咱漏掉了一個區域,那就是場景數據顯示區,它可用來顯示當前鼠標(或手指觸摸)的座標、當前場景的深度(類似圖層)、設置網格大小和顯示狀態,不理解也沒關係,我們在以後的教學中會用到它並解釋它。

編輯器的基礎操作:
認識到了編輯器的幾個區塊之後,我們開始操作
放置單位:
先試試放置一個單位
點擊地圖編輯區裡的一個單位來進行選擇,這裡我們選擇一個紅磚





場景控制:
什?場景不能移動也看的太難受了吧!當然可以
在編輯器裡可以進行移動、縮放和選擇操作
移動:


縮放:



電腦端:
移動:按住滾輪或右鍵來拖動屏幕
縮放:滾動滾輪即可縮放視野
選擇:左鍵點擊在場景上的單位即可選取單個單位,左鍵拖動可實現一個區域內單位的多選,也可點擊單位後按住<Shift>鍵再點擊另一個單位完成自定義多選



手機端:
移動:
方法1.直接在場景控制區裡的移動控制區滑動即可移動場景(常用)


先點擊場景控制區裡的縮放按鍵,然後在場景上左右滑動實現縮放場景(左滑放大,右滑縮小)
選擇:
先點擊場景控制區裡的選擇按鍵(tip:雙擊屏幕或單位也能實現切換到選擇按鍵或直接單選單位),然後點擊單位或者拖出一個區域即可單選或框選區域內的所有單位,若要實現自定義多選,則點擊多選按鍵即可

對單位的基礎操作:
選擇單位或一群單位後,你可以看到左側會出現單位的屬性面板(也叫屬性卡),這裡將可對單位進行數據上的修改或操作,比如移動單位、刪除單位、旋轉單位、更改顯示模式等。

1.可在場景上直接拖動單位進行移動
2.點擊屬性卡中的移動按鈕(或快捷鍵),再點擊需要移動到的位置即可
刪除單位(快捷鍵:Delete):
點擊屬性卡中的刪除按鈕(或快捷鍵)
旋轉單位(快捷鍵:C、V):
1.精確旋轉到某角度:點擊屬性卡中的旋轉按鈕,在彈出的窗口中輸入旋轉後的角度

縮放單位:
拉動單位的四角或四邊即可實現以網格為單位進行縮放

那麼以上就是編輯器的基礎操作了!如果你能完整的看到這裡,相信一定能擺出一個普通的關卡了!就比如下面這樣,對於聰明的你應該不難。

我們擺放單位時不難發現,單位都是一格格放置的,同時會顯示這個格子的座標

我們得先從單位制說起,正如現實生活中的長度以米(m)為長度單位,在編輯器中就是以1為單位,而0.01就稱為1像素(px),即100px = 1,但一般我們使用的最多的並不是1,而是0.64,這是為什麼呢?其實0.64就是網格的默認大小,如下圖所示



而每個網格的中心點,就是它的座標,場景左下角的網格的中心點就是座標的原點(0, 0),如以下方式建系(橫軸為x軸,縱軸為y軸)。(若沒有學過座標,可以自行搜索相關數學知識,只需要知道最基礎的即可)

(0.64*(4-1),0.64(3-1))=(1.92,1.28)

編輯器裡也有角度的說法,但和我們數學中的有些不同
數學中我們通常這樣定義角度,即以向右為0角度,一圈為360°


以上就是本章的全部內容了,在下一章裡,我會著重講解關於單位的一些內容
ps:本教程持續更新中,TapTap上會延後於最新教程版本,可加入官方二群獲取最新文檔,官方二群群號:979717879
---------------------------------禁止轉載---------------------------------