Junior Physics Animation
Use this skill when the goal is teaching a concept through motion or interaction.
Choose The Medium
- SVG/HTML/CSS/JS: best for lightweight classroom web demos, force diagrams, ray diagrams, circuit toggles, graphs, and drag interactions.
- D3: best for data, graphs, coordinate systems, and variable relationships.
- Manim: best for formula derivation, geometry, vector decomposition, and exported short videos.
- PPT animation: best when the teacher needs simple step-by-step reveal without running a browser.
Design Rules
- Establish the target grade, textbook/standard, lesson objective, and the misconception or phenomenon the visual should resolve. If the curriculum basis is not supplied, identify the assumption instead of inventing alignment.
- Use animation only when change over time, causality, or interaction adds teaching value; prefer a static annotated diagram for a state that does not need motion.
- Keep variables visible: value, unit, direction, and sign convention.
- Use color consistently, but never make color the only carrier of force/vector, path/ray, measured quantity, or result.
- Provide pause/replay/step controls for classroom pacing, plus a reduced-motion or static fallback.
- Use physically meaningful scales or clearly label schematic/not-to-scale scenes.
Deliverable Boundary
- For a design request, return the teaching objective and misconception, medium decision, storyboard or interaction states, variables/units/scales, accessibility controls, physics assumptions, and verification plan.
- For an implementation request, create or modify the requested artifact with the native presentation, browser, image, or video capability and run the relevant checks below. Do not stop at a storyboard when the user asked for a working artifact.
- Keep narration, captions, teacher prompts, or a static fallback sufficient to preserve the teaching point when motion is unavailable.
Physics Coverage
- Mechanics: motion graphs, force balance, pressure, buoyancy, simple machines.
- Optics: reflection, refraction, lens imaging, ray tracing.
- Electricity: circuit state, current/voltage relationship, series/parallel comparison.
- Heat and sound: particle model, heat transfer, wave propagation.
Verification
- Check physics correctness before visual polish.
- Verify claims, symbols, sign conventions, and expected observations against the named textbook/standard or another identified authoritative teaching source.
- Run in desktop and classroom projector aspect ratios.
- For web/SVG output, verify the real entrypoint loads, the animation is nonblank, keyboard controls are reachable, focus is visible, motion can be paused, and Chinese labels fit.
- Provide a short textual explanation or caption that preserves the teaching point when motion is unavailable.