Implement Dynamic Dilation

Dilation is a geometric transformation that scales a shape from a fixed center point using a scale factor. This Skill creates real-time animations showing how polygons enlarge or shrink, with interactive controls to adjust the scale factor and see the resulting changes in size and position instantly.

Yes. This Skill uses p5.js to render an interactive coordinate plane where students adjust scale factors via slider or keyboard, observe original and dilated polygons with labeled vertices, and visualize dilation rays from the center point to understand the transformation process.

This Skill accepts any scale factor value, including fractions. Students can input or slide to 0.5, 1, 2, 3, or other values to see how fractional scales shrink shapes while maintaining proportions and the geometric relationship to the center point.

This Skill renders both the original and dilated polygons simultaneously on a coordinate plane with optional grid and axes, labeled vertices, and dilation rays connecting corresponding points through the center, enabling direct visual comparison of size and position changes.

No. The Skill provides a ready-made interactive animation with built-in slider and keyboard controls. Teachers and students can adjust scale factors and explore dilations without writing code, making it accessible for classroom demonstrations and independent exploration.