Physics Applets in HTML5

This page contains links to physics applets that I and others have created to work in HTML 5. These applets will work on any browser including those used on iPads, iPhones and Android devices that support HTML 5.

These applets and simulators are inspired by the PhET simulators and several are useful for the Next Generation Physical Science and Everyday Thinking (NGPET) course. Other simulators were developed or adapted for Physics of Sound and Music, Conceptual Physics, Six Ideas that Shaped Physics, and for an Embedded Systems courses.

Mystery Box	Newton's Second Law	Pushing a Block	Drag Force
Centripetal Force	Magnetic Domains	EM Wave Color	Projectile Motion Auditory Display *
Simulations by Keith Warren, NCSU for use with NGPET:
Free Fall: Simulate dropping a ball with different values for g and observe the velocity and displacement graphically.	Magnetic Poles: Move a magnet near other magnets to determine which magnetic pole is marked with the dot.	Combining Magnets: Align multiple magnets and observe changes to the total field based on number and orientation of magnets.	Circuits and Energy Create circuits and view energy use tables.
More simulators:
Reflection from a Mirror	Refraction by a transparent block	Color Mixing Modified from Andrew Duffy's Color mixing.	Standing Wave on a String - Tension Modified from Andrew Duffy's Standing Wave on String.
Thin Lens Simulator - Cartesian System Note: This is a slight modification of: Andrew Duffy's Original Thin Lens Simulator	Thin Lens Simulator - Gaussian System Note: This is a slight modification of: Andrew Duffy's Original Thin Lens Simulator	Minkowski Space-Time Diagram	Special Relativity Lorentz Transforms Related sim: Wolfgang Bauer's Relativity - Twin Paradox sim ( Link to original source )
Tone Generator Auditory Display *	Tone Generator with Harmonics Auditory Display *	Pulse Width Modulation Auditory Display *	Waveform Sampling
ILD and ITD Auditory Display *	Auditory Motion with ILD and ITD Auditory Display *	Auditory Motion with ILD, ITD, and loudness Auditory Display *	Wave Distortions Auditory Display *
Room Reverb Time Calculate the reverberation time.

---

Additional HTML5 apps

Here are a few apps for fun

Violin Note Display See your note on a musical scale.

Wingspan Score Tally Calculate your final Wingspan score.

---

Additional Simulators

Here are several great sites with many additional HTML5 physics simulations for classes.

• Andrew Duffy at Boston University. Nice Wave sims.
• Walter Fendt has updated many of his Java sims to work in HTML5 now.
• PhET Excellent site.
• Frank McCulley's HTML5 sims
• COMPADRE Open Source Physics Many javascript EJSS Examples and programming resources.

Some useful HTML5 programming resources:

1. Creating Interactive Web Simulation using HTML5 and Javascript by Dan Schroeder (good list of resource links here.)
2. Creating Physics Simulations for Smartphones, Tablet Devices, and Computers in HTML5 Wolfgang Bauer, Michigan State University (another good list of resource links here.)
3. Introduction to Programming the HTML5 Canvas by Elaine Blomeyer
4. HTML5 ROCKS Case Study: Auto-Resizing HTML5 Games by Derek Detweiler

Additional link list (from Andrew Duffy's site):

• Dan Schroeder's HTML5 workshop materials
• Wolfgang Bauer's HTML5 tutorial
• Astronomy Simulations from Foothill College (Geoff Mathews)
• HTML5 simulations from The Physics Classroom
• Thin-film interference (from Logan Scheiner)