@mathwiz/ui-components 0.1.28 → 0.1.30

package/dist/data/GeometryProblemAdapterV4/jsondata/right-triangle-v4.json

@@ -0,0 +1,595 @@
+{
+  "schema_version": "4.0.0",
+  "config_version": "1.0.0",
+  "math_prob_id": "mp-10506-0002-0001-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": 1001,
+  "skill_description": "已知直角三角形的底和高，求三角形面积",
+  "skill_item_id": "s-105-06-0001",
+  "skill_id": 1001,
+  "score": 2,
+  "knowledge_points": [
+    "三角形面积公式 A=½bh",
+    "直角三角形单旋转证明",
+    "矩形与三角形面积关系"
+  ],
+  "metadata": {
+    "topic": "直角三角形面积计算",
+    "skill": "直角三角形面积求解技能",
+    "tags": [
+      "直角三角形",
+      "单旋转策略",
+      "三角形面积公式"
+    ],
+    "version": "1.0.0",
+    "author": "chen-hui",
+    "strategy": "single_rotation_visual_proof"
+  },
+  "basic_info": {
+    "question": "What is the area of the triangle?",
+    "answerUnit": "square inches",
+    "shape": "right_triangle",
+    "base": 8,
+    "height": 6,
+    "baseUnit": "inches",
+    "heightUnit": "inches",
+    "originX": 2,
+    "originY": 2,
+    "unit": "square inches",
+    "variables": {
+      "b": 8,
+      "h": 6,
+      "answer": 24
+    }
+  },
+  "geometry_shapes": {
+    "right_triangle": {
+      "id": "right_triangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "$ref": "point_a"
+        },
+        {
+          "$ref": "point_b"
+        },
+        {
+          "$ref": "point_c"
+        }
+      ],
+      "withLabel": true,
+      "styleRef": "primary"
+    },
+    "right_triangle_copy": {
+      "id": "right_triangle_copy",
+      "type": "polygon",
+      "vertices": [
+        {
+          "$ref": "point_a_copy"
+        },
+        {
+          "$ref": "point_b_copy"
+        },
+        {
+          "$ref": "point_c_copy"
+        }
+      ]
+    },
+    "base_segment": {
+      "id": "base_segment",
+      "type": "segment",
+      "endpoints": [
+        {
+          "$ref": "point_a"
+        },
+        {
+          "$ref": "point_b"
+        }
+      ]
+    },
+    "height_segment": {
+      "id": "height_segment",
+      "type": "segment",
+      "endpoints": [
+        {
+          "$ref": "point_a"
+        },
+        {
+          "$ref": "point_c"
+        }
+      ]
+    },
+    "hypotenuse_segment": {
+      "id": "hypotenuse_segment",
+      "type": "segment",
+      "endpoints": [
+        {
+          "$ref": "point_b"
+        },
+        {
+          "$ref": "point_c"
+        }
+      ]
+    },
+    "rotation_center": {
+      "id": "rotation_center",
+      "type": "point",
+      "position": {
+        "x": 6,
+        "y": 5
+      },
+      "name": "O"
+    },
+    "target_rectangle": {
+      "id": "target_rectangle",
+      "type": "polygon",
+      "vertices": [
+        {
+          "$ref": "point_a"
+        },
+        {
+          "$ref": "point_b"
+        },
+        {
+          "$ref": "point_d"
+        },
+        {
+          "$ref": "point_c_copy"
+        }
+      ]
+    },
+    "base_arrow": {
+      "id": "base_arrow",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 2,
+          "y": 1.5
+        },
+        {
+          "x": 10,
+          "y": 1.5
+        }
+      ]
+    },
+    "height_arrow": {
+      "id": "height_arrow",
+      "type": "segment",
+      "endpoints": [
+        {
+          "x": 1.5,
+          "y": 2
+        },
+        {
+          "x": 1.5,
+          "y": 8
+        }
+      ]
+    },
+    "base_label_position": {
+      "id": "base_label_position",
+      "type": "point",
+      "position": {
+        "x": 6,
+        "y": 1.2
+      }
+    },
+    "height_label_position": {
+      "id": "height_label_position",
+      "type": "point",
+      "position": {
+        "x": 1.2,
+        "y": 5
+      }
+    },
+    "point_a": {
+      "id": "point_a",
+      "type": "point",
+      "position": {
+        "x": 2,
+        "y": 2
+      },
+      "name": "A"
+    },
+    "point_b": {
+      "id": "point_b",
+      "type": "point",
+      "position": {
+        "x": 10,
+        "y": 2
+      },
+      "name": "B"
+    },
+    "point_c": {
+      "id": "point_c",
+      "type": "point",
+      "position": {
+        "x": 2,
+        "y": 8
+      },
+      "name": "C"
+    },
+    "point_a_copy": {
+      "id": "point_a_copy",
+      "type": "point",
+      "position": {
+        "x": 2,
+        "y": 2
+      },
+      "name": "A'"
+    },
+    "point_b_copy": {
+      "id": "point_b_copy",
+      "type": "point",
+      "position": {
+        "x": 10,
+        "y": 2
+      },
+      "name": "B'"
+    },
+    "point_c_copy": {
+      "id": "point_c_copy",
+      "type": "point",
+      "position": {
+        "x": 2,
+        "y": 8
+      },
+      "name": "C'"
+    },
+    "point_d": {
+      "id": "point_d",
+      "type": "point",
+      "position": {
+        "x": 10,
+        "y": 8
+      },
+      "name": "D"
+    }
+  },
+  "layout": {
+    "type": "card",
+    "theme": "light",
+    "renderer": {
+      "showFormulaSteps": true,
+      "interactiveAnimations": true,
+      "validateAnswers": true,
+      "keepAspectRatio": true
+    }
+  },
+  "scenes": {
+    "question": {
+      "layout": {
+        "layoutRef": "vertical"
+      },
+      "items": [
+        {
+          "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": "right_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "id": "base_line",
+              "type": "segment",
+              "geometryRef": "base_segment",
+              "styleRef": "base_highlight"
+            },
+            {
+              "id": "height_line",
+              "type": "segment",
+              "geometryRef": "height_segment",
+              "styleRef": "success"
+            },
+            {
+              "id": "right_angle",
+              "type": "angle",
+              "centerRef": "point_a",
+              "radius": 0.5,
+              "styleRef": "highlight"
+            },
+            {
+              "id": "base_label",
+              "type": "text",
+              "geometryRef": "base_label_position",
+              "content": "8 inches",
+              "styleRef": "label_error"
+            },
+            {
+              "id": "height_label",
+              "type": "text",
+              "geometryRef": "height_label_position",
+              "content": "6 inches",
+              "styleRef": "text_primary"
+            }
+          ]
+        },
+        {
+          "type": "interactive",
+          "component": "answer_input",
+          "config": {
+            "inputType": "number",
+            "placeholder": "Enter area",
+            "unit": "square inches",
+            "submitButton": {
+              "label": "Submit",
+              "color": "$colors.success"
+            }
+          }
+        }
+      ]
+    },
+    "remember": {
+      "layout": {
+        "layoutRef": "vertical_centered"
+      },
+      "items": [
+        {
+          "type": "text",
+          "content": "直角三角形面积公式",
+          "styleRef": "text_primary"
+        },
+        {
+          "type": "formula",
+          "content": "A = \\frac{1}{2} \\times b \\times h",
+          "parts": [
+            "A = \\frac{1}{2} \\times b \\times h",
+            "= \\frac{1}{2} \\times 8 \\times 6",
+            "= \\frac{1}{2} \\times 48",
+            "= 24"
+          ],
+          "styleRef": "text_primary"
+        }
+      ]
+    },
+    "solve": {
+      "layout": {
+        "layoutRef": "vertical_centered"
+      },
+      "items": [
+        {
+          "type": "text",
+          "content": "单旋转变换演示",
+          "styleRef": "text_primary"
+        },
+        {
+          "type": "geometryTransform",
+          "geometryTransformRef": "single_rotation_proof"
+        }
+      ]
+    }
+  },
+  "explanation": {
+    "steps": [
+      {
+        "id": "exp-step-1",
+        "type": "instructionalStep",
+        "title": "识别直角三角形的底和高",
+        "description": "确定直角三角形的底边长度 b = 8 inches 和对应的高度 h = 6 inches。直角位于A点，底边AB水平放置，高AC垂直放置。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "type": "polygon",
+              "geometryRef": "right_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "type": "segment",
+              "geometryRef": "base_segment",
+              "styleRef": "error"
+            },
+            {
+              "type": "segment",
+              "geometryRef": "height_segment",
+              "styleRef": "success"
+            },
+            {
+              "id": "base-label",
+              "type": "text",
+              "position": {
+                "x": 6,
+                "y": 1.4
+              },
+              "content": "b = 8 inches",
+              "styleRef": "label_error"
+            },
+            {
+              "id": "height-label",
+              "type": "text",
+              "position": {
+                "x": 1.3,
+                "y": 5
+              },
+              "content": "h = 6 inches",
+              "styleRef": "text_primary"
+            }
+          ]
+        }
+      },
+      {
+        "id": "exp-step-2",
+        "type": "instructionalStep",
+        "title": "单旋转策略：围绕斜边中点旋转",
+        "description": "将直角三角形围绕斜边BC的中点O旋转180度。旋转中心O位于斜边BC的中点，坐标为(6, 5)。旋转后，三角形副本将与原三角形组成一个矩形。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "type": "polygon",
+              "geometryRef": "right_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "type": "segment",
+              "geometryRef": "hypotenuse_segment",
+              "styleRef": "dashed"
+            },
+            {
+              "type": "point",
+              "geometryRef": "rotation_center",
+              "styleRef": "error",
+              "size": 4
+            }
+          ]
+        }
+      },
+      {
+        "id": "exp-step-3",
+        "type": "instructionalStep",
+        "title": "刚体旋转形成矩形",
+        "description": "直角三角形围绕斜边中点旋转180度，形成对应的矩形。旋转过程中三角形保持其形状和大小不变（刚体旋转）。",
+        "chartConfig": {
+          "type": "geometryTransform",
+          "geometryTransformRef": "single_rotation_proof"
+        }
+      },
+      {
+        "id": "exp-step-4",
+        "type": "instructionalStep",
+        "title": "推导面积公式",
+        "description": "旋转后形成的矩形面积为 b × h = 8 × 6 = 48 square inches。直角三角形面积是矩形面积的一半，即 A = ½ × b × h = 24 square inches。",
+        "chartConfig": {
+          "type": "graph",
+          "boardRef": "default",
+          "shapes": [
+            {
+              "type": "polygon",
+              "geometryRef": "target_rectangle",
+              "styleRef": "primary"
+            },
+            {
+              "type": "polygon",
+              "geometryRef": "right_triangle",
+              "styleRef": "primary"
+            },
+            {
+              "type": "segment",
+              "geometryRef": "base_segment",
+              "styleRef": "error"
+            },
+            {
+              "type": "segment",
+              "geometryRef": "height_segment",
+              "styleRef": "success"
+            },
+            {
+              "type": "text",
+              "position": {
+                "x": 6,
+                "y": 1.2
+              },
+              "content": "Base = 8 inches",
+              "styleRef": "secondary"
+            },
+            {
+              "type": "text",
+              "position": {
+                "x": 1.2,
+                "y": 5
+              },
+              "content": "Height = 6 inches",
+              "styleRef": "secondary"
+            }
+          ]
+        }
+      }
+    ]
+  },
+  "answer_info": {
+    "value": 24,
+    "unit": "square inches",
+    "type": "number",
+    "tolerance": 0.1,
+    "validation": {
+      "type": "exact",
+      "allowPartial": false
+    },
+    "explanation_text": "三角形面积 = ½ × 底 × 高 = ½ × 8inches × 6inches = 24 square inches",
+    "solution_steps": [
+      "识别直角三角形的底和高",
+      "应用面积公式 A = ½ × b × h",
+      "代入数值：A = ½ × 8 × 6",
+      "计算：A = ½ × 48 = 24",
+      "添加单位：24 square inches"
+    ]
+  },
+  "created_at": "2026-03-04T10:00:00Z",
+  "updated_at": "2026-03-04T10:00:00Z",
+  "geometry_transform_configs": {
+    "single_rotation_proof": {
+      "id": "single_rotation_proof",
+      "description": "单旋转几何证明策略（直角三角形）",
+      "base": 8,
+      "height": 6,
+      "unit": "inches",
+      "strategy": "single_rotation",
+      "shapes": {
+        "static": [
+          {
+            "id": "main_triangle",
+            "type": "polygon",
+            "geometryRef": "right_triangle",
+            "styleRef": "primary",
+            "appearanceRef": "always_visible"
+          },
+          {
+            "id": "rotation_center_point",
+            "type": "point",
+            "geometryRef": "rotation_center",
+            "styleRef": "rotation_center_style",
+            "appearanceRef": "always_visible"
+          }
+        ],
+        "animated": [
+          {
+            "id": "right_triangle_copy",
+            "type": "polygon",
+            "geometryRef": "right_triangle_copy",
+            "styleRef": "highlight",
+            "appearanceRef": "fade_in"
+          }
+        ]
+      },
+      "transform": {
+        "transformRef": "right_rotation"
+      },
+      "boardRef": "default",
+      "sliderRef": "slider_horizontal"
+    }
+  },
+  "transform_definitions": {
+    "right_rotation": {
+      "id": "right_rotation",
+      "type": "rotation",
+      "config": {
+        "center": {
+          "x": 6,
+          "y": 5
+        },
+        "startAngle": 0,
+        "endAngle": 3.14159,
+        "direction": "clockwise"
+      },
+      "targetGroup": "right_triangle_copy"
+    }
+  }
+}