Method drawObject

src/message-queue.js:26–57

()

  }

  drawObject() {
    // Bars can be seen in the view
    const bars = Math.floor(this._viewHeight / (this._barHeight + this._space));
    const drawQueueSize = Math.min(this._queue.length, bars);

    for (let i = 0; i < drawQueueSize; i++) {
      let q = this._queue[i];

      let currY = (this._barHeight + this._space) * i + this._space;

      // Move up
      if (currY < q.y) {
        q.y -= this._speed;
      } else {
        q.y = currY;
      }

      this._shape.fillRect(q.x, q.y, this._viewWidth - 2 * (this._arcWidth + q.space), this._barHeight, q.color);

      this._ctx.beginPath();
      this._ctx.moveTo(q.x, q.y);
      this._ctx.quadraticCurveTo(q.x - this._arcWidth, q.y + this._barHeight / 2, q.x, q.y + this._barHeight);
      this._ctx.fill();
      this._ctx.closePath();
      this._ctx.beginPath();
      this._ctx.moveTo(this._viewWidth - this._arcWidth - q.space, q.y);
      this._ctx.quadraticCurveTo(this._viewWidth - q.space, q.y + this._barHeight / 2,
        this._viewWidth - this._arcWidth - q.space, q.y + this._barHeight);
      this._ctx.fill();
      this._ctx.closePath();
    }
  }

  push(param = {}) {
    const barColor = param.color || COLOR.blue;