function C64Screen(props) {
  Screen.call(this, props);

  this._cols = props.cols || 40;
  this._rows = props.rows || 25;
  this._width = this._cols * this._scaleX * CELLWIDTH;
  this._height = this._rows * this._scaleY * CELLHEIGHT;

  this._mouseRow = -1;
  this._mouseCol = -1;

  this._backgroundColor = props.backgroundColor || Color.BLUE;
  this._borderColor = props.borderColor || Color.LIGHTBLUE;
  this._setBorderSize(props.borderSize || 20);
}
/** The Screen is the overriding container for all C64Style components.
* The Screen orchestrates updating and rendering its layers, propagates
* mouse events down to the layers, and notifies event listeners when events occur.
* @class
* @param {Object} props Properties
* @param {HTMLElement} props.targetDiv The target HTMLElement into which the screen and its layers will be built.
* @param {LayerFactory} [props.layerFactory=LayerFactory] The layer factory to use to create layers.  Defaults to LayerFactory.
* @param {int} [props.scaleX=1] The horizontal scale of the screen.
* @param {int} [props.scaleY=1] The vertical scale of the screen.
* @param {HTMLElement} [props.fpsElem] Optional. An HTMLElement to write Frames-per-second information to.
* @param {boolean} [props.imageSmoothingEnabled=false] Whether to use image smoothing on child canvases.
* @param {boolean} [props.useMouseMoveEvents=true] Whether to listen for mouseevents on this screen.
* @param {number} [props.borderSize=20] The size of the border.
* @param {function} [props.requestAnimationFrame=window.requestAnimationFrame] A function that regulates render rate.  Uses window.requestAnimationFrame by default.
* @param {int} [props.cols=40] The number of columns for the screen.  Width will be sized accordingly: cols * {@link CELLWIDTH}.  Default: 40
* @param {int} [props.rows=25] The number of rows for the screen.  Width will be sized accordingly: cols * {@link CELLHEIGHT}.  Default: 25
* @param {string} [props.backgroundColor=Color.BLUE] The color to set the screen background to. Default: Color.BLUE
* @param {string} [props.borderColor=Color.LIGHTBLUE] The color to set the screen border to. Default: Color.LIGHTBLUE
*/
The Screen is the overriding container for all C64Style components.
The Screen orchestrates updating and rendering its layers, propagates
mouse events down to the layers, and notifies event listeners when events occur.
The Screen is the overriding container for all C64Style components . The Screen orchestrates updating and rendering its layers propagates mouse events down to the layers and notifies event listeners when events occur .
function C64Screen(props) {
  Screen.call(this, props);
  this._cols = props.cols || 40;
  this._rows = props.rows || 25;
  this._width = this._cols * this._scaleX * CELLWIDTH;
  this._height = this._rows * this._scaleY * CELLHEIGHT;
  this._mouseRow = -1;
  this._mouseCol = -1;
  this._backgroundColor = props.backgroundColor || Color.BLUE;
  this._borderColor = props.borderColor || Color.LIGHTBLUE;
  this._setBorderSize(props.borderSize || 20);
}
function C64Screen ( props ) { Screen . call ( this , props ) ; this . _cols = props . cols || 40 ; this . _rows = props . rows || 25 ; this . _width = this . _cols * this . _scaleX * CELLWIDTH ; this . _height = this . _rows * this . _scaleY * CELLHEIGHT ; this . _mouseRow = - 1 ; this . _mouseCol = - 1 ; this . _backgroundColor = props . backgroundColor || Color . BLUE ; this . _borderColor = props . borderColor || Color . LIGHTBLUE ; this . _setBorderSize ( props . borderSize || 20 ) ; }
The Screen is the overriding container for all C64Style components.
The Screen is the overriding container for all C64Style components .