CineCode.video
EN
Make your first film

Downloadable project

Start from Signal / 01

An editable product launch video with timed shots, an animated dashboard, and step-by-step export instructions.

Signal’s dashboard showing throughput, latency, regions and a request volume chart

Download project ZIP

Editable HTML, render instructions and an attribution file. Requires Node.js, Chrome, and ffmpeg.

Download ZIPAdapt this brief

Inside the project

Editable scene

Change the product name, colors, telemetry values, and timeline in launch.js.

Export instructions

Render the scene with the same pinned CineCode capture script used for the sample.

Production notes

See the shot timings, the editing points, and the asset and code credits.

Edit and export

  1. Unzip the project. Open launch.html in Chrome to preview the film.
  2. Edit the brand object and the shot timings in launch.js. Save and reload the preview.
  3. Run the command from the extracted folder. The MP4 and a cover image are saved in exports.
node render.mjs launch ./exports