CODING · Dev & Data
Build Interactive Math & Physics Sliders (HTML5 Canvas / GeoGebra) for Classroom Whiteboards
Stop drawing static chalk diagrams for moving-point geometry, optics or projectile motion. Have AI generate a single-file offline HTML5 interactive simulation with sliders for your classroom smartboard.
CORE TOOLS
Claude Artifacts / DeepSeek, GeoGebra / Browser
BEST FOR
Math, physics, chemistry & geography teachers
REQUIREMENTS
Any modern web browser (offline-ready); Claude or DeepSeek
✦ WHY THIS WORKFLOW
Dragging a slider on the smartboard builds instant intuition that static textbook diagrams never can. A self-contained HTML file runs off a USB drive on any classroom computer.
✦
Interactive Workflow Animation Preview
Step-by-Step Action Checklist
0 / 4 Completed
READY-TO-USE PROMPT TEMPLATE
You are an interactive STEM simulation developer (inspired by PhET Interactive Simulations and Desmos).
Build a **single-file, 100% offline HTML5 Interactive Classroom Applet** to teach:
[Topic: e.g., Thin Lens Ray Tracing / Projectile Motion with Air Drag / Fourier Epicycles].
Requirements:
1) **Zero External Dependencies**: Pure HTML5 Canvas/SVG + vanilla JS in one `.html` file so it runs offline on any classroom smartboard;
2) **Back-Row Visibility & Touch UI**: High-contrast dark/light canvas on the left (75%), oversized touch-friendly parameter sliders and preset buttons ("Slow-Mo", "Show Trace", "Reset") on the right (25%);
3) **Live Formula & Concept Readout**: Dynamically update the equation and highlight critical threshold states (e.g., Total Internal Reflection or Vertex point).