{ "version": "2.14", "children": [ { "type": "frame", "id": "bi8Au", "x": -5, "y": -519, "name": "Frame", "clip": true, "width": 4430, "height": 2726, "fill": "#FFFFFF", "layout": "none", "children": [ { "type": "frame", "id": "BZ20w", "x": 3329, "y": 518.9999999999995, "name": "06 选定高保真视觉稿", "clip": true, "width": 390, "height": 844, "fill": "#FFFFFF", "layout": "none", "children": [ { "type": "rectangle", "id": "oeACJ", "x": 0, "y": 0, "name": "高保真设计稿图片", "fill": { "type": "image", "enabled": true, "url": ".trellis/tasks/07-11-camera-motion-game/design/grip-ring-2-selected-reference.png", "mode": "fill" }, "width": 390, "height": 844 } ] } ] }, { "type": "frame", "id": "UrQgi", "x": 880, "y": 0, "name": "01 准备与校准", "clip": true, "width": 390, "height": 844, "fill": "$bg", "layout": "vertical", "children": [ { "type": "frame", "id": "b6I30D", "name": "系统状态栏", "width": "fill_container", "height": 44, "padding": [ 14, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "Sy5Go", "name": "时间", "fill": "$text", "content": "9:41", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "i9x5l", "name": "系统图标", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "xlRCs", "name": "网络", "width": 16, "height": 16, "icon": "wifi", "library": "lucide", "fill": "$text" }, { "type": "icon", "id": "Npv7A", "name": "电量", "width": 18, "height": 18, "icon": "battery-full", "library": "lucide", "fill": "$text" } ] } ] }, { "type": "frame", "id": "kCHJd", "name": "页面标题栏", "width": "fill_container", "height": 58, "fill": "$surface", "padding": [ 8, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "UGFzo", "name": "返回按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "R41p63", "name": "返回图标", "width": 24, "height": 24, "icon": "chevron-left", "library": "lucide", "fill": "$text" } ] }, { "type": "frame", "id": "Ibwj8", "name": "标题", "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "text", "id": "Rnu5O", "name": "主标题", "fill": "$text", "content": "握力环训练 2.0", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "HAUHk", "name": "副标题", "fill": "$primary", "content": "摄像头体感版", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "qpYra", "name": "帮助按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "w03sP", "name": "帮助图标", "width": 22, "height": 22, "icon": "info", "library": "lucide", "fill": "$muted" } ] } ] }, { "type": "frame", "id": "gVh0d", "name": "准备页内容", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 14, "padding": [ 14, 18, 20, 18 ], "children": [ { "type": "frame", "id": "VQpO9", "name": "摄像头校准预览", "clip": true, "width": "fill_container", "height": 340, "fill": "#E8F0F3", "cornerRadius": 8, "layout": "none", "children": [ { "type": "rectangle", "id": "Kp13i", "x": 0, "y": 0, "name": "镜像预览占位", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#D7E7EA", "position": 0 }, { "color": "#F2F7F8", "position": 1 } ] }, "width": 354, "height": 340 }, { "type": "ellipse", "id": "mPrHm", "x": 145, "y": 58, "name": "头部轮廓", "fill": "#8FA7AF", "width": 64, "height": 72 }, { "type": "frame", "id": "V7ASLV", "x": 104, "y": 124, "name": "身体轮廓", "width": 146, "height": 180, "fill": "#A7BBC1", "cornerRadius": [ 60, 60, 18, 18 ] }, { "type": "frame", "id": "LJltp", "x": 50, "y": 36, "name": "取景引导框", "width": 254, "height": 270, "cornerRadius": 8, "stroke": "$primary", "strokeWidth": 2, "layout": "none" }, { "type": "frame", "id": "fSY7A", "x": 16, "y": 16, "name": "识别状态", "width": 128, "height": 34, "fill": "#FFFFFFE8", "cornerRadius": 17, "gap": 7, "padding": [ 8, 10 ], "alignItems": "center" }, { "type": "ellipse", "id": "SVlnQ", "x": 25, "y": 28, "name": "识别状态点", "fill": "$success", "width": 8, "height": 8 }, { "type": "text", "id": "N5pXZj", "x": 40, "y": 24, "name": "识别状态文字", "fill": "$success", "content": "已识别到上半身", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "ZydWg", "x": 52, "y": 284, "name": "校准提示", "width": 250, "height": 40, "fill": "#17212BCC", "cornerRadius": 6, "gap": 8, "padding": [ 10, 14 ], "justifyContent": "center", "alignItems": "center" }, { "type": "icon", "id": "vH8Am", "x": 0, "y": 0, "name": "站位提示图标", "width": 18, "height": 18, "icon": "scan-face", "library": "lucide", "fill": "#FFFFFF" }, { "type": "text", "id": "ePmCH", "x": 0, "y": 0, "name": "站位提示文字", "fill": "#FFFFFF", "content": "保持肩膀和双手在框内", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "h0vDb3", "name": "训练模式", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "FrWyk", "name": "模式标题", "fill": "$text", "content": "训练方式", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" }, { "type": "frame", "id": "ELQRo", "name": "模式选项", "width": "fill_container", "height": 52, "gap": 10, "children": [ { "type": "frame", "id": "Q3dxY", "name": "坐姿模式", "width": "fill_container", "height": "fill_container", "fill": "$primarySoft", "cornerRadius": 8, "stroke": "$primary", "strokeWidth": 1.5, "gap": 8, "padding": [ 10, 14 ], "alignItems": "center", "children": [ { "type": "icon", "id": "V6iHI", "name": "坐姿图标", "width": 21, "height": 21, "icon": "accessibility", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "u8Qjh", "name": "坐姿文字", "fill": "$primary", "content": "坐姿上肢", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" } ] }, { "type": "frame", "id": "o96xtY", "name": "站姿模式", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "gap": 8, "padding": [ 10, 14 ], "alignItems": "center", "children": [ { "type": "icon", "id": "KnBCs", "name": "站姿图标", "width": 21, "height": 21, "icon": "person-standing", "library": "lucide", "fill": "$muted" }, { "type": "text", "id": "xtuwE", "name": "站姿文字", "fill": "$muted", "content": "站姿全幅", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "lDhU2", "name": "强度选择", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "weX5I", "name": "强度标题", "fill": "$text", "content": "训练强度", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" }, { "type": "frame", "id": "rPWyA", "name": "强度档位", "width": "fill_container", "height": 42, "gap": 6, "children": [ { "type": "frame", "id": "IyRU6", "name": "舒缓", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 6, "stroke": "$border", "strokeWidth": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "nYWaR", "name": "舒缓文字", "fill": "$muted", "content": "舒缓", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "frame", "id": "WgMmQ", "name": "标准", "width": "fill_container", "height": "fill_container", "fill": "$primary", "cornerRadius": 6, "stroke": "$primary", "strokeWidth": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "vinXl", "name": "标准文字", "fill": "#FFFFFF", "content": "标准", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "frame", "id": "JIN0D", "name": "挑战", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 6, "stroke": "$border", "strokeWidth": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "HUHlV", "name": "挑战文字", "fill": "$muted", "content": "挑战", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "eO6Dp", "name": "开始校准按钮", "width": "fill_container", "height": 54, "fill": "$primary", "cornerRadius": 8, "gap": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "igwTo", "name": "摄像头图标", "width": 21, "height": 21, "icon": "camera", "library": "lucide", "fill": "#FFFFFF" }, { "type": "text", "id": "K26et", "name": "开始按钮文字", "fill": "#FFFFFF", "content": "开始校准并训练", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "700" } ] }, { "type": "frame", "id": "ZwnNa", "name": "隐私说明", "width": "fill_container", "gap": 7, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "yNVCb", "name": "隐私图标", "width": 15, "height": 15, "icon": "shield-check", "library": "lucide", "fill": "$success" }, { "type": "text", "id": "vLqbR", "name": "隐私文字", "fill": "$muted", "content": "画面仅在本机识别，不上传原始视频", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "fDiZz", "x": 1350, "y": 0, "name": "02 训练进行中", "clip": true, "width": 390, "height": 844, "fill": "$bg", "layout": "vertical", "children": [ { "type": "frame", "id": "dqmxq", "name": "系统状态栏", "width": "fill_container", "height": 44, "padding": [ 14, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "n2NSYQ", "name": "时间", "fill": "$text", "content": "9:41", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "rI2iZ", "name": "系统图标", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "mcaae", "name": "网络", "width": 16, "height": 16, "icon": "wifi", "library": "lucide", "fill": "$text" }, { "type": "icon", "id": "WJ10H", "name": "电量", "width": 18, "height": 18, "icon": "battery-full", "library": "lucide", "fill": "$text" } ] } ] }, { "type": "frame", "id": "TcJI5", "name": "训练标题栏", "width": "fill_container", "height": 58, "fill": "$surface", "padding": [ 8, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "FIToM", "name": "退出按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "g6QY1w", "name": "关闭图标", "width": 23, "height": 23, "icon": "x", "library": "lucide", "fill": "$text" } ] }, { "type": "frame", "id": "f5n4w", "name": "标题", "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "text", "id": "L4Ewc", "name": "主标题", "fill": "$text", "content": "握力环训练 2.0", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "N2oumd", "name": "训练状态", "fill": "$success", "content": "标准 · 坐姿上肢", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "QTHpT", "name": "声音按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "CYL9b", "name": "声音图标", "width": 22, "height": 22, "icon": "volume-2", "library": "lucide", "fill": "$muted" } ] } ] }, { "type": "frame", "id": "BFnup", "name": "摄像头游戏舞台", "clip": true, "width": "fill_container", "height": 540, "fill": "#DDE9EC", "layout": "none", "children": [ { "type": "rectangle", "id": "nAQzD", "x": 0, "y": 0, "name": "镜像摄像头画面", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#BFD3D8", "position": 0 }, { "color": "#EAF2F3", "position": 1 } ] }, "width": 390, "height": 540 }, { "type": "ellipse", "id": "QvCml", "x": 158, "y": 112, "name": "用户头部", "fill": "#79939A", "width": 74, "height": 84 }, { "type": "frame", "id": "m7B0Y", "x": 106, "y": 188, "name": "用户身体", "width": 178, "height": 270, "fill": "#8CA4AA", "cornerRadius": [ 72, 72, 20, 20 ] }, { "type": "rectangle", "cornerRadius": 16, "id": "c3v0X", "x": 48, "y": 225, "name": "左臂", "rotation": -18, "fill": "#8CA4AA", "width": 88, "height": 32 }, { "type": "rectangle", "cornerRadius": 16, "id": "Vp2gB", "x": 254, "y": 206, "name": "右臂", "rotation": 18, "fill": "#8CA4AA", "width": 96, "height": 32 }, { "type": "ellipse", "id": "h6jma", "x": 294, "y": 140, "name": "右侧目标光环", "fill": "#F28C4530", "width": 82, "height": 82, "stroke": "$target", "strokeWidth": 3 }, { "type": "ellipse", "id": "BTemq", "x": 311, "y": 157, "name": "右侧目标核心", "fill": "$target", "width": 48, "height": 48 }, { "type": "icon", "id": "gmEry", "x": 324, "y": 170, "name": "目标握拳图标", "width": 22, "height": 22, "icon": "hand", "library": "lucide", "fill": "#FFFFFF" }, { "type": "ellipse", "id": "IYD0R", "x": 278, "y": 205, "name": "轨迹点一", "fill": "#F28C4580", "width": 8, "height": 8 }, { "type": "ellipse", "id": "rbnaK", "x": 291, "y": 192, "name": "轨迹点二", "fill": "#F28C45A0", "width": 11, "height": 11 }, { "type": "frame", "id": "PTACB", "x": 14, "y": 14, "name": "顶部数据 HUD", "width": 362, "height": 62, "fill": "#FFFFFFE8", "cornerRadius": 8, "effect": { "type": "shadow", "shadowType": "outer", "color": "#00000012", "offset": { "x": 0, "y": 3 }, "blur": 10 }, "gap": 8, "padding": [ 8, 10 ], "children": [ { "type": "frame", "id": "Z7sEb", "name": "命中", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "vumde", "name": "命中数值", "fill": "$text", "content": "12", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "E541aU", "name": "命中标签", "fill": "$muted", "content": "命中", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "z7pSDT", "name": "准确率", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "p7Ch8G", "name": "准确率数值", "fill": "$text", "content": "86%", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "O3aF9C", "name": "准确率标签", "fill": "$muted", "content": "准确率", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "LnJxf", "name": "连击", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Bqj0q", "name": "连击数值", "fill": "$target", "content": "x6", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "lOpxm", "name": "连击标签", "fill": "$muted", "content": "连击", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "t9hVF", "name": "时间", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "VZMjd", "name": "时间数值", "fill": "$text", "content": "01:24", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "K5JBWY", "name": "时间标签", "fill": "$muted", "content": "时间", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "kKPUL", "x": 14, "y": 88, "name": "识别质量", "width": 118, "height": 32, "fill": "#FFFFFFD9", "cornerRadius": 16, "gap": 7, "padding": [ 7, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "oqgM0", "name": "识别质量点", "fill": "$success", "width": 8, "height": 8 }, { "type": "text", "id": "w9zpKt", "name": "识别质量文字", "fill": "$success", "content": "追踪稳定", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "i7RTG", "x": 68, "y": 456, "name": "动作提示", "width": 254, "height": 52, "fill": "#17212BD9", "cornerRadius": 8, "gap": 10, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "TPTrF", "name": "动作方向图标", "width": 22, "height": 22, "icon": "move-up-right", "library": "lucide", "fill": "$target" }, { "type": "frame", "id": "N4pAg", "name": "动作提示文字组", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "a8S0eu", "name": "动作主提示", "fill": "#FFFFFF", "content": "右手伸向橙色目标", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" }, { "type": "text", "id": "KWs0v", "name": "动作副提示", "fill": "#D6E0E3", "content": "保持身体面向镜头", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "Q2Oa4", "name": "训练控制区", "width": "fill_container", "height": "fill_container", "fill": "$surface", "layout": "vertical", "gap": 12, "padding": [ 14, 18, 20, 18 ], "children": [ { "type": "frame", "id": "TGLVc", "name": "训练进度", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "LfsKb", "name": "阶段文字", "fill": "$text", "content": "本轮目标 30 次", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "d1yZ2o", "name": "剩余时间", "fill": "$primary", "content": "剩余 03:36", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "s7aCK", "name": "进度条轨道", "width": "fill_container", "height": 8, "fill": "#E3EBEF", "cornerRadius": 4, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "D3wld", "x": 0, "y": 0, "name": "进度条", "fill": "$primary", "width": 144, "height": 8 } ] }, { "type": "frame", "id": "vD4g3", "name": "控制按钮", "width": "fill_container", "height": 58, "gap": 12, "children": [ { "type": "frame", "id": "G4WRr3", "name": "暂停训练", "width": "fill_container", "height": "fill_container", "fill": "$primarySoft", "cornerRadius": 8, "stroke": "$primary", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "yQ8sQ", "name": "暂停图标", "width": 22, "height": 22, "icon": "pause", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "PbLbS", "name": "暂停文字", "fill": "$primary", "content": "暂停", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "e7YHFq", "name": "结束训练", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "X9Pjj", "name": "结束图标", "width": 19, "height": 19, "icon": "square", "library": "lucide", "fill": "$danger" }, { "type": "text", "id": "rg4WR", "name": "结束文字", "fill": "$text", "content": "结束训练", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "Ha1fb", "x": 1820, "y": 0, "name": "03 追踪丢失与暂停", "clip": true, "width": 390, "height": 844, "fill": "$bg", "layout": "vertical", "children": [ { "type": "frame", "id": "mTE4b", "name": "系统状态栏", "width": "fill_container", "height": 44, "padding": [ 14, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "pcykw", "name": "时间", "fill": "$text", "content": "9:41", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "U8QHTr", "name": "系统图标", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "mCEVv", "name": "网络", "width": 16, "height": 16, "icon": "wifi", "library": "lucide", "fill": "$text" }, { "type": "icon", "id": "IVuMO", "name": "电量", "width": 18, "height": 18, "icon": "battery-full", "library": "lucide", "fill": "$text" } ] } ] }, { "type": "frame", "id": "cQW3M", "name": "训练标题栏", "width": "fill_container", "height": 58, "fill": "$surface", "padding": [ 8, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "Q6cft2", "name": "退出按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "e6QtB", "name": "关闭图标", "width": 23, "height": 23, "icon": "x", "library": "lucide", "fill": "$text" } ] }, { "type": "frame", "id": "AM24U", "name": "标题", "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "text", "id": "SMFsS", "name": "主标题", "fill": "$text", "content": "握力环训练 2.0", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "xDqIV", "name": "训练状态", "fill": "$success", "content": "标准 · 坐姿上肢", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "Ykkvh", "name": "声音按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "i8Dwd", "name": "声音图标", "width": 22, "height": 22, "icon": "volume-2", "library": "lucide", "fill": "$muted" } ] } ] }, { "type": "frame", "id": "J1zkYq", "name": "摄像头游戏舞台", "clip": true, "width": "fill_container", "height": 540, "fill": "#DDE9EC", "layout": "none", "children": [ { "type": "rectangle", "id": "ru5NK", "x": 0, "y": 0, "name": "镜像摄像头画面", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#BFD3D8", "position": 0 }, { "color": "#EAF2F3", "position": 1 } ] }, "width": 390, "height": 540 }, { "type": "ellipse", "id": "kGRjz", "x": 158, "y": 112, "name": "用户头部", "fill": "#79939A", "width": 74, "height": 84 }, { "type": "frame", "id": "hsFOM", "x": 106, "y": 188, "name": "用户身体", "width": 178, "height": 270, "fill": "#8CA4AA", "cornerRadius": [ 72, 72, 20, 20 ] }, { "type": "rectangle", "cornerRadius": 16, "id": "UyOsQ", "x": 48, "y": 225, "name": "左臂", "rotation": -18, "fill": "#8CA4AA", "width": 88, "height": 32 }, { "type": "rectangle", "cornerRadius": 16, "id": "ykmCR", "x": 254, "y": 206, "name": "右臂", "rotation": 18, "fill": "#8CA4AA", "width": 96, "height": 32 }, { "type": "ellipse", "id": "G60Oe", "x": 294, "y": 140, "name": "右侧目标光环", "fill": "#F28C4530", "width": 82, "height": 82, "stroke": "$target", "strokeWidth": 3 }, { "type": "ellipse", "id": "TAuuY", "x": 311, "y": 157, "name": "右侧目标核心", "fill": "$target", "width": 48, "height": 48 }, { "type": "icon", "id": "JqPgc", "x": 324, "y": 170, "name": "目标握拳图标", "width": 22, "height": 22, "icon": "hand", "library": "lucide", "fill": "#FFFFFF" }, { "type": "ellipse", "id": "P5gIYa", "x": 278, "y": 205, "name": "轨迹点一", "fill": "#F28C4580", "width": 8, "height": 8 }, { "type": "ellipse", "id": "EEyfw", "x": 291, "y": 192, "name": "轨迹点二", "fill": "#F28C45A0", "width": 11, "height": 11 }, { "type": "frame", "id": "j1I1YR", "x": 14, "y": 14, "name": "顶部数据 HUD", "width": 362, "height": 62, "fill": "#FFFFFFE8", "cornerRadius": 8, "effect": { "type": "shadow", "shadowType": "outer", "color": "#00000012", "offset": { "x": 0, "y": 3 }, "blur": 10 }, "gap": 8, "padding": [ 8, 10 ], "children": [ { "type": "frame", "id": "rZecb", "name": "命中", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "C2PycH", "name": "命中数值", "fill": "$text", "content": "12", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "JAH46", "name": "命中标签", "fill": "$muted", "content": "命中", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "A8iRm", "name": "准确率", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "QIq9x", "name": "准确率数值", "fill": "$text", "content": "86%", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "ocFq2", "name": "准确率标签", "fill": "$muted", "content": "准确率", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "nIy9a", "name": "连击", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "HTA9o", "name": "连击数值", "fill": "$target", "content": "x6", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "s1vE8z", "name": "连击标签", "fill": "$muted", "content": "连击", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "mWQRa", "name": "时间", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RjLGx", "name": "时间数值", "fill": "$text", "content": "01:24", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "D7dVK", "name": "时间标签", "fill": "$muted", "content": "时间", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "H0sn8S", "x": 14, "y": 88, "name": "识别质量", "width": 118, "height": 32, "fill": "#FFFFFFD9", "cornerRadius": 16, "gap": 7, "padding": [ 7, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "U6SsCc", "name": "识别质量点", "fill": "$success", "width": 8, "height": 8 }, { "type": "text", "id": "L8OCg", "name": "识别质量文字", "fill": "$success", "content": "追踪稳定", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "RqLWy", "x": 68, "y": 456, "name": "动作提示", "width": 254, "height": 52, "fill": "#17212BD9", "cornerRadius": 8, "gap": 10, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "T0anK", "name": "动作方向图标", "width": 22, "height": 22, "icon": "move-up-right", "library": "lucide", "fill": "$target" }, { "type": "frame", "id": "Rhhje", "name": "动作提示文字组", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "kYIRq", "name": "动作主提示", "fill": "#FFFFFF", "content": "右手伸向橙色目标", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" }, { "type": "text", "id": "JCwhn", "name": "动作副提示", "fill": "#D6E0E3", "content": "保持身体面向镜头", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "pynoe", "name": "训练控制区", "width": "fill_container", "height": "fill_container", "fill": "$surface", "layout": "vertical", "gap": 12, "padding": [ 14, 18, 20, 18 ], "children": [ { "type": "frame", "id": "qmtAU", "name": "训练进度", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "Q1C9C", "name": "阶段文字", "fill": "$text", "content": "本轮目标 30 次", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "cX5Wc", "name": "剩余时间", "fill": "$primary", "content": "剩余 03:36", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "R98RM", "name": "进度条轨道", "width": "fill_container", "height": 8, "fill": "#E3EBEF", "cornerRadius": 4, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "wKxU3", "x": 0, "y": 0, "name": "进度条", "fill": "$primary", "width": 144, "height": 8 } ] }, { "type": "frame", "id": "l9uGA", "name": "控制按钮", "width": "fill_container", "height": 58, "gap": 12, "children": [ { "type": "frame", "id": "C1dNC", "name": "暂停训练", "width": "fill_container", "height": "fill_container", "fill": "$primarySoft", "cornerRadius": 8, "stroke": "$primary", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "Z5mfoS", "name": "暂停图标", "width": 22, "height": 22, "icon": "pause", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "A8oEDU", "name": "暂停文字", "fill": "$primary", "content": "暂停", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "OzpFF", "name": "结束训练", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "Tabgc", "name": "结束图标", "width": 19, "height": 19, "icon": "square", "library": "lucide", "fill": "$danger" }, { "type": "text", "id": "gXKUV", "name": "结束文字", "fill": "$text", "content": "结束训练", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "xxAcl", "layoutPosition": "absolute", "x": 0, "y": 102, "name": "追踪丢失遮罩", "width": 390, "height": 540, "fill": "#17212BCC", "layout": "vertical", "gap": 16, "padding": [ 112, 28 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "nWYMN", "name": "重新识别图标容器", "width": 76, "height": 76, "fill": "#FFFFFF1F", "cornerRadius": 38, "stroke": "#FFFFFF66", "strokeWidth": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "UzNTt", "name": "重新识别图标", "width": 38, "height": 38, "icon": "scan-line", "library": "lucide", "fill": "#FFFFFF" } ] }, { "type": "text", "id": "U3Kui", "name": "追踪丢失标题", "fill": "#FFFFFF", "content": "暂时看不到你的双手", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "800" }, { "type": "text", "id": "nOSXU", "name": "追踪丢失说明", "fill": "#DDE8EA", "textGrowth": "fixed-width", "width": 310, "content": "训练已自动暂停。请回到取景框中央，并保持肩膀和双手完整入镜。", "lineHeight": 1.55, "textAlign": "center", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" }, { "type": "frame", "id": "lQwON", "name": "恢复提示", "width": 310, "fill": "#FFFFFF14", "cornerRadius": 8, "layout": "vertical", "gap": 8, "padding": [ 12, 14 ], "children": [ { "type": "frame", "id": "omMZc", "name": "手机保持稳定，镜头与肩膀同高", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "EBVEd", "name": "手机保持稳定，镜头与肩膀同高图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "#6EE7B7" }, { "type": "text", "id": "mSCm2", "name": "手机保持稳定，镜头与肩膀同高文字", "fill": "#FFFFFF", "content": "手机保持稳定，镜头与肩膀同高", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "wovq0", "name": "距离镜头约 1.5 米", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "g6zPAX", "name": "距离镜头约 1.5 米图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "#6EE7B7" }, { "type": "text", "id": "Iaz6i", "name": "距离镜头约 1.5 米文字", "fill": "#FFFFFF", "content": "距离镜头约 1.5 米", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "M6vkf", "name": "避免背光或多人进入画面", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "NEdYX", "name": "避免背光或多人进入画面图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "#6EE7B7" }, { "type": "text", "id": "g0eIMa", "name": "避免背光或多人进入画面文字", "fill": "#FFFFFF", "content": "避免背光或多人进入画面", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "DCWZq", "name": "重新校准按钮", "width": 220, "height": 50, "fill": "$target", "cornerRadius": 8, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "engyO", "name": "重新校准图标", "width": 20, "height": 20, "icon": "refresh-cw", "library": "lucide", "fill": "#FFFFFF" }, { "type": "text", "id": "VKHgI", "name": "重新校准文字", "fill": "#FFFFFF", "content": "重新校准", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "800" } ] }, { "type": "text", "id": "JGNty", "name": "自动恢复提示", "fill": "#BFD0D4", "content": "识别恢复后将自动继续", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "kqYeY", "x": 2290, "y": 0, "name": "04 命中与阶段奖励", "clip": true, "width": 390, "height": 844, "fill": "$bg", "layout": "vertical", "children": [ { "type": "frame", "id": "AIG3H", "name": "系统状态栏", "width": "fill_container", "height": 44, "padding": [ 14, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "QTjZ6", "name": "时间", "fill": "$text", "content": "9:41", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "rTPwD", "name": "系统图标", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "OHLAp", "name": "网络", "width": 16, "height": 16, "icon": "wifi", "library": "lucide", "fill": "$text" }, { "type": "icon", "id": "g68yGi", "name": "电量", "width": 18, "height": 18, "icon": "battery-full", "library": "lucide", "fill": "$text" } ] } ] }, { "type": "frame", "id": "E0VDz1", "name": "训练标题栏", "width": "fill_container", "height": 58, "fill": "$surface", "padding": [ 8, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "PEs45", "name": "退出按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "OtQhP", "name": "关闭图标", "width": 23, "height": 23, "icon": "x", "library": "lucide", "fill": "$text" } ] }, { "type": "frame", "id": "z0hfmB", "name": "标题", "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "text", "id": "NfJgd", "name": "主标题", "fill": "$text", "content": "握力环训练 2.0", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "c7h5eU", "name": "训练状态", "fill": "$success", "content": "标准 · 坐姿上肢", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "X6bOdq", "name": "声音按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "mudc7", "name": "声音图标", "width": 22, "height": 22, "icon": "volume-2", "library": "lucide", "fill": "$muted" } ] } ] }, { "type": "frame", "id": "Yh74T", "name": "摄像头游戏舞台", "clip": true, "width": "fill_container", "height": 540, "fill": "#DDE9EC", "layout": "none", "children": [ { "type": "rectangle", "id": "d0jb4", "x": 0, "y": 0, "name": "镜像摄像头画面", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#BFD3D8", "position": 0 }, { "color": "#EAF2F3", "position": 1 } ] }, "width": 390, "height": 540 }, { "type": "ellipse", "id": "OwxLz", "x": 158, "y": 112, "name": "用户头部", "fill": "#79939A", "width": 74, "height": 84 }, { "type": "frame", "id": "VB2JE", "x": 106, "y": 188, "name": "用户身体", "width": 178, "height": 270, "fill": "#8CA4AA", "cornerRadius": [ 72, 72, 20, 20 ] }, { "type": "rectangle", "cornerRadius": 16, "id": "o9N1jh", "x": 48, "y": 225, "name": "左臂", "rotation": -18, "fill": "#8CA4AA", "width": 88, "height": 32 }, { "type": "rectangle", "cornerRadius": 16, "id": "PYNl0", "x": 254, "y": 206, "name": "右臂", "rotation": 18, "fill": "#8CA4AA", "width": 96, "height": 32 }, { "type": "ellipse", "id": "q2u6Ln", "x": 294, "y": 140, "name": "右侧目标光环", "fill": "#F28C4530", "width": 82, "height": 82, "stroke": "$target", "strokeWidth": 3 }, { "type": "ellipse", "id": "LA5Vv", "x": 311, "y": 157, "name": "右侧目标核心", "fill": "$target", "width": 48, "height": 48 }, { "type": "icon", "id": "nZb6w", "x": 324, "y": 170, "name": "目标握拳图标", "width": 22, "height": 22, "icon": "hand", "library": "lucide", "fill": "#FFFFFF" }, { "type": "ellipse", "id": "L7MAYM", "x": 278, "y": 205, "name": "轨迹点一", "fill": "#F28C4580", "width": 8, "height": 8 }, { "type": "ellipse", "id": "oCMXZ", "x": 291, "y": 192, "name": "轨迹点二", "fill": "#F28C45A0", "width": 11, "height": 11 }, { "type": "frame", "id": "J0mtMF", "x": 14, "y": 14, "name": "顶部数据 HUD", "width": 362, "height": 62, "fill": "#FFFFFFE8", "cornerRadius": 8, "effect": { "type": "shadow", "shadowType": "outer", "color": "#00000012", "offset": { "x": 0, "y": 3 }, "blur": 10 }, "gap": 8, "padding": [ 8, 10 ], "children": [ { "type": "frame", "id": "l6cZG3", "name": "命中", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "g0S2ya", "name": "命中数值", "fill": "$text", "content": "12", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "o5sLG", "name": "命中标签", "fill": "$muted", "content": "命中", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "gR5bO", "name": "准确率", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "C36tXn", "name": "准确率数值", "fill": "$text", "content": "86%", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "vPACb", "name": "准确率标签", "fill": "$muted", "content": "准确率", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "JTyWE", "name": "连击", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "eTzvM", "name": "连击数值", "fill": "$target", "content": "x6", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "vvtqx", "name": "连击标签", "fill": "$muted", "content": "连击", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "c215B1", "name": "时间", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BoU3J", "name": "时间数值", "fill": "$text", "content": "01:24", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "800" }, { "type": "text", "id": "ZQ13E", "name": "时间标签", "fill": "$muted", "content": "时间", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "KhT5n", "x": 14, "y": 88, "name": "识别质量", "width": 118, "height": 32, "fill": "#FFFFFFD9", "cornerRadius": 16, "gap": 7, "padding": [ 7, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "lJJ6g", "name": "识别质量点", "fill": "$success", "width": 8, "height": 8 }, { "type": "text", "id": "O7B4aW", "name": "识别质量文字", "fill": "$success", "content": "追踪稳定", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "ANIjS", "x": 68, "y": 456, "name": "动作提示", "width": 254, "height": 52, "fill": "#17212BD9", "cornerRadius": 8, "gap": 10, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "WdFZT", "name": "动作方向图标", "width": 22, "height": 22, "icon": "move-up-right", "library": "lucide", "fill": "$target" }, { "type": "frame", "id": "jSjke", "name": "动作提示文字组", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "w3JvR7", "name": "动作主提示", "fill": "#FFFFFF", "content": "右手伸向橙色目标", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" }, { "type": "text", "id": "LFs6K", "name": "动作副提示", "fill": "#D6E0E3", "content": "保持身体面向镜头", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "Jg0RS", "name": "训练控制区", "width": "fill_container", "height": "fill_container", "fill": "$surface", "layout": "vertical", "gap": 12, "padding": [ 14, 18, 20, 18 ], "children": [ { "type": "frame", "id": "yguue", "name": "训练进度", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "jtmQn", "name": "阶段文字", "fill": "$text", "content": "本轮目标 30 次", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "oPS2Z", "name": "剩余时间", "fill": "$primary", "content": "剩余 03:36", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "ieMTm", "name": "进度条轨道", "width": "fill_container", "height": 8, "fill": "#E3EBEF", "cornerRadius": 4, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "Men8L", "x": 0, "y": 0, "name": "进度条", "fill": "$primary", "width": 144, "height": 8 } ] }, { "type": "frame", "id": "sMlhH", "name": "控制按钮", "width": "fill_container", "height": 58, "gap": 12, "children": [ { "type": "frame", "id": "M7w9PX", "name": "暂停训练", "width": "fill_container", "height": "fill_container", "fill": "$primarySoft", "cornerRadius": 8, "stroke": "$primary", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "GutUd", "name": "暂停图标", "width": 22, "height": 22, "icon": "pause", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "U3qjU", "name": "暂停文字", "fill": "$primary", "content": "暂停", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "qjtF1", "name": "结束训练", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "DKmMN", "name": "结束图标", "width": 19, "height": 19, "icon": "square", "library": "lucide", "fill": "$danger" }, { "type": "text", "id": "T4LTg1", "name": "结束文字", "fill": "$text", "content": "结束训练", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "n7BCh", "layoutPosition": "absolute", "x": 238, "y": 190, "name": "命中爆裂反馈", "width": 140, "height": 140, "layout": "none", "children": [ { "type": "ellipse", "id": "m4IdLe", "x": 0, "y": 0, "name": "外圈冲击波", "fill": "#F28C4518", "width": 140, "height": 140, "stroke": "#F28C4566", "strokeWidth": 2 }, { "type": "ellipse", "id": "X23mOy", "x": 20, "y": 20, "name": "中圈冲击波", "fill": "#F28C4530", "width": 100, "height": 100, "stroke": "$target", "strokeWidth": 3 }, { "type": "ellipse", "id": "nQUz9", "x": 43, "y": 43, "name": "命中核心", "fill": "$target", "width": 54, "height": 54 }, { "type": "icon", "id": "v6v8v", "x": 58, "y": 58, "name": "命中对勾", "width": 24, "height": 24, "icon": "check", "library": "lucide", "fill": "#FFFFFF" }, { "type": "ellipse", "id": "UaZpC", "x": 5, "y": 34, "name": "奖励粒子", "fill": "$target", "width": 8, "height": 8 }, { "type": "ellipse", "id": "r5AW4", "x": 120, "y": 20, "name": "奖励粒子", "fill": "$target", "width": 10, "height": 10 }, { "type": "ellipse", "id": "PrS1A", "x": 125, "y": 104, "name": "奖励粒子", "fill": "$target", "width": 7, "height": 7 }, { "type": "ellipse", "id": "w68W4", "x": 18, "y": 116, "name": "奖励粒子", "fill": "$target", "width": 9, "height": 9 }, { "type": "ellipse", "id": "nS26K", "x": 68, "y": 0, "name": "奖励粒子", "fill": "$target", "width": 6, "height": 6 } ] }, { "type": "frame", "id": "mOCHI", "layoutPosition": "absolute", "x": 46, "y": 118, "name": "连击奖励提示", "width": 298, "height": 78, "fill": "#FFFFFFF2", "cornerRadius": 8, "stroke": "#F6C79E", "strokeWidth": 1, "effect": { "type": "shadow", "shadowType": "outer", "color": "#0000001F", "offset": { "x": 0, "y": 5 }, "blur": 16 }, "gap": 12, "padding": [ 12, 16 ], "alignItems": "center", "children": [ { "type": "frame", "id": "KOsSX", "name": "奖励徽章", "width": 48, "height": 48, "fill": "$targetSoft", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "T0qhy", "name": "奖励图标", "width": 25, "height": 25, "icon": "zap", "library": "lucide", "fill": "$target" } ] }, { "type": "frame", "id": "i7LAO", "name": "奖励文案", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "RZeOn", "name": "奖励标题", "fill": "$text", "content": "连续命中 10 次", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "text", "id": "sRXxT", "name": "奖励说明", "fill": "$muted", "content": "反应速度提升，获得 +50 分", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "text", "id": "M1zcNf", "name": "加分", "fill": "$target", "content": "+50", "fontFamily": "Inter", "fontSize": 21, "fontWeight": "800" } ] } ] }, { "type": "frame", "id": "Gd9Pk", "x": 2760, "y": 0, "name": "05 训练结算", "clip": true, "width": 390, "height": 844, "fill": "$bg", "layout": "vertical", "children": [ { "type": "frame", "id": "mNuV5", "name": "系统状态栏", "width": "fill_container", "height": 44, "padding": [ 14, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "mSRfG", "name": "时间", "fill": "$text", "content": "9:41", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "EWVL3", "name": "系统图标", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "PRLjJ", "name": "网络", "width": 16, "height": 16, "icon": "wifi", "library": "lucide", "fill": "$text" }, { "type": "icon", "id": "Co782", "name": "电量", "width": 18, "height": 18, "icon": "battery-full", "library": "lucide", "fill": "$text" } ] } ] }, { "type": "frame", "id": "u36TW0", "name": "结算标题栏", "width": "fill_container", "height": 58, "fill": "$surface", "padding": [ 8, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "NkEME", "name": "关闭按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "k5ylkq", "name": "关闭图标", "width": 23, "height": 23, "icon": "x", "library": "lucide", "fill": "$text" } ] }, { "type": "text", "id": "hu0DB", "name": "页面标题", "fill": "$text", "content": "训练完成", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "Akc8Y", "name": "分享按钮", "width": 44, "height": 44, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "djNl4", "name": "分享图标", "width": 22, "height": 22, "icon": "share-2", "library": "lucide", "fill": "$primary" } ] } ] }, { "type": "frame", "id": "F3uol", "name": "结算内容", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 18, "padding": [ 20, 18, 22, 18 ], "children": [ { "type": "frame", "id": "c57Y7d", "name": "完成成绩", "width": "fill_container", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "nhLqP", "name": "完成徽章", "width": 100, "height": 100, "layout": "none", "children": [ { "type": "ellipse", "id": "e1kMgW", "x": 0, "y": 0, "name": "徽章光环", "fill": "$primarySoft", "width": 100, "height": 100, "stroke": "#75C7C7", "strokeWidth": 2 }, { "type": "ellipse", "id": "tEQBG", "x": 17, "y": 17, "name": "徽章核心", "fill": "$primary", "width": 66, "height": 66 }, { "type": "icon", "id": "k3uYux", "x": 36, "y": 36, "name": "奖杯图标", "width": 28, "height": 28, "icon": "trophy", "library": "lucide", "fill": "#FFFFFF" } ] }, { "type": "text", "id": "p0MuoU", "name": "完成标题", "fill": "$text", "content": "本轮表现很稳定", "fontFamily": "Inter", "fontSize": 22, "fontWeight": "800" }, { "type": "text", "id": "rHGXx", "name": "完成说明", "fill": "$muted", "content": "左右伸展均衡，保持这个节奏", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "E2znW", "name": "核心成绩", "width": "fill_container", "height": 86, "gap": 8, "children": [ { "type": "frame", "id": "I9Ud8t", "name": "有效命中", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "J7XQRK", "name": "有效命中数值", "fill": "$primary", "content": "28", "fontFamily": "Inter", "fontSize": 22, "fontWeight": "800" }, { "type": "text", "id": "R2jDD", "name": "有效命中标签", "fill": "$muted", "content": "有效命中", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "frame", "id": "d9GuSx", "name": "准确率", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "V97U7W", "name": "准确率数值", "fill": "$success", "content": "90%", "fontFamily": "Inter", "fontSize": 22, "fontWeight": "800" }, { "type": "text", "id": "wA5rL", "name": "准确率标签", "fill": "$muted", "content": "准确率", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "frame", "id": "WvSsN", "name": "最佳连击", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "u9VCjI", "name": "最佳连击数值", "fill": "$target", "content": "x12", "fontFamily": "Inter", "fontSize": 22, "fontWeight": "800" }, { "type": "text", "id": "p2guq", "name": "最佳连击标签", "fill": "$muted", "content": "最佳连击", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "gRZ9v", "name": "训练详情", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "YS94v", "name": "详情标题行", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "RxQDB", "name": "详情标题", "fill": "$text", "content": "训练详情", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "800" }, { "type": "text", "id": "Rz91s", "name": "训练模式", "fill": "$primary", "content": "标准 · 坐姿上肢", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "OQ8pz", "name": "详情面板", "width": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 12, "padding": [ 14, 16 ], "children": [ { "type": "frame", "id": "SmkLs", "name": "训练时长", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "TH9ny", "name": "训练时长左侧", "gap": 9, "alignItems": "center", "children": [ { "type": "icon", "id": "P2JnVC", "name": "训练时长图标", "width": 18, "height": 18, "icon": "timer", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "RDytl", "name": "训练时长文字", "fill": "$muted", "content": "训练时长", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "rHxLG", "name": "训练时长数值", "fill": "$text", "content": "05:00", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" } ] }, { "type": "frame", "id": "ALyeh", "name": "平均反应", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "K63ZS", "name": "平均反应左侧", "gap": 9, "alignItems": "center", "children": [ { "type": "icon", "id": "S5RQa", "name": "平均反应图标", "width": 18, "height": 18, "icon": "gauge", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "kwvkN", "name": "平均反应文字", "fill": "$muted", "content": "平均反应", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Na8gv", "name": "平均反应数值", "fill": "$text", "content": "0.86 秒", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" } ] }, { "type": "frame", "id": "Z7qMj", "name": "活动消耗", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "KIx5C", "name": "活动消耗左侧", "gap": 9, "alignItems": "center", "children": [ { "type": "icon", "id": "l8Cwpk", "name": "活动消耗图标", "width": 18, "height": 18, "icon": "flame", "library": "lucide", "fill": "$primary" }, { "type": "text", "id": "oy1up", "name": "活动消耗文字", "fill": "$muted", "content": "活动消耗", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "iY7B3", "name": "活动消耗数值", "fill": "$text", "content": "约 8.4 kcal", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" } ] } ] } ] }, { "type": "frame", "id": "E4ZdxK", "name": "左右伸展", "width": "fill_container", "layout": "vertical", "gap": 9, "children": [ { "type": "frame", "id": "j3ARmY", "name": "伸展标题行", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "jxrau", "name": "伸展标题", "fill": "$text", "content": "左右伸展", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "800" }, { "type": "text", "id": "W7IGHe", "name": "伸展评价", "fill": "$success", "content": "较均衡", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "bVefE", "name": "伸展数据", "width": "fill_container", "height": 48, "gap": 10, "children": [ { "type": "frame", "id": "hBNQt", "name": "左侧伸展", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 5, "children": [ { "type": "frame", "id": "yll7E", "name": "左侧标签", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "WPjzc", "name": "左侧文字", "fill": "$muted", "content": "左侧", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" }, { "type": "text", "id": "D6h6oy", "name": "左侧次数", "fill": "$text", "content": "13 次", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "GhxRK", "name": "左侧轨道", "width": "fill_container", "height": 10, "fill": "#E4ECEF", "cornerRadius": 5, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 5, "id": "gTiyv", "x": 0, "y": 0, "name": "左侧进度", "fill": "$primary", "width": 145, "height": 10 } ] } ] }, { "type": "frame", "id": "CAFe9", "name": "右侧伸展", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 5, "children": [ { "type": "frame", "id": "y9IzJ", "name": "右侧标签", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "IMIFZ", "name": "右侧文字", "fill": "$muted", "content": "右侧", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" }, { "type": "text", "id": "c8lEK", "name": "右侧次数", "fill": "$text", "content": "15 次", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "xdG3Y", "name": "右侧轨道", "width": "fill_container", "height": 10, "fill": "#E4ECEF", "cornerRadius": 5, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 5, "id": "GAP0V", "x": 0, "y": 0, "name": "右侧进度", "fill": "$target", "width": 165, "height": 10 } ] } ] } ] } ] }, { "type": "frame", "id": "xlfgJ", "name": "结算操作", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "I6KKR", "name": "再练一次", "width": "fill_container", "height": 54, "fill": "$primary", "cornerRadius": 8, "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "oRYdp", "name": "再练图标", "width": 20, "height": 20, "icon": "rotate-ccw", "library": "lucide", "fill": "#FFFFFF" }, { "type": "text", "id": "U5pYmM", "name": "再练文字", "fill": "#FFFFFF", "content": "再练一次", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" } ] }, { "type": "frame", "id": "MIEnz", "name": "返回训练中心", "width": "fill_container", "height": 48, "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "HWqCB", "name": "返回文字", "fill": "$text", "content": "返回训练中心", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "ZmLmd", "x": 880, "y": 944, "name": "交互动效说明", "clip": true, "width": 1120, "height": 520, "fill": "#F3F7F8", "layout": "vertical", "gap": 24, "padding": [ 28, 32 ], "children": [ { "type": "frame", "id": "LkKBN", "name": "动效标题区", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "L4Upn", "name": "动效标题", "fill": "$text", "content": "握力环训练 2.0 · 关键交互动效", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "800" }, { "type": "text", "id": "Rttnc", "name": "动效说明", "fill": "$muted", "content": "所有运动反馈使用 transform 与 opacity；推理帧率和视觉动画解耦，并提供减少动效模式。", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "C79pr", "name": "动效卡片行", "width": "fill_container", "height": 340, "gap": 14, "children": [ { "type": "frame", "id": "HrIiY", "name": "目标出现", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 14, "padding": [ 18, 16 ], "children": [ { "type": "frame", "id": "nqdp2", "name": "目标出现图标容器", "width": 52, "height": 52, "fill": "$targetSoft", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "q1fF9r", "name": "目标出现图标", "width": 25, "height": 25, "icon": "target", "library": "lucide", "fill": "$target" } ] }, { "type": "text", "id": "fFboD", "name": "目标出现标题", "fill": "$text", "content": "目标出现", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "pEafu", "name": "目标出现步骤", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "BUias", "name": "0–120ms：缩放 0.7 → 1", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "G5gFe", "name": "0–120ms：缩放 0.7 → 1圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "QtLhL", "name": "0–120ms：缩放 0.7 → 1文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "0–120ms：缩放 0.7 → 1", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "IwPiY", "name": "120–220ms：轻微回弹", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "BKhg8", "name": "120–220ms：轻微回弹圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "lBJxI", "name": "120–220ms：轻微回弹文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "120–220ms：轻微回弹", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "uGsWa", "name": "目标未激活时保持呼吸环", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "Fe53l", "name": "目标未激活时保持呼吸环圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "P4f2o", "name": "目标未激活时保持呼吸环文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "目标未激活时保持呼吸环", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "LoPkP", "name": "有效命中", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 14, "padding": [ 18, 16 ], "children": [ { "type": "frame", "id": "Bo1e9", "name": "有效命中图标容器", "width": 52, "height": 52, "fill": "#E4F5EC", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "GoZK4", "name": "有效命中图标", "width": 25, "height": 25, "icon": "circle-check", "library": "lucide", "fill": "$success" } ] }, { "type": "text", "id": "D6xWu3", "name": "有效命中标题", "fill": "$text", "content": "有效命中", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "LBIHA", "name": "有效命中步骤", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "SSThI", "name": "0–80ms：目标压缩", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "i2nQm", "name": "0–80ms：目标压缩圆点", "fill": "$success", "width": 6, "height": 6 }, { "type": "text", "id": "p73ONU", "name": "0–80ms：目标压缩文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "0–80ms：目标压缩", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "G89tzJ", "name": "80–260ms：冲击波 + 粒子", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "w4JpH", "name": "80–260ms：冲击波 + 粒子圆点", "fill": "$success", "width": 6, "height": 6 }, { "type": "text", "id": "by7IH", "name": "80–260ms：冲击波 + 粒子文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "80–260ms：冲击波 + 粒子", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "jHbon", "name": "同步短震与命中音效", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "uNvbH", "name": "同步短震与命中音效圆点", "fill": "$success", "width": 6, "height": 6 }, { "type": "text", "id": "oX8lG", "name": "同步短震与命中音效文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "同步短震与命中音效", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "BfpMb", "name": "连击奖励", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 14, "padding": [ 18, 16 ], "children": [ { "type": "frame", "id": "UFEc2", "name": "连击奖励图标容器", "width": 52, "height": 52, "fill": "$targetSoft", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "QK8lX", "name": "连击奖励图标", "width": 25, "height": 25, "icon": "zap", "library": "lucide", "fill": "$target" } ] }, { "type": "text", "id": "ZOK6D", "name": "连击奖励标题", "fill": "$text", "content": "连击奖励", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "S7CaKV", "name": "连击奖励步骤", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "jgpXS", "name": "顶部提示下滑 180ms", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "tSf36", "name": "顶部提示下滑 180ms圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "c4BOW", "name": "顶部提示下滑 180ms文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "顶部提示下滑 180ms", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "hHsly", "name": "停留 1.2 秒，不阻断训练", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "JdUj1", "name": "停留 1.2 秒，不阻断训练圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "o2C8Qk", "name": "停留 1.2 秒，不阻断训练文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "停留 1.2 秒，不阻断训练", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "x1zBTM", "name": "淡出 180ms，分数滚动", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "d9TCGm", "name": "淡出 180ms，分数滚动圆点", "fill": "$target", "width": 6, "height": 6 }, { "type": "text", "id": "GtvUJ", "name": "淡出 180ms，分数滚动文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "淡出 180ms，分数滚动", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "AK4kD", "name": "追踪丢失", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 14, "padding": [ 18, 16 ], "children": [ { "type": "frame", "id": "e0tteH", "name": "追踪丢失图标容器", "width": 52, "height": 52, "fill": "$primarySoft", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "FFXlO", "name": "追踪丢失图标", "width": 25, "height": 25, "icon": "scan-line", "library": "lucide", "fill": "$primary" } ] }, { "type": "text", "id": "Cs5UT", "name": "追踪丢失标题", "fill": "$text", "content": "追踪丢失", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "YsrHH", "name": "追踪丢失步骤", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "ivBZw", "name": "立即冻结计分和生成目标", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "KBlCk", "name": "立即冻结计分和生成目标圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "jTNxW", "name": "立即冻结计分和生成目标文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "立即冻结计分和生成目标", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "U3yFL", "name": "舞台遮罩淡入 160ms", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "EHr3T", "name": "舞台遮罩淡入 160ms圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "qTfRs", "name": "舞台遮罩淡入 160ms文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "舞台遮罩淡入 160ms", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "QWB3U", "name": "恢复后倒计时 3 秒继续", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "aU0MV", "name": "恢复后倒计时 3 秒继续圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "XMqW4", "name": "恢复后倒计时 3 秒继续文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "恢复后倒计时 3 秒继续", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "s9WMM", "name": "暂停 / 继续", "width": "fill_container", "height": "fill_container", "fill": "$surface", "cornerRadius": 8, "stroke": "$border", "strokeWidth": 1, "layout": "vertical", "gap": 14, "padding": [ 18, 16 ], "children": [ { "type": "frame", "id": "vuFoh", "name": "暂停 / 继续图标容器", "width": 52, "height": 52, "fill": "$primarySoft", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "LfE43", "name": "暂停 / 继续图标", "width": 25, "height": 25, "icon": "pause", "library": "lucide", "fill": "$primary" } ] }, { "type": "text", "id": "fZffy", "name": "暂停 / 继续标题", "fill": "$text", "content": "暂停 / 继续", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "spcZg", "name": "暂停 / 继续步骤", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "ZqfNC", "name": "暂停时目标缩回 180ms", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "ehsuN", "name": "暂停时目标缩回 180ms圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "Pb0pu", "name": "暂停时目标缩回 180ms文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "暂停时目标缩回 180ms", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "wBrZc", "name": "摄像头保留预览，停止推理", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "Wfy7h", "name": "摄像头保留预览，停止推理圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "HYg26", "name": "摄像头保留预览，停止推理文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "摄像头保留预览，停止推理", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "uUhPB", "name": "继续时重新校准后恢复", "width": "fill_container", "gap": 7, "children": [ { "type": "ellipse", "id": "oz8qC", "name": "继续时重新校准后恢复圆点", "fill": "$primary", "width": 6, "height": 6 }, { "type": "text", "id": "xsMAX", "name": "继续时重新校准后恢复文字", "fill": "$muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "继续时重新校准后恢复", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "Izb8y", "name": "动效原则", "width": "fill_container", "fill": "#E8F0F2", "cornerRadius": 8, "gap": 18, "padding": [ 12, 16 ], "children": [ { "type": "frame", "id": "vQBaH", "name": "命中反馈 < 300ms", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "icon", "id": "fM3DY", "name": "命中反馈 < 300ms图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "$success" }, { "type": "text", "id": "X0PgMn", "name": "命中反馈 < 300ms文字", "fill": "$text", "content": "命中反馈 < 300ms", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "MI17h", "name": "提示不遮挡手部目标", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "icon", "id": "nEu4T", "name": "提示不遮挡手部目标图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "$success" }, { "type": "text", "id": "REWac", "name": "提示不遮挡手部目标文字", "fill": "$text", "content": "提示不遮挡手部目标", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "cdeaN", "name": "低性能设备关闭粒子", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "icon", "id": "GW7XX", "name": "低性能设备关闭粒子图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "$success" }, { "type": "text", "id": "p1FRzm", "name": "低性能设备关闭粒子文字", "fill": "$text", "content": "低性能设备关闭粒子", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "BtNAh", "name": "识别丢失优先于游戏动效", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "icon", "id": "knkVz", "name": "识别丢失优先于游戏动效图标", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "$success" }, { "type": "text", "id": "hJwX7", "name": "识别丢失优先于游戏动效文字", "fill": "$text", "content": "识别丢失优先于游戏动效", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "ljJdc", "x": 3360, "y": 969, "name": "07 高保真可编辑结构", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#F0FDFA", "position": 0 }, { "color": "#F8FAFC", "position": 0.28 }, { "color": "#F8FAFC", "position": 1 } ] }, "layout": "vertical", "children": [ { "type": "frame", "id": "ebhIN", "name": "TopChromePreview", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "IQwyJ", "name": "StatusBar", "width": "fill_container", "height": 44, "fill": "#FFFFFF", "padding": [ 14, 20, 6, 20 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "EU0kd", "name": "StatusTime", "fill": "#000000", "content": "9:41", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "frame", "id": "oqLNR", "name": "StatusIcons", "gap": 6, "alignItems": "center", "children": [ { "type": "icon", "id": "wHBlI", "name": "CellularIcon", "width": 17, "height": 11, "icon": "chart-no-axes-column-increasing", "library": "lucide", "fill": "#101820" }, { "type": "icon", "id": "V7KRb", "name": "WifiIcon", "width": 15, "height": 11, "icon": "wifi", "library": "lucide", "fill": "#101820" }, { "type": "icon", "id": "g7adR", "name": "BatteryIcon", "width": 24, "height": 12, "icon": "battery-full", "library": "lucide", "fill": "#101820" } ] } ] }, { "type": "frame", "id": "aVQjp", "name": "TrainingHeader", "width": "fill_container", "height": 48, "fill": "#FFFFFF", "padding": [ 4, 10, 4, 6 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "PiTlK", "name": "BackButton", "width": 40, "height": 40, "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "b6qllu", "name": "BackIcon", "width": 22, "height": 22, "icon": "chevron-left", "library": "lucide", "fill": "#181818" } ] }, { "type": "frame", "id": "IUJkp", "name": "HeaderTitleGroup", "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "text", "id": "ax2R0", "name": "HeaderTitle", "fill": "#181818", "content": "握力环训练 2.0", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "600" }, { "type": "frame", "id": "VpLvR", "name": "RecognitionStatus", "gap": 4, "alignItems": "center", "children": [ { "type": "ellipse", "id": "qg0hp", "name": "RecognitionDot", "fill": "#07C160", "width": 6, "height": 6 }, { "type": "text", "id": "nJZV0", "name": "RecognitionText", "fill": "#888888", "content": "识别中", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "PVozm", "name": "WechatCapsule", "width": 87, "height": 32, "fill": "#FFFFFF", "cornerRadius": 16, "stroke": "#E5E5E5", "strokeWidth": 0.5, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "AviOh", "name": "CapsuleMore", "width": "fill_container", "height": "fill_container", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "Pcg6i", "name": "MoreDots", "width": 18, "height": 18, "icon": "ellipsis", "library": "lucide", "fill": "#181818" } ] }, { "type": "rectangle", "id": "e5lbD", "name": "CapsuleDivider", "fill": "#D8D8D8", "width": 0.5, "height": 18 }, { "type": "frame", "id": "DIvgm", "name": "CapsuleClose", "width": "fill_container", "height": "fill_container", "layout": "none", "children": [ { "type": "ellipse", "id": "n6jKe", "x": 10, "y": 7, "name": "CloseOuter", "fill": "#FFFFFF00", "width": 18, "height": 18, "stroke": "#181818", "strokeWidth": 1.2 }, { "type": "ellipse", "id": "uqSM4", "x": 15.5, "y": 12.5, "name": "CloseInner", "fill": "#FFFFFF00", "width": 7, "height": 7, "stroke": "#181818", "strokeWidth": 1.2 } ] } ] } ] } ] }, { "type": "frame", "id": "tRwlY", "name": "MetricsWrap", "width": "fill_container", "layout": "vertical", "padding": [ 8, 16 ], "children": [ { "type": "frame", "id": "LNVgs", "name": "LiveMetrics", "width": "fill_container", "height": 68, "fill": "#FFFFFF", "cornerRadius": 14, "stroke": "#EDF1F4", "effect": { "type": "shadow", "shadowType": "outer", "color": "#0F172A0F", "offset": { "x": 0, "y": 4 }, "blur": 12 }, "gap": 4, "padding": [ 10, 6 ], "children": [ { "type": "frame", "id": "R2p5P", "name": "Metric_12", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "VF6Du", "name": "MetricValue_12", "fill": "#17212B", "content": "12", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "800" }, { "type": "text", "id": "q4dPfs", "name": "MetricLabel_12", "fill": "#64748B", "content": "有效握紧", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "f0rdc8", "name": "Metric_86%", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OO9KR", "name": "MetricValue_86%", "fill": "#17212B", "content": "86%", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "800" }, { "type": "text", "id": "eryKk", "name": "MetricLabel_86%", "fill": "#64748B", "content": "准确率", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "gqHUt", "name": "Metric_连击 x10", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "TyhPK", "name": "MetricValue_连击 x10", "fill": "#FF6B2C", "content": "连击 x10", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "800" }, { "type": "frame", "id": "qmUnN", "name": "ComboTrack", "width": 52, "height": 6, "fill": "#FFE4CC", "cornerRadius": 3, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "PYlFJ", "x": 0, "y": 0, "name": "ComboProgress", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 90, "size": { "height": 1 }, "colors": [ { "color": "#FF692E", "position": 0 }, { "color": "#FFD44D", "position": 1 } ] }, "width": 38, "height": 6 } ] } ] }, { "type": "frame", "id": "q9TTol", "name": "Metric_01:24", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RMexQ", "name": "MetricValue_01:24", "fill": "#17212B", "content": "01:24", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "800" }, { "type": "text", "id": "A21vMu", "name": "MetricLabel_01:24", "fill": "#64748B", "content": "训练时间", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "qLIfU", "name": "CameraStage", "clip": true, "width": "fill_container", "height": 500, "fill": "#F7FBFA", "layout": "none", "children": [ { "type": "rectangle", "id": "momQz", "x": 0, "y": 0, "name": "CameraHandAsset", "opacity": 0.82, "fill": { "type": "image", "enabled": true, "url": "./images/generated-1783752452774.png", "mode": "fill" }, "width": 390, "height": 500 }, { "type": "rectangle", "id": "yAg1w", "x": 0, "y": 0, "name": "StageLightWash", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#F8FAFCEB", "position": 0 }, { "color": "#F0FDFA66", "position": 0.28 }, { "color": "#FFFFFF33", "position": 0.55 }, { "color": "#F8FAFCE0", "position": 1 } ] }, "width": 390, "height": 500 }, { "type": "rectangle", "id": "P6Ilq", "x": 0, "y": 360, "name": "StageBottomWash", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 0, "size": { "height": 1 }, "colors": [ { "color": "#F8FAFC00", "position": 0 }, { "color": "#F8FAFCF5", "position": 1 } ] }, "width": 390, "height": 140 }, { "type": "ellipse", "id": "D04kE", "x": 62, "y": 165, "name": "EnergyRingSoft", "opacity": 0.8, "fill": "#FFFFFF00", "width": 266, "height": 266, "stroke": "#5EEAD499", "strokeWidth": 2 }, { "type": "frame", "id": "C2QkOG", "x": 55, "y": 10, "name": "CycleInstruction", "width": 280, "height": 28, "gap": 12, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 1, "id": "A7Tu0", "name": "InstrRuleL", "fill": "#94A3B8AA", "width": 40, "height": 1.5 }, { "type": "text", "id": "HAvU0", "name": "CycleInstructionText", "fill": "#64748B", "content": "握紧—保持—松开", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "700" }, { "type": "rectangle", "cornerRadius": 1, "id": "WYUW6", "name": "InstrRuleR", "fill": "#94A3B8AA", "width": 40, "height": 1.5 } ] }, { "type": "text", "id": "c4Sbh", "x": 105, "y": 40, "name": "HitTitle", "fill": "#22B85A", "effect": { "type": "shadow", "shadowType": "outer", "color": "#FFFFFFEE", "offset": { "x": 0, "y": 1 }, "blur": 6 }, "textGrowth": "fixed-width", "width": 180, "content": "有效握紧", "textAlign": "center", "fontFamily": "Inter", "fontSize": 26, "fontWeight": "900" }, { "type": "frame", "id": "zbU5d", "x": 148, "y": 74, "name": "ComboToast", "width": 100, "height": 26, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 90, "size": { "height": 1 }, "colors": [ { "color": "#FF6A2D", "position": 0 }, { "color": "#FFB52D", "position": 1 } ] }, "cornerRadius": 5, "effect": { "type": "shadow", "shadowType": "outer", "color": "#FF6B2140", "offset": { "x": 0, "y": 4 }, "blur": 10 }, "padding": [ 0, 12 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tTxf1", "name": "ComboToastText", "fill": "#FFFFFF", "content": "连击 x10", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "800" } ] }, { "type": "frame", "id": "oGDWn", "x": 12, "y": 175, "name": "PraiseBubble", "opacity": 0.95, "width": 132, "height": 30, "fill": "#22B85A", "cornerRadius": 8, "effect": { "type": "shadow", "shadowType": "outer", "color": "#22B85A55", "offset": { "x": 0, "y": 4 }, "blur": 12 }, "padding": [ 0, 12 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Kuplx", "name": "PraiseText", "fill": "#FFFFFF", "content": "连击 x10! 太棒了!", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "800" } ] }, { "type": "text", "id": "nBchp", "x": 290, "y": 185, "name": "ScoreBurst", "fill": "#FF6B21", "effect": [ { "type": "shadow", "shadowType": "outer", "color": "#FFFFFFEE", "blur": 2, "spread": 2 }, { "type": "shadow", "shadowType": "outer", "color": "#FF6B2166", "offset": { "x": 0, "y": 4 }, "blur": 16 } ], "textGrowth": "fixed-width", "width": 86, "content": "+10", "textAlign": "center", "fontFamily": "Inter", "fontSize": 34, "fontWeight": "900", "fontStyle": "italic" }, { "type": "frame", "id": "cpsme", "x": 58, "y": 280, "name": "SqueezeArrowLeft", "width": 40, "height": 24, "alignItems": "center", "children": [ { "type": "icon", "id": "v5TE9", "name": "LA1", "width": 16, "height": 16, "icon": "chevron-right", "library": "lucide", "fill": "#14B8A6" }, { "type": "icon", "id": "NPFEC", "name": "LA2", "width": 16, "height": 16, "icon": "chevron-right", "library": "lucide", "fill": "#14B8A6AA" } ] }, { "type": "frame", "id": "A48GS", "x": 292, "y": 280, "name": "SqueezeArrowRight", "width": 40, "height": 24, "alignItems": "center", "children": [ { "type": "icon", "id": "ORV1k", "name": "RA1", "width": 16, "height": 16, "icon": "chevron-left", "library": "lucide", "fill": "#14B8A6AA" }, { "type": "icon", "id": "lGBGx", "name": "RA2", "width": 16, "height": 16, "icon": "chevron-left", "library": "lucide", "fill": "#14B8A6" } ] }, { "type": "frame", "id": "NBPb2", "x": 16, "y": 422, "name": "GesturePhaseFlow", "width": 358, "height": 68, "fill": "#FFFFFFF2", "cornerRadius": 12, "effect": { "type": "shadow", "shadowType": "outer", "color": "#0F172A10", "offset": { "x": 0, "y": 2 }, "blur": 10 }, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "U7Xpoq", "x": 42, "y": 24, "name": "ConnectorBase", "fill": "#E2E8F0", "width": 274, "height": 4 }, { "type": "rectangle", "cornerRadius": 2, "id": "Jy6q0", "x": 42, "y": 24, "name": "ConnectorDone", "fill": "#14B8A6", "width": 90, "height": 4 }, { "type": "frame", "id": "z48XF", "x": 132, "y": 16, "name": "Waveform", "width": 70, "height": 20, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 1, "id": "I5tRox", "x": 0, "y": 8, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 12 }, { "type": "rectangle", "cornerRadius": 1, "id": "hL5er", "x": 6, "y": 4, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 16 }, { "type": "rectangle", "cornerRadius": 1, "id": "eKUJC", "x": 12, "y": 6, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 14 }, { "type": "rectangle", "cornerRadius": 1, "id": "XgaH1", "x": 18, "y": 2, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 18 }, { "type": "rectangle", "cornerRadius": 1, "id": "CJbPi", "x": 24, "y": 5, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 15 }, { "type": "rectangle", "cornerRadius": 1, "id": "EO0Ci", "x": 30, "y": 3, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 17 }, { "type": "rectangle", "cornerRadius": 1, "id": "cenLf", "x": 36, "y": 7, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 13 }, { "type": "rectangle", "cornerRadius": 1, "id": "vcGr4", "x": 42, "y": 4, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 16 }, { "type": "rectangle", "cornerRadius": 1, "id": "bXt90", "x": 48, "y": 6, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 14 }, { "type": "rectangle", "cornerRadius": 1, "id": "kGiEk", "x": 54, "y": 3, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 17 }, { "type": "rectangle", "cornerRadius": 1, "id": "Il9LU", "x": 60, "y": 8, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 12 }, { "type": "rectangle", "cornerRadius": 1, "id": "jDxyL", "x": 66, "y": 5, "name": "Bar", "fill": "#22B85A", "width": 3, "height": 15 } ] }, { "type": "rectangle", "cornerRadius": 2, "id": "mJn2x", "x": 210, "y": 24, "name": "ConnectorPending", "fill": "#CBD5E1", "width": 106, "height": 4 }, { "type": "frame", "id": "VuvET", "x": 24, "y": 6, "name": "Phase_张开", "width": 40, "height": 60, "layout": "vertical", "gap": 3, "alignItems": "center", "children": [ { "type": "frame", "id": "jR0SO", "name": "Circle_张开", "width": 34, "height": 34, "fill": "#CCFBF1", "cornerRadius": 17, "stroke": "#14B8A6", "strokeWidth": 1.5, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "P0hcAI", "name": "Icon_张开", "width": 16, "height": 16, "icon": "hand", "library": "lucide", "fill": "#14B8A6" } ] }, { "type": "text", "id": "i4pXXv", "name": "Label_张开", "fill": "#14B8A6", "content": "张开", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "700" } ] }, { "type": "frame", "id": "CRvOs", "x": 114, "y": 6, "name": "Phase_握紧", "width": 40, "height": 60, "layout": "vertical", "gap": 3, "alignItems": "center", "children": [ { "type": "frame", "id": "quXHW", "name": "Circle_握紧", "width": 38, "height": 38, "fill": "#ECFDF5", "cornerRadius": 19, "stroke": "#22B85A", "strokeWidth": 3, "effect": { "type": "shadow", "shadowType": "outer", "color": "#22B85A88", "blur": 12 }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "ZEjkt", "name": "Icon_握紧", "width": 18, "height": 18, "icon": "hand", "library": "lucide", "fill": "#22B85A" } ] }, { "type": "text", "id": "WCWpB", "name": "Label_握紧", "fill": "#22B85A", "content": "握紧", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "700" } ] }, { "type": "frame", "id": "FyOxT", "x": 204, "y": 6, "name": "Phase_保持", "width": 40, "height": 60, "layout": "vertical", "gap": 3, "alignItems": "center", "children": [ { "type": "frame", "id": "v4Wi1w", "name": "Circle_保持", "width": 34, "height": 34, "fill": "#FFFFFF", "cornerRadius": 17, "stroke": "#F2A615", "strokeWidth": 1.5, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "XxZmK", "name": "Icon_保持", "width": 16, "height": 16, "icon": "timer", "library": "lucide", "fill": "#F2A615" } ] }, { "type": "text", "id": "Lw3Yz", "name": "Label_保持", "fill": "#F2A615", "content": "保持", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "700" } ] }, { "type": "frame", "id": "rdNjR", "x": 294, "y": 6, "name": "Phase_松开", "width": 40, "height": 60, "layout": "vertical", "gap": 3, "alignItems": "center", "children": [ { "type": "frame", "id": "e68wuZ", "name": "Circle_松开", "width": 34, "height": 34, "fill": "#FFFFFF", "cornerRadius": 17, "stroke": "#94A3B8", "strokeWidth": 1.5, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "AkFM7", "name": "Icon_松开", "width": 16, "height": 16, "icon": "hand", "library": "lucide", "fill": "#94A3B8" } ] }, { "type": "text", "id": "lFxx4", "name": "Label_松开", "fill": "#94A3B8", "content": "松开", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "700" } ] }, { "type": "icon", "id": "inU3N", "x": 336, "y": 19, "name": "RailEndArrow", "width": 14, "height": 14, "icon": "chevron-right", "library": "lucide", "fill": "#94A3B8" } ] }, { "type": "rectangle", "id": "aMMad", "x": 0, "y": 0, "name": "StageTopScrim", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "#F8FAFCFF", "position": 0 }, { "color": "#F8FAFC00", "position": 1 } ] }, "width": 390, "height": 140 } ] }, { "type": "frame", "id": "diWnm", "name": "TrainingControls", "width": "fill_container", "height": 158, "fill": "#FFFFFF", "layout": "vertical", "gap": 14, "padding": [ 16, 20, 20, 20 ], "children": [ { "type": "frame", "id": "OOhM4", "name": "ProgressHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "cgbUP", "name": "GoalText", "fill": "#0F172A", "content": "本次目标 30 次", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "800" }, { "type": "text", "id": "KTLXa", "name": "RemainingText", "fill": "#0F766E", "content": "剩余 03:36", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "frame", "id": "a3gyy5", "name": "GoalProgressTrack", "width": "fill_container", "height": 10, "fill": "#E2E8F0", "cornerRadius": 5, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 5, "id": "m7bG7", "x": 0, "y": 0, "name": "GoalProgressFill", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 90, "size": { "height": 1 }, "colors": [ { "color": "#42C7C6", "position": 0 }, { "color": "#54C9C2", "position": 1 } ] }, "width": 148, "height": 10 } ] }, { "type": "frame", "id": "JIyCH", "name": "TrainingActions", "width": "fill_container", "height": 52, "gap": 12, "children": [ { "type": "frame", "id": "x0pfF", "name": "PauseButton", "width": "fill_container", "height": "fill_container", "fill": "#F0FDFA", "cornerRadius": 10, "stroke": "#14B8A6", "strokeWidth": 1.5, "gap": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "tifcz", "name": "PauseIcon", "width": 21, "height": 21, "icon": "pause", "library": "lucide", "fill": "#0B9DA3" }, { "type": "text", "id": "EYwl2", "name": "PauseLabel", "fill": "#0B8E94", "content": "暂停", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" } ] }, { "type": "frame", "id": "XL6eA", "name": "EndButton", "width": "fill_container", "height": "fill_container", "fill": "#FEF2F2", "cornerRadius": 10, "stroke": "#F28B8B", "strokeWidth": 1.5, "gap": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "S4hXw", "name": "EndIcon", "width": 19, "height": 19, "icon": "square", "library": "lucide", "fill": "#E34848" }, { "type": "text", "id": "TJv5g", "name": "EndLabel", "fill": "#D93636", "content": "结束训练", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" } ] } ] } ] } ] }, { "type": "frame", "id": "qO3SX", "x": 4510, "y": 969, "name": "08 视频联动动效架构", "width": 920, "height": 720, "fill": "#F8FAFC", "cornerRadius": 16, "stroke": "#E2E8F0", "strokeWidth": 1, "layout": "vertical", "gap": 20, "padding": 28, "children": [ { "type": "text", "id": "FdVbD", "name": "BoardTitle", "fill": "#0F172A", "content": "中间画布 · 视频捕捉联动动效", "fontFamily": "Inter", "fontSize": 22, "fontWeight": "800" }, { "type": "text", "id": "nh7Ht", "name": "BoardSub", "fill": "#64748B", "textGrowth": "fixed-width", "width": 860, "content": "原则：只动画反馈层，不动画摄像头预览本身。视觉信号低频采样，UI 以 30–60fps 插值渲染。", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "bbPec", "name": "LayerStack", "width": "fill_container", "height": 120, "gap": 12, "children": [ { "type": "frame", "id": "TC41W", "name": "L0 摄像头", "width": "fill_container", "height": "fill_container", "fill": "#CCFBF1", "cornerRadius": 12, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "DRcZ4", "name": "t", "fill": "#0F766E", "content": "L0 摄像头", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "800" }, { "type": "text", "id": "KX1rX", "name": "s", "fill": "#0F766E", "content": "实时视频预览", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "C9TeG", "name": "L1 能量画布", "width": "fill_container", "height": "fill_container", "fill": "#E0F2FE", "cornerRadius": 12, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "bTfU6", "name": "t", "fill": "#0369A1", "content": "L1 能量画布", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "800" }, { "type": "text", "id": "rkhuK", "name": "s", "fill": "#0369A1", "content": "环/弧/粒子", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "cCkpS", "name": "L2 HUD 文案", "width": "fill_container", "height": "fill_container", "fill": "#ECFDF5", "cornerRadius": 12, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "u7KWpi", "name": "t", "fill": "#15803D", "content": "L2 HUD 文案", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "800" }, { "type": "text", "id": "GFrDP", "name": "s", "fill": "#15803D", "content": "标题/连击/+分", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "n6ZiJ", "name": "L3 阶段轨", "width": "fill_container", "height": "fill_container", "fill": "#FFF7ED", "cornerRadius": 12, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "A9U8MB", "name": "t", "fill": "#C2410C", "content": "L3 阶段轨", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "800" }, { "type": "text", "id": "Y7uaIu", "name": "s", "fill": "#C2410C", "content": "张开→松开", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "text", "id": "s1yBc", "name": "BindTitle", "fill": "#0F172A", "content": "信号 → 动效绑定", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "800" }, { "type": "frame", "id": "SDPn1", "name": "Bindings", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "YB792", "name": "compression 0→1", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 10, "stroke": "#E2E8F0", "strokeWidth": 1, "gap": 12, "padding": [ 12, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "xwEBJ", "name": "sig", "fill": "#0F766E", "textGrowth": "fixed-width", "width": 180, "content": "compression 0→1", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" }, { "type": "text", "id": "X3kAPT", "name": "fx", "fill": "#334155", "textGrowth": "fixed-width", "width": 460, "content": "能量环半径缩小、光晕增强、挤压箭头更明显", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "ucYYq", "name": "rate", "fill": "#94A3B8", "textGrowth": "fixed-width", "width": 180, "content": "连续 30–60fps 插值", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "waShT", "name": "holdProgress 0→1", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 10, "stroke": "#E2E8F0", "strokeWidth": 1, "gap": 12, "padding": [ 12, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "E3ByA", "name": "sig", "fill": "#0F766E", "textGrowth": "fixed-width", "width": 180, "content": "holdProgress 0→1", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" }, { "type": "text", "id": "GpimM", "name": "fx", "fill": "#334155", "textGrowth": "fixed-width", "width": 460, "content": "橙色保持弧推进、连击小进度条同步", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "OfZFz", "name": "rate", "fill": "#94A3B8", "textGrowth": "fixed-width", "width": 180, "content": "CLOSED_CONFIRMED 时", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "XHvRj", "name": "gesturePhase", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 10, "stroke": "#E2E8F0", "strokeWidth": 1, "gap": 12, "padding": [ 12, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "j1yeCr", "name": "sig", "fill": "#0F766E", "textGrowth": "fixed-width", "width": 180, "content": "gesturePhase", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" }, { "type": "text", "id": "LRion", "name": "fx", "fill": "#334155", "textGrowth": "fixed-width", "width": 460, "content": "标题文案、指引条、阶段轨高亮切换", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "B1T9b", "name": "rate", "fill": "#94A3B8", "textGrowth": "fixed-width", "width": 180, "content": "语义切换 240ms", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "zxI8J", "name": "repCompleted", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 10, "stroke": "#E2E8F0", "strokeWidth": 1, "gap": 12, "padding": [ 12, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "s6hf57", "name": "sig", "fill": "#0F766E", "textGrowth": "fixed-width", "width": 180, "content": "repCompleted", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" }, { "type": "text", "id": "Hz9sv", "name": "fx", "fill": "#334155", "textGrowth": "fixed-width", "width": 460, "content": "+分上浮、冲击波、夸奖气泡、计数+1", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "hkPjV", "name": "rate", "fill": "#94A3B8", "textGrowth": "fixed-width", "width": 180, "content": "事件触发 ≤680ms", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "Dohc5", "name": "trackingQuality", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 10, "stroke": "#E2E8F0", "strokeWidth": 1, "gap": 12, "padding": [ 12, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "T1bTRq", "name": "sig", "fill": "#0F766E", "textGrowth": "fixed-width", "width": 180, "content": "trackingQuality", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "800" }, { "type": "text", "id": "vqRI2", "name": "fx", "fill": "#334155", "textGrowth": "fixed-width", "width": 460, "content": "识别中/弱/丢失状态色；丢失时冻结计分", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "AcPoa", "name": "rate", "fill": "#94A3B8", "textGrowth": "fixed-width", "width": 180, "content": "状态门控", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "text", "id": "U3OTYu", "name": "ImplNote", "fill": "#64748B", "textGrowth": "fixed-width", "width": 860, "content": "实现建议：camera 预览独立层；手势推理 8–15Hz；过滤后的 openness/compression 写入非响应式缓冲；Vue 只订阅语义状态（phase/combo/count）；Canvas/CSS 在 rAF 里读缓冲做插值。", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ], "variables": { "bg": { "type": "color", "value": "#F7FAFC" }, "border": { "type": "color", "value": "#D9E2EA" }, "danger": { "type": "color", "value": "#D84C4C" }, "muted": { "type": "color", "value": "#64748B" }, "primary": { "type": "color", "value": "#087F8C" }, "primarySoft": { "type": "color", "value": "#DDF4F2" }, "success": { "type": "color", "value": "#16865C" }, "surface": { "type": "color", "value": "#FFFFFF" }, "target": { "type": "color", "value": "#F28C45" }, "targetSoft": { "type": "color", "value": "#FFF0E5" }, "text": { "type": "color", "value": "#17212B" } }, "fileToken": "e5418879-724a-4dc5-8bea-213469e1e883" }