@pixel-normal-edit/mcp 2.0.10 → 2.2.0

package/domains/art-tree/3d_lessons.js

@@ -1,114 +0,0 @@
-const shapes3d = require('./3d_shapes');
-const advShapes = require('./advanced_shapes');
-
-/**
- * Lesson: Box Properties (Width, Height, Depth, Planes, Edges)
- */
-function lessonBoxProperties(canvasSize = 32, color = '#2196f3') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const w = Math.floor(canvasSize * 0.4);
-  const h = Math.floor(canvasSize * 0.4);
-  const d = Math.floor(canvasSize * 0.3);
-
-  // Draw wireframe box
-  commands.push(...shapes3d.drawWireframeBox(cx, cy, w, h, d, color));
-  
-  // Highlight dimensions
-  const fX = cx - Math.floor(w/2);
-  const fY = cy - Math.floor(h/2);
-  
-  // Width
-  commands.push(...advShapes.drawDistance(fX, fY + h + 2, fX + w, fY + h + 2, '#4caf50'));
-  // Height
-  commands.push(...advShapes.drawDistance(fX - 2, fY, fX - 2, fY + h, '#ff9800'));
-  
-  // Depth (approximate along the oblique edge)
-  const dx = Math.floor(d * 0.7);
-  const dy = Math.floor(d * 0.5);
-  commands.push(...advShapes.drawDistance(fX + w + 2, fY + h, fX + w + 2 + dx, fY + h - dy, '#e91e63'));
-
-  return commands;
-}
-
-/**
- * Lesson: Sphere Properties (Center, Radius, Cross contours, Axis)
- */
-function lessonSphereProperties(canvasSize = 32, color = '#9c27b0') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const r = Math.floor(canvasSize * 0.35);
-
-  // Draw sphere with volume lines
-  commands.push(...shapes3d.drawSphereVolume(cx, cy, r, color));
-  
-  // Highlight radius
-  commands.push(...advShapes.drawDistance(cx, cy, cx + r, cy, '#ff9800'));
-
-  return commands;
-}
-
-/**
- * Lesson: Cylinder Properties (Central axis, Bases, Perspective change)
- */
-function lessonCylinderProperties(canvasSize = 32, color = '#00bcd4') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const r = Math.floor(canvasSize * 0.3);
-  const h = Math.floor(canvasSize * 0.6);
-
-  // Draw cylinder volume
-  commands.push(...shapes3d.drawCylinderVolume(cx, cy, r, h, color));
-  
-  // Highlight Height
-  commands.push(...advShapes.drawDistance(cx + r + 4, cy - Math.floor(h/2), cx + r + 4, cy + Math.floor(h/2), '#4caf50'));
-
-  // Highlight Radius (top base)
-  commands.push(...advShapes.drawDistance(cx, cy - Math.floor(h/2), cx + r, cy - Math.floor(h/2), '#ff9800'));
-
-  return commands;
-}
-
-/**
- * Lesson: Cone Properties (Apex, Base, Axis)
- */
-function lessonConeProperties(canvasSize = 32, color = '#ff5722') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const r = Math.floor(canvasSize * 0.35);
-  const h = Math.floor(canvasSize * 0.6);
-
-  // Draw cone volume
-  commands.push(...shapes3d.drawConeVolume(cx, cy, r, h, color));
-  
-  // Highlight Height
-  const apexY = cy - Math.floor(h/2);
-  const baseY = cy + Math.floor(h/2);
-  commands.push(...advShapes.drawDistance(cx + r + 4, apexY, cx + r + 4, baseY, '#4caf50'));
-  
-  // Highlight Radius (base)
-  commands.push(...advShapes.drawDistance(cx, baseY, cx + r, baseY, '#ff9800'));
-
-  return commands;
-}
-
-function get3DLessonCatalog() {
-  return [
-    { id: '3d_box', name: '3D Box Properties', description: 'Width, height, depth, planes, inner structure', fn: lessonBoxProperties },
-    { id: '3d_sphere', name: '3D Sphere Properties', description: 'Center, radius, axis, cross contours', fn: lessonSphereProperties },
-    { id: '3d_cylinder', name: '3D Cylinder Properties', description: 'Axis, bases, height, perspective changes', fn: lessonCylinderProperties },
-    { id: '3d_cone', name: '3D Cone Properties', description: 'Apex, base, axis, radius', fn: lessonConeProperties },
-  ];
-}
-
-module.exports = {
-  lessonBoxProperties,
-  lessonSphereProperties,
-  lessonCylinderProperties,
-  lessonConeProperties,
-  get3DLessonCatalog
-};

package/domains/art-tree/advanced_lessons.js

@@ -1,124 +0,0 @@
-const shapes = require('./shapes');
-const advShapes = require('./advanced_shapes');
-
-/**
- * Lesson: Shape Ratios
- */
-function lessonShapeRatios(canvasSize = 32, color = '#2196f3') {
-  const margin = Math.floor(canvasSize * 0.1);
-  const w1 = Math.floor(canvasSize * 0.2);
-  const h1 = w1; // 1:1
-  const w2 = Math.floor(canvasSize * 0.2);
-  const h2 = Math.floor(canvasSize * 0.4); // 1:2
-  
-  return [
-    shapes.drawRectangle(margin, margin, w1, h1, color, false),
-    shapes.drawRectangle(canvasSize - margin - w2, margin, w2, h2, '#4caf50', false),
-    ...advShapes.drawDistance(margin, margin + h1 + 2, margin + w1, margin + h1 + 2, '#888'),
-    ...advShapes.drawDistance(canvasSize - margin - w2, margin + h2 + 2, canvasSize - margin, margin + h2 + 2, '#888')
-  ];
-}
-
-/**
- * Lesson: Symmetry & Axes
- */
-function lessonSymmetryAndAxis(canvasSize = 32, color = '#9c27b0') {
-  const mid = Math.floor(canvasSize / 2);
-  const w = Math.floor(canvasSize * 0.5);
-  const h = Math.floor(canvasSize * 0.5);
-  const commands = [];
-  
-  // Draw Rhombus
-  commands.push(advShapes.drawRhombus(mid, mid, w, h, color, false));
-  // Vertical axis
-  commands.push(advShapes.drawAxis(mid, Math.floor(canvasSize * 0.1), mid, canvasSize - Math.floor(canvasSize * 0.1)));
-  // Horizontal axis
-  commands.push(advShapes.drawAxis(Math.floor(canvasSize * 0.1), mid, canvasSize - Math.floor(canvasSize * 0.1), mid));
-  
-  return commands;
-}
-
-/**
- * Lesson: Angles
- */
-function lessonAngles(canvasSize = 32, color = '#ff5722') {
-  const mid = Math.floor(canvasSize / 2);
-  const w = Math.floor(canvasSize * 0.6);
-  const h = Math.floor(canvasSize * 0.3);
-  const margin = Math.floor(canvasSize * 0.2);
-  
-  const commands = [];
-  // Trapezoid (shows acute and obtuse angles)
-  commands.push(advShapes.drawTrapezoid(margin, margin, Math.floor(w/2), w, h, color, false));
-  
-  // Right Triangle (shows 90 degree angle)
-  commands.push(shapes.drawTriangle([
-    { x: margin, y: canvasSize - margin },
-    { x: margin, y: mid + margin },
-    { x: margin + w, y: canvasSize - margin }
-  ], '#3f51b5', false));
-  
-  return commands;
-}
-
-/**
- * Lesson: Distances
- */
-function lessonDistances(canvasSize = 32, color = '#00bcd4') {
-  const margin = Math.floor(canvasSize * 0.2);
-  const commands = [];
-  
-  // Points
-  commands.push(shapes.drawCircle(margin, margin, 1, color, true));
-  commands.push(shapes.drawCircle(canvasSize - margin, margin, 1, color, true));
-  commands.push(shapes.drawCircle(margin, canvasSize - margin, 1, color, true));
-  
-  // Distances between them
-  commands.push(...advShapes.drawDistance(margin, margin, canvasSize - margin, margin));
-  commands.push(...advShapes.drawDistance(margin, margin, margin, canvasSize - margin));
-  
-  return commands;
-}
-
-/**
- * Lesson: Shape Relationships
- */
-function lessonShapeRelationships(canvasSize = 32, color = '#607d8b') {
-  const mid = Math.floor(canvasSize / 2);
-  const r = Math.floor(canvasSize * 0.2);
-  const commands = [];
-  
-  // Overlapping circles
-  commands.push(shapes.drawCircle(mid - Math.floor(r/2), mid, r, color, false));
-  commands.push(shapes.drawCircle(mid + Math.floor(r/2), mid, r, '#e91e63', false));
-  
-  // Nested squares (top left)
-  const margin = Math.floor(canvasSize * 0.1);
-  const size = Math.floor(canvasSize * 0.25);
-  commands.push(shapes.drawSquare(margin, margin, size, '#4caf50', false));
-  commands.push(shapes.drawSquare(margin + 2, margin + 2, size - 4, '#8bc34a', false));
-  
-  return commands;
-}
-
-/**
- * Get catalog of advanced lessons
- */
-function getAdvancedLessonCatalog() {
-  return [
-    { id: 'adv_ratios', name: 'Shape Ratios', description: 'Width-to-height ratios of shapes', fn: lessonShapeRatios },
-    { id: 'adv_symmetry', name: 'Symmetry & Axes', description: 'Symmetry and central axes', fn: lessonSymmetryAndAxis },
-    { id: 'adv_angles', name: 'Angles', description: 'Acute, right, and obtuse angles', fn: lessonAngles },
-    { id: 'adv_distances', name: 'Distances', description: 'Distances between points', fn: lessonDistances },
-    { id: 'adv_relationships', name: 'Shape Relationships', description: 'Overlap and nesting of shapes', fn: lessonShapeRelationships },
-  ];
-}
-
-module.exports = {
-  lessonShapeRatios,
-  lessonSymmetryAndAxis,
-  lessonAngles,
-  lessonDistances,
-  lessonShapeRelationships,
-  getAdvancedLessonCatalog
-};

package/domains/art-tree/cross_section_lessons.js

@@ -1,65 +0,0 @@
-const csShapes = require('./cross_section_shapes');
-
-/**
- * Lesson: Bottle Sections (Base, Body, Shoulder, Neck, Mouth)
- */
-function lessonBottleSections(canvasSize = 32, color = '#2196f3') {
-  const cx = Math.floor(canvasSize / 2);
-  const totalH = Math.floor(canvasSize * 0.8);
-  const topY = Math.floor(canvasSize * 0.1);
-  const bottomY = topY + totalH;
-
-  const sections = [
-    { y: topY, r: Math.floor(canvasSize * 0.08) },                        // Mouth (slightly open)
-    { y: topY + Math.floor(totalH * 0.1), r: Math.floor(canvasSize * 0.06) }, // Neck (narrow)
-    { y: topY + Math.floor(totalH * 0.3), r: Math.floor(canvasSize * 0.2) },  // Shoulder (shrinking to body)
-    { y: topY + Math.floor(totalH * 0.6), r: Math.floor(canvasSize * 0.25) }, // Body (wide)
-    { y: bottomY, r: Math.floor(canvasSize * 0.25) }                      // Base (wide)
-  ];
-
-  return csShapes.drawLoftedForm(cx, topY, bottomY, sections, color, true);
-}
-
-/**
- * Lesson: Glass Sections (Base, Mid, Mouth)
- */
-function lessonGlassSections(canvasSize = 32, color = '#9c27b0') {
-  const cx = Math.floor(canvasSize / 2);
-  const totalH = Math.floor(canvasSize * 0.6);
-  const topY = Math.floor(canvasSize * 0.2);
-  const bottomY = topY + totalH;
-
-  const sections = [
-    { y: topY, r: Math.floor(canvasSize * 0.3) },                         // Mouth (wide)
-    { y: topY + Math.floor(totalH * 0.5), r: Math.floor(canvasSize * 0.2) },  // Mid body (widening)
-    { y: bottomY, r: Math.floor(canvasSize * 0.15) }                      // Base (small)
-  ];
-
-  return csShapes.drawLoftedForm(cx, topY, bottomY, sections, color, true);
-}
-
-/**
- * Lesson: Head Sections (Cranium, Face, Jaw)
- */
-function lessonHeadSections(canvasSize = 32, color = '#ff9800') {
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const height = Math.floor(canvasSize * 0.8);
-
-  return csShapes.drawHeadStructure(cx, cy, height, color);
-}
-
-function getCrossSectionLessonCatalog() {
-  return [
-    { id: 'cs_bottle', name: 'Bottle Cross-sections', description: 'Base, body, shoulder, neck, mouth', fn: lessonBottleSections },
-    { id: 'cs_glass', name: 'Glass Cross-sections', description: 'Base, body, mouth', fn: lessonGlassSections },
-    { id: 'cs_head', name: 'Head Cross-sections', description: 'Cranium, face, jaw', fn: lessonHeadSections },
-  ];
-}
-
-module.exports = {
-  lessonBottleSections,
-  lessonGlassSections,
-  lessonHeadSections,
-  getCrossSectionLessonCatalog
-};

package/domains/art-tree/curve_lessons.js

@@ -1,138 +0,0 @@
-const shapes = require('./shapes');
-const curveShapes = require('./curve_shapes');
-
-/**
- * Lesson 1: Curve Types (C, S, Convex, Concave)
- */
-function lessonCurveTypes(canvasSize = 32, color = '#2196f3') {
-  const margin = Math.floor(canvasSize * 0.1);
-  const commands = [];
-  
-  const w = Math.floor(canvasSize / 2) - margin * 2;
-  const h = Math.floor(canvasSize / 2) - margin * 2;
-
-  // C Curve (Top Left)
-  const cP0 = { x: margin + w, y: margin };
-  const cP1 = { x: margin - w, y: margin + Math.floor(h/2) }; // Pulls curve left
-  const cP2 = { x: margin + w, y: margin + h };
-  commands.push(...curveShapes.drawQuadraticCurve(cP0, cP1, cP2, color));
-
-  // S Curve (Top Right)
-  const sP0 = { x: canvasSize - margin, y: margin };
-  const sP1 = { x: canvasSize - margin - w*2, y: margin };
-  const sP2 = { x: canvasSize - margin + w, y: margin + h };
-  const sP3 = { x: canvasSize - margin - w, y: margin + h };
-  commands.push(...curveShapes.drawCubicCurve(sP0, sP1, sP2, sP3, '#e91e63'));
-
-  // Convex (Bottom Left, viewed from bottom)
-  const cvxP0 = { x: margin, y: canvasSize - margin };
-  const cvxP1 = { x: margin + Math.floor(w/2), y: canvasSize - margin - h };
-  const cvxP2 = { x: margin + w, y: canvasSize - margin };
-  commands.push(...curveShapes.drawQuadraticCurve(cvxP0, cvxP1, cvxP2, '#4caf50'));
-
-  // Concave (Bottom Right, viewed from bottom)
-  const cnvP0 = { x: canvasSize - margin - w, y: canvasSize - margin - Math.floor(h/2) };
-  const cnvP1 = { x: canvasSize - margin - Math.floor(w/2), y: canvasSize - margin + h };
-  const cnvP2 = { x: canvasSize - margin, y: canvasSize - margin - Math.floor(h/2) };
-  commands.push(...curveShapes.drawQuadraticCurve(cnvP0, cnvP1, cnvP2, '#ff9800'));
-
-  return commands;
-}
-
-/**
- * Lesson 2: Curve Topology (Closed, Open, Symmetrical, Asymmetrical)
- */
-function lessonCurveTopology(canvasSize = 32, color = '#9c27b0') {
-  const mid = Math.floor(canvasSize / 2);
-  const q = Math.floor(canvasSize / 4);
-  const commands = [];
-
-  // Closed Curve (Circle-like using Bezier for demonstration)
-  // Since we already have drawCircle, we just draw a circle to represent a closed curve
-  commands.push(shapes.drawCircle(q, q, Math.floor(q*0.8), color, false));
-  
-  // Open Curve (Quadratic)
-  commands.push(...curveShapes.drawQuadraticCurve(
-    { x: canvasSize - q*1.5, y: q },
-    { x: canvasSize - q*0.5, y: q - q/2 },
-    { x: canvasSize - q*0.5, y: q + q/2 },
-    '#3f51b5'
-  ));
-
-  // Symmetrical Curve (Parabola-like)
-  commands.push(...curveShapes.drawQuadraticCurve(
-    { x: q*0.5, y: canvasSize - q*0.5 },
-    { x: q, y: canvasSize - q*1.5 },
-    { x: q*1.5, y: canvasSize - q*0.5 },
-    '#00bcd4'
-  ));
-
-  // Asymmetrical Curve
-  commands.push(...curveShapes.drawQuadraticCurve(
-    { x: canvasSize - q*1.5, y: canvasSize - q*0.5 },
-    { x: canvasSize - q*0.2, y: canvasSize - q*1.8 }, // Pull point is skewed
-    { x: canvasSize - q*0.5, y: canvasSize - q*0.5 },
-    '#ff5722'
-  ));
-
-  return commands;
-}
-
-/**
- * Lesson 3: Curve Properties (Start, Direction, Curvature, Inflection, Transition)
- */
-function lessonCurveProperties(canvasSize = 32, color = '#607d8b') {
-  const margin = Math.floor(canvasSize * 0.1);
-  const commands = [];
-
-  // 1. Start point and Direction (Top Left Curve)
-  const p0 = { x: margin, y: margin * 2 };
-  const p1 = { x: margin + canvasSize*0.3, y: margin };
-  const p2 = { x: margin + canvasSize*0.3, y: margin + canvasSize*0.3 };
-  commands.push(...curveShapes.drawQuadraticCurve(p0, p1, p2, color));
-  commands.push(curveShapes.drawStartMarker(p0.x, p0.y, '#00ff00')); // Green dot at start
-  commands.push(...curveShapes.drawDirectionArrow(p0, p1, p2, null, '#ff0000')); // Red arrow
-
-  // 2. Curvature comparison (Bottom Left)
-  // Strong vs Weak curve with same endpoints
-  const bp0 = { x: margin, y: canvasSize - margin };
-  const bp2 = { x: margin + canvasSize*0.4, y: canvasSize - margin };
-  // Weak curve
-  commands.push(...curveShapes.drawQuadraticCurve(bp0, { x: margin + canvasSize*0.2, y: canvasSize - margin - canvasSize*0.1 }, bp2, '#8bc34a'));
-  // Strong curve
-  commands.push(...curveShapes.drawQuadraticCurve(bp0, { x: margin + canvasSize*0.2, y: canvasSize - margin - canvasSize*0.4 }, bp2, '#388e3c'));
-
-  // 3. Inflection point (Top Right S Curve)
-  const sP0 = { x: canvasSize - margin - canvasSize*0.3, y: margin };
-  const sP1 = { x: canvasSize - margin, y: margin };
-  const sP2 = { x: canvasSize - margin - canvasSize*0.4, y: margin + canvasSize*0.3 };
-  const sP3 = { x: canvasSize - margin, y: margin + canvasSize*0.3 };
-  commands.push(...curveShapes.drawCubicCurve(sP0, sP1, sP2, sP3, '#03a9f4'));
-  // Inflection point roughly at t=0.5
-  const inflection = curveShapes.cubicBezier(sP0, sP1, sP2, sP3, 0.5);
-  commands.push(curveShapes.drawInflectionMarker(inflection.x, inflection.y, '#ff9800'));
-
-  // 4. Transition (Bottom Right - line transitioning to curve)
-  const startLine = { x: canvasSize - margin - canvasSize*0.3, y: canvasSize - margin - canvasSize*0.2 };
-  const transPt = { x: canvasSize - margin - canvasSize*0.1, y: canvasSize - margin - canvasSize*0.2 };
-  commands.push(shapes.drawLine(startLine.x, startLine.y, transPt.x, transPt.y, '#9e9e9e'));
-  // Curve starting tangentially
-  commands.push(...curveShapes.drawQuadraticCurve(transPt, { x: canvasSize - margin, y: canvasSize - margin - canvasSize*0.2 }, { x: canvasSize - margin, y: canvasSize - margin }, '#795548'));
-
-  return commands;
-}
-
-function getCurveLessonCatalog() {
-  return [
-    { id: 'curve_types', name: 'Curve Types', description: 'C, S, Convex, and Concave curves', fn: lessonCurveTypes },
-    { id: 'curve_topology', name: 'Curve Topology', description: 'Closed, Open, Symmetrical, Asymmetrical curves', fn: lessonCurveTopology },
-    { id: 'curve_properties', name: 'Curve Properties', description: 'Start point, Direction, Curvature, Inflection, and Transitions', fn: lessonCurveProperties },
-  ];
-}
-
-module.exports = {
-  lessonCurveTypes,
-  lessonCurveTopology,
-  lessonCurveProperties,
-  getCurveLessonCatalog
-};

package/domains/art-tree/ellipse_lessons.js

@@ -1,105 +0,0 @@
-const shapes = require('./shapes');
-const ellipseShapes = require('./ellipse_shapes');
-
-/**
- * Lesson: Ellipse Orientations (Horizontal, Vertical, Tilted)
- */
-function lessonEllipseOrientations(canvasSize = 32, color = '#2196f3') {
-  const commands = [];
-  const midY = Math.floor(canvasSize / 2);
-  const qX = Math.floor(canvasSize / 4);
-  const rLong = Math.floor(canvasSize * 0.2);
-  const rShort = Math.floor(canvasSize * 0.1);
-
-  // Horizontal (Left)
-  commands.push(shapes.drawEllipse(qX, midY, rLong, rShort, color, false));
-  
-  // Vertical (Middle)
-  commands.push(shapes.drawEllipse(qX * 2, midY, rShort, rLong, '#e91e63', false));
-  
-  // Tilted (Right) - 45 degrees
-  commands.push(...ellipseShapes.drawRotatedEllipse(qX * 3, midY, rLong, rShort, Math.PI / 4, '#4caf50'));
-
-  return commands;
-}
-
-/**
- * Lesson: Ellipse Proportions (Wide vs Narrow)
- */
-function lessonEllipseProportions(canvasSize = 32, color = '#ff9800') {
-  const commands = [];
-  const midY = Math.floor(canvasSize / 2);
-  const qX = Math.floor(canvasSize / 4);
-  const rx = Math.floor(canvasSize * 0.2);
-
-  // Wide Ellipse (Closer to a circle)
-  commands.push(shapes.drawEllipse(qX, midY, rx, Math.floor(rx * 0.8), color, false));
-  
-  // Medium Ellipse
-  commands.push(shapes.drawEllipse(qX * 2, midY, rx, Math.floor(rx * 0.4), '#9c27b0', false));
-  
-  // Narrow Ellipse (Almost a line)
-  commands.push(shapes.drawEllipse(qX * 3, midY, rx, Math.floor(rx * 0.1), '#f44336', false));
-
-  return commands;
-}
-
-/**
- * Lesson: Ellipse Anatomy (Symmetry, Major/Minor axes, Center)
- */
-function lessonEllipseAnatomy(canvasSize = 32, color = '#00bcd4') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const rx = Math.floor(canvasSize * 0.35);
-  const ry = Math.floor(canvasSize * 0.2);
-  const angle = Math.PI / 6; // 30 degrees tilt to show axes clearly
-
-  // Draw ellipse
-  commands.push(...ellipseShapes.drawRotatedEllipse(cx, cy, rx, ry, angle, color));
-  
-  // Draw anatomy (axes and center)
-  commands.push(...ellipseShapes.drawEllipseAxes(cx, cy, rx, ry, angle));
-
-  return commands;
-}
-
-/**
- * Lesson: Coaxial Ellipses (Multiple ellipses on the same axis)
- */
-function lessonCoaxialEllipses(canvasSize = 32, color = '#795548') {
-  const commands = [];
-  const cx = Math.floor(canvasSize / 2);
-  const rx = Math.floor(canvasSize * 0.3);
-  
-  // Central axis line
-  commands.push(shapes.drawLine(cx, Math.floor(canvasSize * 0.1), cx, canvasSize - Math.floor(canvasSize * 0.1), '#bdbdbd'));
-  
-  // Top ellipse (narrower, viewed from steeper angle)
-  commands.push(shapes.drawEllipse(cx, Math.floor(canvasSize * 0.2), rx, Math.floor(rx * 0.2), color, false));
-  
-  // Middle ellipse
-  commands.push(shapes.drawEllipse(cx, Math.floor(canvasSize * 0.5), rx, Math.floor(rx * 0.3), color, false));
-  
-  // Bottom ellipse (wider, viewed from less steep angle)
-  commands.push(shapes.drawEllipse(cx, canvasSize - Math.floor(canvasSize * 0.2), rx, Math.floor(rx * 0.4), color, false));
-
-  return commands;
-}
-
-function getEllipseLessonCatalog() {
-  return [
-    { id: 'ellipse_orientations', name: 'Ellipse Orientations', description: 'Horizontal, Vertical, and Tilted ellipses', fn: lessonEllipseOrientations },
-    { id: 'ellipse_proportions', name: 'Ellipse Proportions', description: 'Wide vs Narrow ellipses', fn: lessonEllipseProportions },
-    { id: 'ellipse_anatomy', name: 'Ellipse Anatomy', description: 'Symmetry, Major/Minor axes, and Center', fn: lessonEllipseAnatomy },
-    { id: 'ellipse_coaxial', name: 'Coaxial Ellipses', description: 'Multiple ellipses sharing the same axis', fn: lessonCoaxialEllipses },
-  ];
-}
-
-module.exports = {
-  lessonEllipseOrientations,
-  lessonEllipseProportions,
-  lessonEllipseAnatomy,
-  lessonCoaxialEllipses,
-  getEllipseLessonCatalog
-};

package/domains/art-tree/hidden_lessons.js

@@ -1,55 +0,0 @@
-const hiddenShapes = require('./hidden_shapes');
-
-/**
- * Lesson: Hidden Box (6-sided box)
- * You see 3 faces, but you must understand all 6.
- */
-function lessonHiddenBox(canvasSize = 32, visibleColor = '#2196f3', hiddenColor = '#e0e0e0') {
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const w = Math.floor(canvasSize * 0.4);
-  const h = Math.floor(canvasSize * 0.4);
-  const d = Math.floor(canvasSize * 0.4);
-
-  return hiddenShapes.drawXRayBox(cx, cy, w, h, d, visibleColor, hiddenColor);
-}
-
-/**
- * Lesson: Hidden Head (Human head and skull)
- * You don't see the whole skull, but must understand the structure behind it.
- */
-function lessonHiddenHead(canvasSize = 32, visibleColor = '#ff5722', hiddenColor = '#e0e0e0') {
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize * 0.4);
-  const r = Math.floor(canvasSize * 0.25);
-
-  return hiddenShapes.drawXRayHead(cx, cy, r, visibleColor, hiddenColor);
-}
-
-/**
- * Lesson: Hidden Cup (Cup and inner bottom)
- * You don't see the full inside bottom, but must understand how the wall goes down.
- */
-function lessonHiddenCup(canvasSize = 32, visibleColor = '#4caf50', hiddenColor = '#e0e0e0') {
-  const cx = Math.floor(canvasSize / 2);
-  const cy = Math.floor(canvasSize / 2);
-  const r = Math.floor(canvasSize * 0.25);
-  const h = Math.floor(canvasSize * 0.5);
-
-  return hiddenShapes.drawXRayCup(cx, cy, r, h, visibleColor, hiddenColor);
-}
-
-function getHiddenLessonCatalog() {
-  return [
-    { id: 'hidden_box', name: 'Hidden Box', description: 'See all 6 faces of a box, not just 3', fn: lessonHiddenBox },
-    { id: 'hidden_head', name: 'Hidden Head', description: 'Understand the cranium sphere behind the face', fn: lessonHiddenHead },
-    { id: 'hidden_cup', name: 'Hidden Cup', description: 'Understand the inner depth and bottom of a cup', fn: lessonHiddenCup },
-  ];
-}
-
-module.exports = {
-  lessonHiddenBox,
-  lessonHiddenHead,
-  lessonHiddenCup,
-  getHiddenLessonCatalog
-};