// Newly authored MotionGit collaboration fixture 1. MIT.
const surface = document.querySelector('#scene');
const paint = surface.getContext('2d');
window.renderFrame = (frame, inputs) => {
  paint.fillStyle = '#102030';
  paint.fillRect(0, 0, surface.width, surface.height);
  paint.fillStyle = '#79c0ff';
  const progress = Math.max(0, Math.min(1, frame / 30));
  paint.fillRect(80, 100, (surface.width - 160) * progress, 24);
  paint.fillStyle = '#ffffff';
  paint.font = '48px sans-serif';
  paint.fillText(inputs.title, 80, 230);
};