Processing  •  07/30/2026
Movie Credits Simulator — Content Customizer

Customize Your Credits

Edit student names, CS concepts, intro phrases, and movie title — no coding required.

Edit Movie Credits Content

Changes are saved to your browser’s localStorage and loaded automatically by the simulator the next time it runs. Nothing is sent to a server.

Intro Sequence
Student Names
Count: 5

One name per line — use ALL CAPS for the cinematic look. Empty lines are removed on save.

Technical Concepts
Count: 15

JS / p5.js concepts students learned. One per line — phrases like STATE MANAGEMENT are fine.

Test in Simulator

How to Use This Page

  1. Edit the fields above — intro phrases, title, student names, and concepts.
  2. Click Save to Browser to store your changes.
  3. Click Test in Simulator to launch the animation with your custom content.
  4. Return here any time — your saved content reloads automatically.
  5. Click Reset to Defaults to restore the original factory content.
Tips for Best Results
  • Use ALL CAPS for names and concepts — they read better at large animation sizes.
  • Keep names short (1–3 words) for maximum visual impact as they zoom past.
  • Intro phrases and the movie title accept any capitalisation — they appear exactly as typed.
  • For a two-line movie title, press Enter between the two lines.
  • Your changes persist across browser sessions as long as localStorage is not cleared.
  • The simulator reads content on page load — after saving here, reload the simulator to see changes.