Feature/tilemap editor (#237)

* feat: 添加 Tilemap 编辑器插件和组件生命周期支持

* feat(editor-core): 添加声明式插件注册 API

* feat(editor-core): 改进tiledmap结构合并tileset进tiledmapeditor

* feat: 添加 editor-runtime SDK 和插件系统改进

* fix(ci): 修复SceneResourceManager里变量未使用问题
This commit is contained in:
YHH
2025-11-25 22:23:19 +08:00
committed by GitHub
parent 551ca7805d
commit 3fb6f919f8
166 changed files with 54691 additions and 8674 deletions

View File

@@ -0,0 +1,134 @@
/**
* Brush Tool - Paint tiles on the tilemap
*/
import type { ITilemapTool, ToolContext } from './ITilemapTool';
export class BrushTool implements ITilemapTool {
readonly id = 'brush';
readonly name = 'Brush';
readonly icon = 'Paintbrush';
readonly cursor = 'crosshair';
private _isDrawing = false;
private _lastTileX = -1;
private _lastTileY = -1;
onMouseDown(tileX: number, tileY: number, ctx: ToolContext): void {
if (ctx.layerLocked && !ctx.editingCollision) return;
this._isDrawing = true;
this._lastTileX = tileX;
this._lastTileY = tileY;
this.paint(tileX, tileY, ctx);
}
onMouseMove(tileX: number, tileY: number, ctx: ToolContext): void {
if (!this._isDrawing || (ctx.layerLocked && !ctx.editingCollision)) return;
if (tileX === this._lastTileX && tileY === this._lastTileY) return;
// Line drawing between last and current position
this.drawLine(this._lastTileX, this._lastTileY, tileX, tileY, ctx);
this._lastTileX = tileX;
this._lastTileY = tileY;
}
onMouseUp(_tileX: number, _tileY: number, _ctx: ToolContext): void {
this._isDrawing = false;
this._lastTileX = -1;
this._lastTileY = -1;
}
getPreviewTiles(tileX: number, tileY: number, ctx: ToolContext): { x: number; y: number }[] {
const tiles: { x: number; y: number }[] = [];
const selection = ctx.selectedTiles;
if (!selection) {
// Single tile brush
const halfSize = Math.floor(ctx.brushSize / 2);
for (let dy = -halfSize; dy <= halfSize; dy++) {
for (let dx = -halfSize; dx <= halfSize; dx++) {
tiles.push({ x: tileX + dx, y: tileY + dy });
}
}
} else {
// Multi-tile brush
for (let dy = 0; dy < selection.height; dy++) {
for (let dx = 0; dx < selection.width; dx++) {
tiles.push({ x: tileX + dx, y: tileY + dy });
}
}
}
return tiles;
}
private paint(tileX: number, tileY: number, ctx: ToolContext): void {
const { tilemap, selectedTiles, brushSize, editingCollision, currentLayer } = ctx;
if (editingCollision) {
// Paint collision
const halfSize = Math.floor(brushSize / 2);
for (let dy = -halfSize; dy <= halfSize; dy++) {
for (let dx = -halfSize; dx <= halfSize; dx++) {
const x = tileX + dx;
const y = tileY + dy;
if (x >= 0 && x < tilemap.width && y >= 0 && y < tilemap.height) {
tilemap.setCollision(x, y, 1);
}
}
}
} else if (selectedTiles) {
// Paint selected tiles
for (let dy = 0; dy < selectedTiles.height; dy++) {
for (let dx = 0; dx < selectedTiles.width; dx++) {
const x = tileX + dx;
const y = tileY + dy;
if (x >= 0 && x < tilemap.width && y >= 0 && y < tilemap.height) {
const tileIndex = selectedTiles.tiles[dy * selectedTiles.width + dx] ?? 0;
tilemap.setTile(currentLayer, x, y, tileIndex);
}
}
}
} else {
// No selection, paint tile 0 with brush size
const halfSize = Math.floor(brushSize / 2);
for (let dy = -halfSize; dy <= halfSize; dy++) {
for (let dx = -halfSize; dx <= halfSize; dx++) {
const x = tileX + dx;
const y = tileY + dy;
if (x >= 0 && x < tilemap.width && y >= 0 && y < tilemap.height) {
tilemap.setTile(currentLayer, x, y, 1);
}
}
}
}
}
private drawLine(x0: number, y0: number, x1: number, y1: number, ctx: ToolContext): void {
// Bresenham's line algorithm
const dx = Math.abs(x1 - x0);
const dy = Math.abs(y1 - y0);
const sx = x0 < x1 ? 1 : -1;
const sy = y0 < y1 ? 1 : -1;
let err = dx - dy;
let x = x0;
let y = y0;
while (true) {
this.paint(x, y, ctx);
if (x === x1 && y === y1) break;
const e2 = 2 * err;
if (e2 > -dy) {
err -= dy;
x += sx;
}
if (e2 < dx) {
err += dx;
y += sy;
}
}
}
}