x01.Game.MapEditor: 地图编辑器
1.游戏编程，需要一个地图编辑器。站在前人肩上，自己写一个，倒也不难。其效果图如下：
只需从左下的 Tiles 面板中选择一个 Tile，在右边的面板中绘制即可。保存为同名的两个文件 file.bmp, file.xml。打开时选择 file.xml 文件。
2.界面设计不详述，可在效果图上点击右键，将其另存为桌面上作为参照。其完整代码如下：
MainForm
public partial class MainForm : Form, IMessageFilter { int paletteColumes = 5, paletteSelectedIndex = 0; readonly int mapSize = 100; //for map tiles int mouseX = 0, mouseY = 0, boxCol = 0, boxRow = 0; Tile[] tiles; Bitmap bmpMap, bmpTile; Graphics graphMap, graphTile; BoxInfo boxSelected; // editing selected box in the map public MainForm() { InitializeComponent(); Application.AddMessageFilter(this); tiles = new Tile[mapSize * mapSize]; bmpMap = new Bitmap(picMap.Size.Width, picMap.Size.Height); picMap.Image = bmpMap; graphMap = Graphics.FromImage(bmpMap); bmpTile = new Bitmap(picSelected.Size.Width, picSelected.Size.Height); picSelected.Image = bmpTile; graphTile = Graphics.FromImage(bmpTile); // Init Events picMap.MouseClick += new MouseEventHandler(picMap_MouseClick); picMap.MouseMove += new MouseEventHandler(picMap_MouseMove); picPalette.MouseClick += new MouseEventHandler(picPalette_MouseClick); dlgOpen.Filter = "XML Files(*.xml)|*.xml|All Files(*.*)|*.*"; miNew.Click += new EventHandler(miNew_Click); miOpen.Click += new EventHandler(miOpen_Click); miSave.Click += new EventHandler(miSave_Click); miExit.Click += (a, b) => Close(); radioEditMode.CheckedChanged += new EventHandler(radioEditMode_CheckedChanged); } void radioEditMode_CheckedChanged(object sender, EventArgs e) { if (radioEditMode.Checked == false) { int i = boxSelected.Index; tiles[i].TileId = Convert.ToInt32(txtTileId.Text); tiles[i].Data1 = txtData1.Text; tiles[i].Data2 = txtData2.Text; tiles[i].Data3 = txtData3.Text; tiles[i].Data4 = txtData4.Text; tiles[i].Collision = chkCollision.Checked; tiles[i].Portal = chkPortal.Checked; tiles[i].PortalX = Convert.ToInt32(txtPortalX.Text); tiles[i].PortalY = Convert.ToInt32(txtPortalY.Text); tiles[i].PortalFile = txtPortalFile.Text; paletteSelectedIndex = tiles[i].TileId; SetSelectedTile(); boxCol = boxSelected.Col; boxRow = boxSelected.Row; DrawSelectedTile(); } } void picPalette_MouseClick(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) { paletteSelectedIndex = e.X / 33 + e.Y / 33 * paletteColumes; SetSelectedTile(); } } void miNew_Click(object sender, EventArgs e) { for (int i = 0; i < mapSize * mapSize; i++) { tiles[i].TileId = 0; tiles[i].Data1 = string.Empty; tiles[i].Data2 = string.Empty; tiles[i].Data3 = string.Empty; tiles[i].Data4 = string.Empty; tiles[i].Collision = false; tiles[i].Portal = false; tiles[i].PortalFile = string.Empty; tiles[i].PortalX = 0; tiles[i].PortalY = 0; } RedrawMap(); } void miSave_Click(object sender, EventArgs e) { StringBuilder sb = new StringBuilder(); sb.AppendLine("<?xml version=\"1.0\" standalone=\"yes\"?>"); sb.AppendLine("<tiles>"); for (int i = 0; i < mapSize * mapSize; i++) { sb.AppendLine(" <tile>"); sb.AppendLine(" <tileId>" + tiles[i].TileId.ToString() + "</tileId>"); sb.AppendLine(" <data1>" + tiles[i].Data1 + "</data1>"); sb.AppendLine(" <data2>" + tiles[i].Data2 + "</data2>"); sb.AppendLine(" <data3>" + tiles[i].Data3 + "</data3>"); sb.AppendLine(" <data4>" + tiles[i].Data4 + "</data4>"); sb.AppendLine(" <collision>" + (tiles[i].Collision ? "true" : "false") + "</collision>"); sb.AppendLine(" <portal>" + (tiles[i].Portal ? "true" : "false") + "</portal>"); sb.AppendLine(" <portalX>" + tiles[i].PortalX.ToString() + "</portalX>"); sb.AppendLine(" <portalY>" + tiles[i].PortalY.ToString() + "</portalY>"); sb.AppendLine(" <portalFile>" + tiles[i].PortalFile + "</portalFile>"); sb.AppendLine(" </tile>"); } sb.AppendLine("</tiles>"); if (dlgSave.ShowDialog() == DialogResult.OK) { File.WriteAllText(dlgSave.FileName + ".xml", sb.ToString()); bmpMap.Save(dlgSave.FileName + ".bmp", ImageFormat.Bmp); } } void miOpen_Click(object sender, EventArgs e) { string file = string.Empty; if (dlgOpen.ShowDialog() == DialogResult.OK) { file = dlgOpen.FileName; } try { XmlDocument doc = new XmlDocument(); doc.Load(file); XmlNodeList nodes = doc.GetElementsByTagName("tile"); int i = 0; foreach (XmlElement node in nodes) { tiles[i].TileId = Convert.ToInt32(node.GetElementsByTagName("tileId")[0].InnerText); tiles[i].Data1 = node.GetElementsByTagName("data1")[0].InnerText; tiles[i].Data2 = node.GetElementsByTagName("data2")[0].InnerText; tiles[i].Data3 = node.GetElementsByTagName("data3")[0].InnerText; tiles[i].Data4 = node.GetElementsByTagName("data4")[0].InnerText; tiles[i].Collision = Convert.ToBoolean(node.GetElementsByTagName("collision")[0].InnerText); tiles[i].Portal = Convert.ToBoolean(node.GetElementsByTagName("portal")[0].InnerText); tiles[i].PortalFile = node.GetElementsByTagName("portalFile")[0].InnerText; tiles[i].PortalX = Convert.ToInt32(node.GetElementsByTagName("portalX")[0].InnerText); tiles[i].PortalY = Convert.ToInt32(node.GetElementsByTagName("portalY")[0].InnerText); i++; } RedrawMap(); } catch (Exception ex) { MessageBox.Show(ex.Message); } } void picMap_MouseMove(object sender, MouseEventArgs e) { boxCol = e.X / 32; boxRow = e.Y / 32; mouseX = e.X; mouseY = e.Y; lblCursor.Text = "Map Cursor: x,y = " + e.X.ToString() + "," + e.Y.ToString(); if (radioDrawMode.Checked) { Tile tile = tiles[boxRow * mapSize + boxCol]; txtTileId.Text = tile.TileId.ToString(); txtData1.Text = tile.Data1; txtData2.Text = tile.Data2; txtData3.Text = tile.Data3; txtData4.Text = tile.Data4; chkCollision.Checked = tile.Collision; chkPortal.Checked = tile.Portal; txtPortalX.Text = tile.PortalX.ToString(); txtPortalY.Text = tile.PortalY.ToString(); txtPortalFile.Text = tile.PortalFile; picMap_MouseClick(sender, e); } } /// <summary> /// 如是 Draw Mode，鼠标左键绘制 Tile 到 map 上，右键清除； /// 否则，绘制 box 到 map 上。 /// </summary> void picMap_MouseClick(object sender, MouseEventArgs e) { switch (e.Button) { case MouseButtons.Left: if (radioDrawMode.Checked) { DrawSelectedTile(); } else { //show selected tile for editing boxSelected.Col = boxCol; boxSelected.Row = boxRow; boxSelected.Index = boxRow * mapSize + boxCol; Tile tile = tiles[boxSelected.Index]; txtTileId.Text = tile.TileId.ToString(); txtData1.Text = tile.Data1; txtData2.Text = tile.Data2; txtData3.Text = tile.Data3; txtData4.Text = tile.Data4; chkPortal.Checked = tile.Portal; chkCollision.Checked = tile.Collision; txtPortalX.Text = tile.PortalX.ToString(); txtPortalY.Text = tile.PortalY.ToString(); txtPortalFile.Text = tile.PortalFile; DrawSelectedBox(); } break; case MouseButtons.Right: if (radioDrawMode.Checked) { DrawTile(boxCol, boxRow, 0); // erase } break; } } void DrawSelectedTile() { DrawTile(boxCol, boxRow, paletteSelectedIndex); } void DrawSelectedBox() { // Erase selected tile with old. //DrawTile(boxSelected.Col, boxSelected.Row, tiles[boxSelected.OldIndex].TileId); // Remember current tile //boxSelected.OldIndex = boxSelected.Index; int x = boxCol * 32; int y = boxRow * 32; Pen pen = new Pen(Color.DarkMagenta, 2); Rectangle rect = new Rectangle(x + 1, y + 1, 30, 30); graphMap.DrawRectangle(pen, rect); picMap.Image = bmpMap; } //[DllImport("user32.dll")] //public static extern IntPtr WindowFromPoint(Point point); //[DllImport("user32.dll")] //public static extern IntPtr SendMessage(IntPtr hWnd, int msg, IntPtr wParam, IntPtr lParam); // Handle MouseWheel Message. public bool PreFilterMessage(ref Message m) { if (m.Msg == WinMessages.WM_MOUSEWHEEL) //WM_MOUSEWHEEL = 0x020A { Point pos = new Point(m.LParam.ToInt32() & 0xffff, m.LParam.ToInt32() >> 16); IntPtr hWnd = User32.WindowFromPoint(pos); if (hWnd != IntPtr.Zero && hWnd != m.HWnd && Control.FromHandle(hWnd) != null) { User32.SendMessage(hWnd, m.Msg, m.WParam, m.LParam); return true; } } return false; } void SetSelectedTile() { int x = (paletteSelectedIndex % paletteColumes) * 33; int y = (paletteSelectedIndex / paletteColumes) * 33; var src = new Rectangle(x, y, 32, 32); var dest = new Rectangle(0, 0, 32, 32); graphTile.DrawImage(picPalette.Image, dest, src, GraphicsUnit.Pixel); picSelected.Image = bmpTile; } /// <summary> /// 在 picMap 中按指定的行、列绘制所选的 tile. /// </summary> void DrawTile(int col, int row, int tileId) { tiles[row * mapSize + col].TileId = tileId; int srcX = (tileId % paletteColumes) * 33; int srcY = (tileId / paletteColumes) * 33; int destX = col * 32; int destY = row * 32; var src = new Rectangle(srcX, srcY, 32, 32); var dest = new Rectangle(destX, destY, 32, 32); graphMap.DrawImage(picPalette.Image, dest, src, GraphicsUnit.Pixel); picMap.Image = bmpMap; } void RedrawMap() { for (int i = 0; i < mapSize * mapSize; i++) { int col = i % mapSize; int row = i / mapSize; int tileId = tiles[i].TileId; DrawTile(col, row, tileId); } } } struct Tile { public int TileId; // equal palette index public string Data1, Data2, Data3, Data4; public bool Portal, Collision; public int PortalX, PortalY; public string PortalFile; } struct BoxInfo { public int Index, Col, Row; // all in the map }
3.Picture 放在 Panel 中，使其有滚动效果。为方便操作，添加了鼠标滚轮的消息处理。即代码中的 IMessageFilter 接口实现。其中，用到两个Win32 API，见注释。实际使用，需将注释及 User32 前缀去掉，WM_* 也需用实际值替换。
4.Tiles 选择面板用到的资源如下：
同样可通过右键保存到桌面，以方便观看使用。
