Loads slides immediately with live inking & annotations
Stage ratios & screen alignment
In 4:3, shift the slide to the left or right to make room for webcam, avatar, or live notes. 9:16 vertical slides stay centered.
SVG or PNG · transparent bg · max 1 MB
Ideal size: 200 × 80 px viewport
HTML deck or image · automatically placed as Slide 1
Everything a slide can do, in plain words
Pass this comprehensive guide to ChatGPT, Claude, or Gemini to generate fully interactive, dark/light canvas lecture slides and physics simulations that work seamlessly in SlideCast.
Slider = the venue: screen fitting, arrow keys, pen, laser, whiteboard. Slide deck = your content. Write the markers below and the slider handles the behavior for you.
<section class="slide">Each section is one screen. → / ← move between pages. Add data-title to name it in the dock.
class="step"Hidden at first. Each → reveals the next one; ← hides it again. Only after all steps, → turns the page.
data-step="2"Steps with the same number appear together on one press — great for a diagram plus its caption.
data-step-action="fn()"Automatically run your JavaScript (an animation, a sound, a counter) the moment the step appears. Use data-step-reverse for undo.
class="subslide"A hidden inner page. A card/button calls openSubslide('id'); the Back button closes it. It gets its own pen notes and its own steps.
data-autoplayA video or audio starts playing when it appears and is paused + muted automatically when you move away.
anim-fade-upElements glide, pop, or fade in when the slide opens. Add delay-100…700 to stagger them.
onclick="fn()"Write your own <script> function; the slider makes it work from buttons instantly.
src="images/x.png"Put files in the deck's images/ folder; the slider finds them automatically.
(function(){...})()Wrap in an IIFE to isolate scope. Use Click-to-Play for sound, and auto-pause with MutationObserver on slide change.
<aside class="notes">Invisible on stage — sent to the synced second window, so only you see your teaching tips.
Open MD/AI_SLIDE_AND_SIMULATION_GUIDE.md →
Section 0 is this same menu with full examples, and
Section 11 is a copy-paste master prompt for ChatGPT / Claude / Gemini.
Put your images in the deck's images/ folder, then paste the generated slide into the deck.
Jump to any slide (G)
Drag and drop any HTML slide deck here, or click below to load slides with live PowerPoint-style inking and dynamic aspect ratio scaling.
Select your chapter folder (containing HTML, images, and simulations) or drag & drop it here
UNDERSTAND FORCE.
CALCULATE WORK.
EXPLORE ENERGY IN MOTION.
CONCEPTS
APPLICATIONS
REAL LIFE
A push or pull on an object is called a force.
Force can change the speed, direction, or shape of an object.
Forces that act through direct physical contact
between objects.
Different contact forces act in our daily life, making motion possible.
Acts when an object is stretched or compressed. Always tries to restore the original length.
Acts between two surfaces in contact. Opposes the relative motion (or tendency of motion).
Acts perpendicular to the surface when two objects are in contact. Supports the object.
Acts through a stretched string, rope or cable. Always pulls along the length of the string.
Forces that act without physical contact,
yet can change the motion of objects.
Different forces.
A more connected
universe.
Acts between all masses.
Always attractive.
Acts between electric charges.
Can be attractive or repulsive.
Acts on moving charges and
magnetic materials.
Attractive or repulsive.
Acts within the nucleus.
Keeps protons and neutrons
together.
Earth's gravity exerts an uninterrupted pull toward its center without any physical contact (Fg = m·g). No matter whether an object is rising, stationary, or falling, the gravitational force always points downward ↓.
When tossed upward, downward gravity opposes the velocity (a = −9.8 m/s²). The ball decelerates until its velocity reaches zero at the apex (v = 0), then accelerates back down to Earth.
Opposite charges (+ and −) exert inward forces pulling toward each other. Unlike gravity, electrostatic force can be attractive or repulsive.
Charges with equal signs (+ / + or − / −) exert equal and opposite repulsive forces pushing away from each other.
Work is done when an applied force causes a displacement or a change in the shape of an object.
Work is the product
of force and
displacement.