Tutorial Videos

Watch walkthroughs for both editors and get up to speed in minutes.

ECodePen

Full-featured CodeMirror IDE walkthrough

ECodePen is a product of OpenSource — a game-making company specialising in pure HTML, CSS, and JavaScript experiences. This video walks you through every feature of the editor from scratch.

ECodePad

Minimal scratchpad walkthrough

ECodePad is a product of Game Splash — a platform for indie game hosting and discovery. This video covers the live-preview scratchpad and how to get the most out of its minimal interface.

Pro tip

Place your video files at /public/assets/ and update the src paths above.