项目 4 任务 2 网络摄像机：PictureBox、Image / Bitmap、照片列表

- 摄像头：自绘东围墙场景（Camera/scene.svg），按云台位置切成 640×480 帧（build-frames.ts）；
  Pan 每次转一格，红外对射被遮挡时画面出现翻墙的人；类名、委托、事件参数与教材 dll 一致，
  ImageRead 每 250 ms 在后台线程触发
- Image / Bitmap 保存真实图片数据：Save、FromFile、FromStream，文件夹不存在时报 GDI+ 一般性错误；
  图片每张只发给浏览器一次（按内容哈希缓存）
- 程序所在目录（AppDomain.CurrentDomain.BaseDirectory，编译检查单独放行）和当前目录指向可写的 bin/Debug，
  沙箱里在沙箱的临时目录
- PictureBox（SizeMode、BorderStyle）；设计器工具箱加"图片框"；运行区显示程序保存的图片，点开看大图；
  实训台摄像头图标显示开启状态
- 评分规则加图片框显示图片、摄像头开关与转向、保存图片三种检查；示例 p4-t2-网络摄像机
- 测试：摄像头端到端、图片读写与程序目录、AppDomain 编译检查、评分出错情况

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shared/protocol.ts

@@ -62,6 +62,8 @@ export interface BoardState {
   /** ZigBee 继电器节点 0、1（教材用节点 1 控制路灯） */
   zigbee: boolean[]
   ledText: string
+  /** 网络摄像机：是否在传画面，云台位置（左右 0–6、上下 0–2，开始时在正中） */
+  camera: { on: boolean; x: number; y: number }
 }
 
 export type AnalogKey = keyof BoardState['analog']
@@ -92,7 +94,11 @@ export type RunnerMessage =
   | { type: 'controlAdded'; parentId: string; index: number; node: ControlNode }
   | { type: 'controlRemoved'; id: string }
   | { type: 'messageBox'; requestId: number; text: string; caption: string; buttons: string; icon: string }
-  /** 学生程序操作了实训台输出：led/text、adam4150/do、zigbee/relay，data 见 DeviceCtrlHelper.cs */
+  /** 图片数据（base64），同一张图只发一次；控件属性和 imageSaved 里用 key 引用 */
+  | { type: 'image'; key: string; mime: string; data: string }
+  /** 学生程序用 Image.Save 保存了图片；path 相对程序所在目录，如 Camera/20241022_10 30 00.jpg */
+  | { type: 'imageSaved'; path: string; image: string }
+  /** 学生程序操作了实训台输出：led/text、adam4150/do、zigbee/relay、camera/on、camera/pan，data 见 DeviceCtrlHelper.cs、IPCameraHelper.cs */
   | { type: 'device'; device: string; action: string; data: unknown }
   | { type: 'console'; text: string }
   | { type: 'exception'; message: string; detail: string }