# 地图阻挡编辑器

**Repository Path**: chen_fuxing/map-blocking-editor

## Basic Information

- **Project Name**: 地图阻挡编辑器
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-20
- **Last Updated**: 2025-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 地图编辑器

这是一个基于Cocos Creator 3.8.3的地图编辑工具，可以编辑怪物位置和地图阻挡。

## 功能概述

本工具用于编辑地图上的怪物位置和阻挡区域，主要功能包括：

1. **地图导入**：支持导入JPG格式的地图图片，地图尺寸自动适配图片尺寸
2. **地图操作**：
   - 缩放地图（通过鼠标滚轮，有最大缩放限制）
3. **怪物编辑**：
   - 添加怪物（点击地图放置）
   - 删除怪物（选中后删除）
   - 拖拽怪物（调整位置）
4. **阻挡编辑**：
   - 绘制阻挡（按住鼠标左键拖动，绘制红色菱形阻挡区域，值为1）
   - 清除阻挡（按住鼠标右键拖动，清除经过区域的阻挡，值为0）
   - 一键清除所有阻挡
   - 阻挡层会自动跟随地图移动和缩放
5. **数据导出**：将编辑好的怪物位置和阻挡信息导出为JSON文件，格式为@随机数.json

## 使用说明

1. 点击"导入地图"按钮，选择JPG格式的地图图片
2. 使用鼠标滚轮放大/缩小地图
3. 点击"添加怪物"按钮，然后点击地图放置怪物
4. 点击怪物可选中，拖动可调整位置，按Delete键可删除
5. 按住鼠标左键拖动可绘制阻挡区域（红色菱形）
6. 按住鼠标右键拖动可清除阻挡区域
7. 点击"清除阻挡"按钮可一键清除所有阻挡
8. 编辑完成后，点击"导出JSON"按钮保存怪物位置和阻挡数据

## 技术实现

- 基于Cocos Creator 3.8.3开发
- 使用Node.js处理文件导入/导出
- 采用JSON格式存储怪物位置和阻挡数据
- 阻挡数据以网格形式存储，每个网格的值为0（无阻挡）或1（有阻挡）
- 阻挡层会自动跟随地图移动和缩放，确保编辑体验的一致性
- 地图只能通过鼠标滚轮进行缩放，不能通过拖动来移动

## 数据格式

导出的JSON文件格式如下：

```json
{
  "monsters": [
    {
      "id": "idMonster_0",
      "x": 100,
      "y": 200
    },
    ...
  ],
  "blocks": [
    {
      "x": 120,
      "y": 160,
      "value": 1
    },
    ...
  ]
}
```

 这是一个cocos creator 3.8.3的项目，用于编辑地图上怪物的位置。
 它需要支持导入一张jpg的图，地图的尺寸就按照jpg的图的尺寸来，然后可以编辑图上的怪物位置，编辑完之后可以导出一个json文件，文件中包含怪物位置信息。
 编辑地图的时候，可以支持放大，但是不能超过一定的比例，然后可以支持移动地图，然后可以支持缩放地图。结合鼠标滚轮的缩放，可以支持缩放地图。按住拖放，可以移动地图。
 编辑怪物位置的时候，可以支持拖拽怪物，然后可以支持删除怪物，然后可以支持添加怪物。
 编辑怪物位置的时候，可以支持拖拽怪物，然后可以支持删除怪物，然后可以支持添加怪物。
 编辑怪物位置的时候，可以支持拖拽怪物，然后可以支持删除怪物，然后可以支持添加怪物。
 编辑怪物位置的时候，可以支持拖拽怪物，然后可以支持删除怪物，然后可以支持添加怪物。