...

2025-12-15 18:18:17 +09:00
parent 03a7ed2ef2
commit 4c2c98de8a
216 changed files with 9831 additions and 725 deletions
@@ -0,0 +1,49 @@
+import 'dart:ui';
+import 'package:flutter/material.dart';
+
+class TracingPainter extends CustomPainter {
+  final List<Offset> userPath;   // 사용자가 그린 선
+  final List<Offset> targetPath; // 목표 가이드 선 (점들의 집합)
+
+  TracingPainter({required this.userPath, required this.targetPath});
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    // 1. 목표 가이드 라인 그리기 (회색 점선 스타일)
+    final guidePaint = Paint()
+      ..color = Colors.grey.shade300
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 24.0
+      ..strokeCap = StrokeCap.round
+      ..strokeJoin = StrokeJoin.round;
+
+    // 점들을 연결해서 경로 생성
+    if (targetPath.isNotEmpty) {
+      final path = Path()..moveTo(targetPath.first.dx, targetPath.first.dy);
+      for (int i = 1; i < targetPath.length; i++) {
+        path.lineTo(targetPath[i].dx, targetPath[i].dy);
+      }
+      // 닫힌 도형이면 마지막 점과 첫 점 연결 (필요시 옵션 처리)
+      // path.close(); 
+      canvas.drawPath(path, guidePaint);
+    }
+
+    // 2. 사용자가 그리는 선 (파란색 실선)
+    final userPaint = Paint()
+      ..color = Colors.blueAccent.withOpacity(0.8)
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 16.0
+      ..strokeCap = StrokeCap.round
+      ..strokeJoin = StrokeJoin.round;
+
+    if (userPath.isNotEmpty) {
+      // 포인트가 너무 많으면 성능 저하가 올 수 있으므로 PointMode.polygon 사용
+      canvas.drawPoints(PointMode.polygon, userPath, userPaint);
+    }
+  }
+
+  @override
+  bool shouldRepaint(covariant TracingPainter oldDelegate) {
+    return true; // 실시간으로 계속 다시 그려야 함
+  }
+}