Method constructor

script.js:761–812

()

class Player {

  constructor() {
    this.playing = false;
    this.scrubbing = false;
    this.layers = [];
    this.selected_layer = null;
    this.onend_callback = null;
    this.update = null;
    this.width = 1280;
    this.height = 720;
    this.total_time = 0;
    this.last_step = null;
    this.time = 0;
    this.last_paused = Number.MAX_SAFE_INTEGER;
    // for preview
    this.aux_time = 0;
    this.canvas = document.createElement('canvas');
    this.ctx = this.canvas.getContext('2d');
    this.audio_ctx = new AudioContext();
    this.canvas_holder = document.getElementById('canvas');
    this.canvas_holder.appendChild(this.canvas);
    this.time_scale = 1.0;
    this.time_holder = document.getElementById('time');
    this.time_canvas = document.createElement('canvas');
    this.time_canvas.addEventListener('pointerdown', this.scrubStart.bind(this));
    this.time_canvas.addEventListener('pointermove', this.scrubMove.bind(this), {passive:false});
    this.time_canvas.addEventListener('pointerleave', this.scrubEnd.bind(this));
    this.time_ctx = this.time_canvas.getContext('2d');
    this.time_holder.appendChild(this.time_canvas);
    this.cursor_preview = document.getElementById('cursor_preview');
    this.cursor_canvas = this.cursor_preview.querySelector('canvas');
    this.cursor_ctx = this.cursor_canvas.getContext('2d');
    this.cursor_text = this.cursor_preview.querySelector('div');
    window.requestAnimationFrame(this.loop.bind(this));

    this.setupPinchHadler(this.canvas_holder,
      (function(scale, rotation) {
        this.update = {
          scale: scale,
          rotation: rotation
        };
      }).bind(this));
    this.setupPinchHadler(this.time_holder,
      (function(scale, rotation) {
       let new_x = (this.time_holder.clientWidth * scale - this.time_holder.clientWidth);
       let old_x = this.time_holder.scrollLeft;
       this.time_scale = Math.max(1, this.time_scale * scale);
       this.resize_time();
       this.time_holder.scroll(Math.round(old_x + new_x), 0);
      }).bind(this));
    this.setupDragHandler();
    this.resize();
  }

  dumpToJson() {
    let out = [];