Feature/render pipeline (#232)

* refactor(engine): 重构2D渲染管线坐标系统

* feat(engine): 完善2D渲染管线和编辑器视口功能

* feat(editor): 实现Viewport变换工具系统

* feat(editor): 优化Inspector渲染性能并修复Gizmo变换工具显示

* feat(editor): 实现Run on Device移动预览功能

* feat(editor): 添加组件属性控制和依赖关系系统

* feat(editor): 实现动画预览功能和优化SpriteAnimator编辑器

* feat(editor): 修复SpriteAnimator动画预览功能并迁移CI到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(ci): 迁移项目到pnpm并修复CI构建问题

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 移除 network 相关包

* chore: 移除 network 相关包

packages/editor-app/src/components/SceneHierarchy.tsx

@@ -2,10 +2,10 @@ import { useState, useEffect } from 'react';
 import { Entity, Core } from '@esengine/ecs-framework';
 import { EntityStoreService, MessageHub, SceneManagerService, CommandManager } from '@esengine/editor-core';
 import { useLocale } from '../hooks/useLocale';
-import { Box, Layers, Wifi, Search, Plus, Trash2, Monitor, Globe } from 'lucide-react';
+import { Box, Layers, Wifi, Search, Plus, Trash2, Monitor, Globe, Image, Camera, Film } from 'lucide-react';
 import { ProfilerService, RemoteEntity } from '../services/ProfilerService';
 import { confirm } from '@tauri-apps/plugin-dialog';
-import { CreateEntityCommand, DeleteEntityCommand } from '../application/commands/entity';
+import { CreateEntityCommand, CreateSpriteEntityCommand, CreateAnimatedSpriteEntityCommand, CreateCameraEntityCommand, DeleteEntityCommand } from '../application/commands/entity';
 import '../styles/SceneHierarchy.css';
 
 type ViewMode = 'local' | 'remote';
@@ -201,6 +201,43 @@ export function SceneHierarchy({ entityStore, messageHub, commandManager }: Scen
         commandManager.execute(command);
     };
 
+    const handleCreateSpriteEntity = () => {
+        // Count only Sprite entities for naming
+        const spriteCount = entityStore.getAllEntities().filter((e) => e.name.startsWith('Sprite ')).length;
+        const entityName = `Sprite ${spriteCount + 1}`;
+
+        const command = new CreateSpriteEntityCommand(
+            entityStore,
+            messageHub,
+            entityName
+        );
+        commandManager.execute(command);
+    };
+
+    const handleCreateAnimatedSpriteEntity = () => {
+        const animCount = entityStore.getAllEntities().filter((e) => e.name.startsWith('AnimatedSprite ')).length;
+        const entityName = `AnimatedSprite ${animCount + 1}`;
+
+        const command = new CreateAnimatedSpriteEntityCommand(
+            entityStore,
+            messageHub,
+            entityName
+        );
+        commandManager.execute(command);
+    };
+
+    const handleCreateCameraEntity = () => {
+        const entityCount = entityStore.getAllEntities().length;
+        const entityName = `Camera ${entityCount + 1}`;
+
+        const command = new CreateCameraEntityCommand(
+            entityStore,
+            messageHub,
+            entityName
+        );
+        commandManager.execute(command);
+    };
+
     const handleDeleteEntity = async () => {
         if (!selectedId) return;
 
@@ -431,7 +468,19 @@ export function SceneHierarchy({ entityStore, messageHub, commandManager }: Scen
                 >
                     <button onClick={() => { handleCreateEntity(); closeContextMenu(); }}>
                         <Plus size={12} />
-                        <span>{locale === 'zh' ? '创建实体' : 'Create Entity'}</span>
+                        <span>{locale === 'zh' ? '创建空实体' : 'Create Empty Entity'}</span>
+                    </button>
+                    <button onClick={() => { handleCreateSpriteEntity(); closeContextMenu(); }}>
+                        <Image size={12} />
+                        <span>{locale === 'zh' ? '创建 Sprite' : 'Create Sprite'}</span>
+                    </button>
+                    <button onClick={() => { handleCreateAnimatedSpriteEntity(); closeContextMenu(); }}>
+                        <Film size={12} />
+                        <span>{locale === 'zh' ? '创建动画 Sprite' : 'Create Animated Sprite'}</span>
+                    </button>
+                    <button onClick={() => { handleCreateCameraEntity(); closeContextMenu(); }}>
+                        <Camera size={12} />
+                        <span>{locale === 'zh' ? '创建相机' : 'Create Camera'}</span>
                     </button>
                     {contextMenu.entityId && (
                         <>