@mathwiz/ui-components 0.1.16 → 0.1.22

package/dist/data/TriangleAdapterV3/testData/Acute-Triangle-area-data-v2-externalized.json

@@ -0,0 +1,692 @@
+{
+  "schema_version": "2.0.0",
+  "config_version": "1.0.0",
+  "math_prob_id": "mp-10506-0002-0002-G01-0001",
+  "title": "锐角三角形面积练习",
+  "description": "通过双旋转策略练习锐角三角形面积公式 A=½bh",
+  "objective": "掌握锐角三角形面积公式 A=½bh，掌握双旋转证明方法",
+  "difficulty": 1,
+  "grade_id": "g5",
+  "unit_name": "三角形面积计算",
+  "unit_id": 1050602,
+  "lesson_name": "锐角三角形的面积",
+  "lesson_id": 105060201,
+  "module_id": 1002,
+  "skill_description": "已知锐角三角形的底和高，求三角形面积",
+  "skill_item_id": "s-105-06-0002",
+  "skill_id": 1002,
+  "score": 2,
+  "knowledge_points": [
+    "三角形面积公式 A=½bh",
+    "锐角三角形双旋转证明",
+    "直角三角形组合变换"
+  ],
+  "metadata": {
+    "topic": "三角形面积计算",
+    "skill": "三角形面积求解技能",
+    "tags": [
+      "锐角三角形",
+      "双旋转策略",
+      "三角形面积公式"
+    ],
+    "version": "1.1.0",
+    "author": "chen-hui",
+    "strategy": "double_rotation_visual_proof"
+  },
+  "basic_info": {
+    "question": "以下三角形面积是多少？",
+    "answerUnit": "cm²",
+    "shape": "acute_triangle",
+    "base": 6,
+    "height": 4,
+    "baseUnit": "cm",
+    "heightUnit": "cm",
+    "originX": 2,
+    "originY": 2,
+    "unit": "cm²",
+    "variables": {
+      "b": 6,
+      "h": 4,
+      "answer": 12
+    }
+  },
+  "geometry_shapes": {
+    "acute_triangle": {
+      "id": "acute_triangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "x": 2,
+          "y": 2
+        },
+        {
+          "x": 8,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 6
+        }
+      ]
+    },
+    "left_triangle": {
+      "id": "left_triangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "x": 2,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 6
+        }
+      ]
+    },
+    "right_triangle": {
+      "id": "right_triangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "x": 8,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 6
+        }
+      ]
+    },
+    "base_segment": {
+      "id": "base_segment",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 2,
+          "y": 2
+        },
+        {
+          "x": 8,
+          "y": 2
+        }
+      ]
+    },
+    "height_segment": {
+      "id": "height_segment",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 5,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 6
+        }
+      ]
+    },
+    "left_rotation_center": {
+      "id": "left_rotation_center",
+      "type": "point",
+      "position": {
+        "x": 3.5,
+        "y": 4
+      }
+    },
+    "right_rotation_center": {
+      "id": "right_rotation_center",
+      "type": "point",
+      "position": {
+        "x": 6.5,
+        "y": 4
+      }
+    },
+    "full_rectangle": {
+      "id": "full_rectangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "x": 2,
+          "y": 2
+        },
+        {
+          "x": 8,
+          "y": 2
+        },
+        {
+          "x": 8,
+          "y": 6
+        },
+        {
+          "x": 2,
+          "y": 6
+        }
+      ]
+    },
+    "base_arrow": {
+      "id": "base_arrow",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 2,
+          "y": 1.5
+        },
+        {
+          "x": 8,
+          "y": 1.5
+        }
+      ]
+    },
+    "height_arrow": {
+      "id": "height_arrow",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 5,
+          "y": 2
+        },
+        {
+          "x": 5,
+          "y": 6
+        }
+      ]
+    },
+    "base_label_position": {
+      "id": "base_label_position",
+      "type": "point",
+      "position": {
+        "x": 5,
+        "y": 1.2
+      }
+    },
+    "height_label_position": {
+      "id": "height_label_position",
+      "type": "point",
+      "position": {
+        "x": 5.5,
+        "y": 4
+      }
+    }
+  },
+  "transform_definitions": {
+    "left_rotation": {
+      "id": "left_rotation",
+      "type": "rotation",
+      "config": {
+        "center": {
+          "x": 3.5,
+          "y": 4
+        },
+        "startAngle": 0,
+        "endAngle": 3.14159,
+        "direction": "clockwise"
+      },
+      "targetGroup": "left"
+    },
+    "right_rotation": {
+      "id": "right_rotation",
+      "type": "rotation",
+      "config": {
+        "center": {
+          "x": 6.5,
+          "y": 4
+        },
+        "startAngle": 0,
+        "endAngle": 3.14159,
+        "direction": "counterclockwise"
+      },
+      "targetGroup": "right"
+    }
+  },
+  "layout": {
+    "type": "card",
+    "padding": "$spacing.large",
+    "theme": "light",
+    "renderer": {
+      "showFormulaSteps": true,
+      "interactiveAnimations": true,
+      "validateAnswers": true,
+      "keepAspectRatio": true
+    }
+  },
+  "scenes": {
+    "question": {
+      "layout": {
+        "layoutRef": "vertical_centered"
+      },
+      "content": [
+        {
+          "type": "text",
+          "content": "What is the area of the triangle?",
+          "styleRef": "text_heading_large"
+        },
+        {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "id": "main_triangle",
+              "type": "polygon",
+              "geometryRef": "acute_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "id": "base_line",
+              "type": "segment",
+              "geometryRef": "base_segment",
+              "styleRef": "base_highlight"
+            },
+            {
+              "id": "height_line",
+              "type": "segment",
+              "geometryRef": "height_segment",
+              "styleRef": "dashed"
+            },
+            {
+              "id": "base_label",
+              "type": "text",
+              "geometryRef": "base_label_position",
+              "content": "6 cm",
+              "styleRef": "label_error"
+            },
+            {
+              "id": "height_label",
+              "type": "text",
+              "geometryRef": "height_label_position",
+              "content": "4 cm",
+              "styleRef": "label_success"
+            },
+            {
+              "id": "point_a_label",
+              "type": "text",
+              "position": {
+                "x": 1.7,
+                "y": 1.7
+              },
+              "content": "A",
+              "styleRef": "point_label"
+            },
+            {
+              "id": "point_b_label",
+              "type": "text",
+              "position": {
+                "x": 8.3,
+                "y": 1.7
+              },
+              "content": "B",
+              "styleRef": "point_label"
+            },
+            {
+              "id": "point_c_label",
+              "type": "text",
+              "position": {
+                "x": 4.7,
+                "y": 6.3
+              },
+              "content": "C",
+              "styleRef": "point_label"
+            },
+            {
+              "id": "point_d_label",
+              "type": "text",
+              "position": {
+                "x": 4.7,
+                "y": 1.7
+              },
+              "content": "D",
+              "styleRef": "point_label"
+            },
+            {
+              "id": "point_d_marker",
+              "type": "point",
+              "position": {
+                "x": 5,
+                "y": 2
+              },
+              "styleRef": "point_marker"
+            }
+          ]
+        },
+        {
+          "type": "interactive",
+          "component": "answer_input",
+          "config": {
+            "inputType": "number",
+            "placeholder": "输入面积",
+            "unit": "cm²",
+            "submitButton": {
+              "label": "Submit",
+              "color": "$colors.success"
+            }
+          }
+        }
+      ]
+    },
+    "remember": {
+      "layout": {
+        "layoutRef": "vertical_spaced"
+      },
+      "content": [
+        {
+          "type": "text",
+          "content": "锐角三角形面积公式",
+          "styleRef": "text_heading_large"
+        },
+        {
+          "type": "formula",
+          "content": "A = \\frac{1}{2} \\times b \\times h",
+          "parts": [
+            "A = \\frac{1}{2} \\times b \\times h",
+            "= \\frac{1}{2} \\times 6 \\times 4",
+            "= \\frac{1}{2} \\times 24",
+            "= 12"
+          ],
+          "displayMode": true,
+          "style": {
+            "fontSize": "$fonts.formula",
+            "color": "$colors.text_primary"
+          }
+        }
+      ]
+    },
+    "solve": {
+      "layout": {
+        "layoutRef": "vertical_centered"
+      },
+      "content": [
+        {
+          "type": "text",
+          "content": "解题步骤演示",
+          "styleRef": "text_heading_large"
+        },
+        {
+          "type": "geometryTransform",
+          "config": {
+            "strategy": "double_rotation",
+            "shapes": {
+              "static": [
+                {
+                  "id": "main_triangle",
+                  "type": "polygon",
+                  "geometryRef": "acute_triangle",
+                  "styleRef": "primary",
+                  "appearanceRef": "always_visible"
+                }
+              ],
+              "animated": [
+                {
+                  "id": "left_triangle",
+                  "type": "polygon",
+                  "geometryRef": "left_triangle",
+                  "styleRef": "highlight_left",
+                  "appearanceRef": "appear_at_90"
+                },
+                {
+                  "id": "right_triangle",
+                  "type": "polygon",
+                  "geometryRef": "right_triangle",
+                  "styleRef": "highlight_right",
+                  "appearanceRef": "appear_at_90"
+                }
+              ]
+            },
+            "transform": {
+              "type": "composite",
+              "transforms": [
+                {
+                  "transformRef": "left_rotation"
+                },
+                {
+                  "transformRef": "right_rotation"
+                }
+              ],
+              "executionMode": "parallel"
+            },
+            "animationRef": "slider_horizontal",
+            "boardRef": "default"
+          }
+        }
+      ]
+    }
+  },
+  "explanation": {
+    "steps": [
+      {
+        "id": "exp-step-1",
+        "type": "instructionalStep",
+        "title": "识别锐角三角形的底和高",
+        "description": "确定锐角三角形的底边长度 b = 6 cm 和对应的高度 h = 4 cm。垂足将底边平分为两段。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "geometryRef": "acute_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "geometryRef": "horizontal_line",
+              "styleRef": "error"
+            },
+            {
+              "geometryRef": "vertical_line",
+              "styleRef": "dashed"
+            },
+            {
+              "id": "base-label",
+              "type": "text",
+              "position": {
+                "x": 5,
+                "y": 1.4
+              },
+              "content": "6 cm",
+              "style": {
+                "fontSize": "$fonts.label",
+                "color": "$colors.error",
+                "fontWeight": "bold",
+                "anchorX": "middle"
+              }
+            },
+            {
+              "id": "height-label",
+              "type": "text",
+              "position": {
+                "x": 5.3,
+                "y": 4
+              },
+              "content": "4 cm",
+              "style": {
+                "fontSize": "$fonts.label",
+                "color": "$colors.success",
+                "fontWeight": "bold"
+              }
+            }
+          ]
+        }
+      },
+      {
+        "id": "exp-step-2",
+        "type": "instructionalStep",
+        "title": "双旋转策略：分割为两个直角三角形",
+        "description": "沿高线将锐角三角形分割为两个直角三角形：左直角三角形和右直角三角形。每个直角三角形将独立旋转。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "geometryRef": "left_triangle",
+              "styleRef": "highlight_left"
+            },
+            {
+              "geometryRef": "right_triangle",
+              "styleRef": "highlight_right"
+            },
+            {
+              "geometryRef": "vertical_line",
+              "styleRef": "dashed"
+            },
+            {
+              "geometryRef": "center_point",
+              "styleRef": "primary",
+              "size": 4
+            },
+            {
+              "geometryRef": "center_point",
+              "styleRef": "primary",
+              "size": 4
+            }
+          ]
+        }
+      },
+      {
+        "id": "exp-step-3",
+        "type": "instructionalStep",
+        "title": "刚体旋转形成矩形",
+        "description": "每个直角三角形围绕其斜边中点旋转180度，形成对应的矩形。左直角三角形形成左矩形，右直角三角形形成右矩形。",
+        "chartConfig": {
+          "type": "geometryTransform",
+          "config": {
+            "strategy": "double_rotation",
+            "shapes": {
+              "static": [
+                {
+                  "geometryRef": "left_triangle",
+                  "styleRef": "highlight_left",
+                  "metadata": {
+                    "id": "left_original",
+                    "label": "左直角三角形",
+                    "isStatic": true,
+                    "rotationGroup": "left"
+                  }
+                },
+                {
+                  "geometryRef": "right_triangle",
+                  "styleRef": "highlight_right",
+                  "metadata": {
+                    "id": "right_original",
+                    "label": "右直角三角形",
+                    "isStatic": true,
+                    "rotationGroup": "right"
+                  }
+                }
+              ],
+              "animated": [
+                {
+                  "geometryRef": "left_triangle",
+                  "styleRef": "highlight_left",
+                  "metadata": {
+                    "id": "left_rotated",
+                    "label": "旋转后的左直角三角形",
+                    "isMovable": true,
+                    "rotationGroup": "left",
+                    "transformSource": "global"
+                  }
+                },
+                {
+                  "geometryRef": "right_triangle",
+                  "styleRef": "highlight_right",
+                  "metadata": {
+                    "id": "right_rotated",
+                    "label": "旋转后的右直角三角形",
+                    "isMovable": true,
+                    "rotationGroup": "right",
+                    "transformSource": "global"
+                  }
+                }
+              ]
+            },
+            "transform": {
+              "type": "composite",
+              "transforms": [
+                "transformRef:left_rotation",
+                "transformRef:right_rotation"
+              ],
+              "executionMode": "parallel"
+            },
+            "animationRef": "slider_horizontal",
+            "boardRef": "default"
+          }
+        }
+      },
+      {
+        "id": "exp-step-4",
+        "type": "instructionalStep",
+        "title": "组合形成完整矩形并推导面积公式",
+        "description": "两个小矩形组合形成完整的大矩形，其面积为 b × h = 6 × 4 = 24 cm²。锐角三角形面积是大矩形面积的一半，即 A = ½ × b × h = 12 cm²。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "geometryRef": "rectangle",
+              "styleRef": "primary"
+            },
+            {
+              "geometryRef": "arrow_line",
+              "styleRef": "error"
+            },
+            {
+              "geometryRef": "arrow_line",
+              "styleRef": "dashed"
+            },
+            {
+              "type": "text",
+              "position": {
+                "x": 5,
+                "y": 1.2
+              },
+              "content": "Base = 6 cm",
+              "style": {
+                "fontSize": "$fonts.label",
+                "color": "$colors.error",
+                "fontWeight": "bold",
+                "anchorX": "middle"
+              }
+            },
+            {
+              "type": "text",
+              "position": {
+                "x": 5.5,
+                "y": 4
+              },
+              "content": "Height = 4 cm",
+              "style": {
+                "fontSize": "$fonts.label",
+                "color": "$colors.success",
+                "fontWeight": "bold"
+              }
+            }
+          ]
+        }
+      }
+    ]
+  },
+  "answer_info": {
+    "value": 12,
+    "unit": "cm²",
+    "type": "number",
+    "tolerance": 0.1,
+    "validation": {
+      "type": "exact",
+      "allowPartial": false
+    },
+    "explanation_text": "三角形面积 = ½ × 底 × 高 = ½ × 6cm × 4cm = 12cm²",
+    "solution_steps": [
+      "识别三角形的底和高",
+      "应用面积公式 A = ½ × b × h",
+      "代入数值：A = ½ × 6 × 4",
+      "计算：A = ½ × 24 = 12",
+      "添加单位：12 cm²"
+    ]
+  },
+  "created_at": "2026-01-20T20:34:00Z",
+  "updated_at": "2026-01-20T20:34:00Z"
+}