@luceosports/play-rendering 1.12.5 → 1.13.1

package/src/layers/court/layers/{NBA → BASKETBALL/layers}/FreeThrowLayer.js

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
 
 class FreeThrowLayer extends InternalCourtLayer {
   reflection() {
@@ -6,8 +6,8 @@ class FreeThrowLayer extends InternalCourtLayer {
   }
 
   drawLogic() {
-    const freeThrowSemiCircleCenterPoint = { x: 25.0, y: 19.0 };
-    const freeThrowSemiCircleRadius = 6.0;
+    const freeThrowSemiCircleCenterPoint = { x: this.courtCenter.x, y: 19.0 };
+    const freeThrowSemiCircleRadius = this.courtTypeConstants.FREE_THROW_INNER_WIDTH / 2;
 
     this.ctx.beginPath();
     this.ctx.arc(
@@ -20,6 +20,8 @@ class FreeThrowLayer extends InternalCourtLayer {
     );
     this.ctx.stroke();
 
+    if (!this.courtTypeConstants.FREE_THROW_INNER_DASHED_CIRCLE) return;
+
     this.ctx.setLineDash([1, 0.5]);
     this.ctx.beginPath();
     this.ctx.arc(

package/src/layers/court/layers/BASKETBALL/layers/HoopLayer.js

@@ -0,0 +1,26 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+const COURT_HOOP_LINE_OFFSET = 3;
+
+class HoopLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    const courtHoopRadius = 0.75;
+    const courtHoopCenter = { x: this.courtCenter.x, y: 5.25 };
+    const courtHoopLineOrigin = { x: courtHoopCenter.x - COURT_HOOP_LINE_OFFSET, y: 4.0 };
+    const courtHoopLineTerminus = { x: courtHoopCenter.x + COURT_HOOP_LINE_OFFSET, y: 4.0 };
+
+    this.ctx.beginPath();
+    this.ctx.moveTo(courtHoopLineOrigin.x, courtHoopLineOrigin.y);
+    this.ctx.lineTo(courtHoopLineTerminus.x, courtHoopLineTerminus.y);
+    this.ctx.stroke();
+    this.ctx.beginPath();
+    this.ctx.arc(courtHoopCenter.x, courtHoopCenter.y, courtHoopRadius, 0, 2 * Math.PI, true);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = HoopLayer;

package/src/layers/court/layers/BASKETBALL/layers/InnerOuterRectLayer.js

@@ -0,0 +1,24 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+class InnerOuterRectLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    const courtRectHeight = 19;
+    const courtInnerRectWidth = this.courtTypeConstants.FREE_THROW_INNER_WIDTH;
+    const courtOuterRectWidth = this.courtTypeConstants.FREE_THROW_OUTER_WIDTH;
+    const courtInnerRectOrigin = { x: this.courtCenter.x - courtInnerRectWidth / 2, y: 0 };
+    const courtOuterRectOrigin = { x: this.courtCenter.x - courtOuterRectWidth / 2, y: 0 };
+
+    this.ctx.beginPath();
+    this.ctx.rect(courtInnerRectOrigin.x, courtInnerRectOrigin.y, courtInnerRectWidth, courtRectHeight);
+    this.ctx.stroke();
+    this.ctx.beginPath();
+    this.ctx.rect(courtOuterRectOrigin.x, courtOuterRectOrigin.y, courtOuterRectWidth, courtRectHeight);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = InnerOuterRectLayer;

package/src/layers/court/layers/{NBA → BASKETBALL/layers}/RestrictedAreaLayer.js

@@ -1,16 +1,17 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
 
+const RESTRICTED_AREA_MARK_OFFSET = 4;
 class RestrictedAreaLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
 
   drawLogic() {
-    const restrictedAreaCourtHoopCenter = { x: 25.0, y: 5.25 };
     const restrictedAreaCourtRadius = 4.0;
-    const restrictedAreaCourtStartPoint = { x: 29.0, y: 4.0 };
-    const restrictedAreaCourtFirstLineTerminus = { x: 29.0, y: 5.25 };
-    const restrictedAreaCourtEndPoint = { x: 21.0, y: 4.0 };
+    const restrictedAreaCourtHoopCenter = { x: this.courtCenter.x, y: 5.25 };
+    const restrictedAreaCourtStartPoint = { x: this.courtCenter.x + RESTRICTED_AREA_MARK_OFFSET, y: 4.0 };
+    const restrictedAreaCourtFirstLineTerminus = { x: this.courtCenter.x + RESTRICTED_AREA_MARK_OFFSET, y: 5.25 };
+    const restrictedAreaCourtEndPoint = { x: this.courtCenter.x - RESTRICTED_AREA_MARK_OFFSET, y: 4.0 };
 
     this.ctx.beginPath();
     this.ctx.moveTo(restrictedAreaCourtStartPoint.x, restrictedAreaCourtStartPoint.y);

package/src/layers/court/layers/BASKETBALL/layers/ThreePointLineLayer.js

@@ -0,0 +1,42 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+class ThreePointLineLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    const courtRimDistanceToBackboard = 0.5;
+    const courtThreePointOffsetOrigin = this.courtCenter.x - this.courtTypeConstants.HOOP_CORNER_DISTANCE;
+    const courtThreePointOffsetTerminus = this.courtTypeConstants.COURT_RECT_WIDTH - courtThreePointOffsetOrigin;
+    const courtThreePointOrigin = { x: courtThreePointOffsetOrigin, y: 0.0 };
+    const courtThreePointFirstLineTerminus = {
+      x: courtThreePointOffsetOrigin,
+      y: this.courtTypeConstants.THREE_POINT_OFFSET_ORIGIN_Y_APPROX
+    };
+    const courtThreePointSecondLineTerminus = { x: courtThreePointOffsetTerminus, y: 0.0 };
+    const courtThreePointHoopCenter = { x: this.courtCenter.x, y: 4.75 + courtRimDistanceToBackboard };
+
+    const endAngle = Math.asin(
+      (this.courtTypeConstants.THREE_POINT_ASIN_APPROX - 0.75 - courtRimDistanceToBackboard) /
+        this.courtTypeConstants.THREE_POINT_ARC_RADIUS
+    );
+    const startAngle = Math.PI - endAngle;
+
+    this.ctx.beginPath();
+    this.ctx.moveTo(courtThreePointOrigin.x, courtThreePointOrigin.y);
+    this.ctx.lineTo(courtThreePointFirstLineTerminus.x, courtThreePointFirstLineTerminus.y);
+    this.ctx.arc(
+      courtThreePointHoopCenter.x,
+      courtThreePointHoopCenter.y,
+      this.courtTypeConstants.THREE_POINT_ARC_RADIUS,
+      startAngle,
+      endAngle,
+      true
+    );
+    this.ctx.lineTo(courtThreePointSecondLineTerminus.x, courtThreePointSecondLineTerminus.y);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = ThreePointLineLayer;

package/src/layers/court/layers/FOOTBALL/constants.js

@@ -0,0 +1,9 @@
+module.exports = Object.freeze({
+  COURT_LINE_WIDTH: 0.32,
+  COURT_RECT_WIDTH: 160.0,
+  COURT_RECT_HEIGHT: 360.0,
+  PLAYER_TOKEN_RADIUS: 1.5,
+  PLAYER_TOKEN_SCALE: 2,
+  LINE_WIDTH: 0.55,
+  LINE_MASKING: false
+});

package/src/layers/court/layers/FOOTBALL/courtTypes/HIGH_SCHOOL_FOOTBALL/constants.js

@@ -0,0 +1,3 @@
+module.exports = Object.freeze({
+  END_ZONE_HEIGHT: 30
+});

package/src/layers/court/layers/FOOTBALL/layers/BorderRectLayer.js

@@ -0,0 +1,12 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+class BorderRectLayer extends InternalCourtLayer {
+  drawLogic() {
+    this.ctx.beginPath();
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
+    this.ctx.rect(0, 0, this.courtTypeConstants.COURT_RECT_WIDTH, this.courtTypeConstants.COURT_RECT_HEIGHT);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = BorderRectLayer;

package/src/layers/court/layers/FOOTBALL/layers/CenterLineLayer.js

@@ -0,0 +1,16 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+class CenterLineLayer extends InternalCourtLayer {
+  drawLogic() {
+    const courtOrigin = { x: 0.0, y: this.courtCenter.y };
+    const courtTerminus = { x: this.courtTypeConstants.COURT_RECT_WIDTH, y: this.courtCenter.y };
+
+    this.ctx.beginPath();
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
+    this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
+    this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = CenterLineLayer;

package/src/layers/court/layers/FOOTBALL/{EndZoneLayer.js → layers/EndZoneLayer.js}

@@ -1,7 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_LINE_WIDTH }
-} = require('../../../../constants');
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
 
 class EndZoneLayer extends InternalCourtLayer {
   reflection() {
@@ -10,10 +7,10 @@ class EndZoneLayer extends InternalCourtLayer {
 
   drawLogic() {
     const courtOrigin = { x: 0.0, y: 30 };
-    const courtTerminus = { x: COURT_RECT_WIDTH, y: 30 };
+    const courtTerminus = { x: this.courtTypeConstants.COURT_RECT_WIDTH, y: 30 };
 
     this.ctx.beginPath();
-    this.ctx.lineWidth = COURT_LINE_WIDTH * 2;
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
     this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
     this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
     this.ctx.stroke();

package/src/layers/court/layers/FOOTBALL/{FieldNumberLayer.js → layers/FieldNumberLayer.js}

@@ -1,14 +1,11 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, END_ZONE_HEIGHT }
-} = require('../../../../constants');
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
 
 const NUMBER_VERTICAL_OFFSET = -6;
 
 class FieldNumberLayer extends InternalCourtLayer {
   drawLogic() {
     const x = 20;
-    const y = END_ZONE_HEIGHT;
+    const y = this.courtTypeConstants.END_ZONE_HEIGHT;
 
     const thinSpaceChar = String.fromCharCode(8202);
 
@@ -19,14 +16,14 @@ class FieldNumberLayer extends InternalCourtLayer {
       const number = i <= 5 ? i : 10 - i;
       const yardMarkLabel = `${number}${thinSpaceChar}0`;
 
-      this.ctx.translate(0, END_ZONE_HEIGHT);
+      this.ctx.translate(0, this.courtTypeConstants.END_ZONE_HEIGHT);
 
       this.ctx.save();
 
       this.ctx.rotate(Math.PI / 2); // 90
       this.ctx.fillText(yardMarkLabel, NUMBER_VERTICAL_OFFSET, 0);
 
-      this.ctx.translate(0, 20 * 2 - COURT_RECT_WIDTH);
+      this.ctx.translate(0, 20 * 2 - this.courtTypeConstants.COURT_RECT_WIDTH);
       this.ctx.rotate(Math.PI); // 180
       this.ctx.fillText(yardMarkLabel, NUMBER_VERTICAL_OFFSET, 0);
 

package/src/layers/court/layers/FOOTBALL/{HashMarkLayer.js → layers/HashMarkLayer.js}

@@ -1,16 +1,7 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT }
-} = require('../../../../constants');
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
 
 const HASH_MARK_OFFSET_X = 3;
 const HASH_MARK_LENGTH = 3;
-const HASH_MARK_X_POSITIONS = [
-  HASH_MARK_OFFSET_X,
-  53,
-  COURT_RECT_WIDTH - 53 - HASH_MARK_LENGTH,
-  COURT_RECT_WIDTH - HASH_MARK_OFFSET_X - HASH_MARK_LENGTH
-];
 
 class HashMarkLayer extends InternalCourtLayer {
   reflection() {
@@ -18,12 +9,19 @@ class HashMarkLayer extends InternalCourtLayer {
   }
 
   drawLogic() {
+    const hashMarkPositionsX = [
+      HASH_MARK_OFFSET_X,
+      53,
+      this.courtTypeConstants.COURT_RECT_WIDTH - 53 - HASH_MARK_LENGTH,
+      this.courtTypeConstants.COURT_RECT_WIDTH - HASH_MARK_OFFSET_X - HASH_MARK_LENGTH
+    ];
+
     this.ctx.save();
 
-    this.ctx.lineWidth = COURT_LINE_WIDTH;
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH;
 
-    for (let y = END_ZONE_HEIGHT + 15; y <= COURT_RECT_HEIGHT / 2; y += 15) {
-      HASH_MARK_X_POSITIONS.forEach(px => {
+    for (let y = this.courtTypeConstants.END_ZONE_HEIGHT + 15; y <= this.courtCenter.y; y += 15) {
+      hashMarkPositionsX.forEach(px => {
         for (let i = 0; i < 4; i++) {
           const hashMarkVerticalStep = 3 + i * 3;
           const courtOrigin = { x: px, y: y - hashMarkVerticalStep };

package/src/layers/court/layers/FOOTBALL/layers/YardLineLayer.js

@@ -0,0 +1,23 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+class YardLineLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    for (let y = this.courtTypeConstants.END_ZONE_HEIGHT; y <= this.courtCenter.y; y += 15) {
+      const courtOrigin = { x: 0.0, y };
+      const courtTerminus = { x: this.courtTypeConstants.COURT_RECT_WIDTH, y };
+
+      this.ctx.beginPath();
+      this.ctx.lineWidth =
+        y % 30 === 0 ? this.courtTypeConstants.COURT_LINE_WIDTH * 2 : this.courtTypeConstants.COURT_LINE_WIDTH;
+      this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
+      this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
+      this.ctx.stroke();
+    }
+  }
+}
+
+module.exports = YardLineLayer;

package/src/models/Frame.js

@@ -13,6 +13,12 @@ const Line = require('./Line');
 const Player = require('./Player');
 const Note = require('./Note');
 const ShapeModels = require('./ShapeModels');
+const {
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL,
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY,
+  SPORT_TYPE_FOOTBALL,
+  SPORT_TYPE_BASKETBALL
+} = require('../constants');
 
 class Frame {
   constructor(play, phase = 1, animationGlobalProgress = false) {
@@ -22,8 +28,20 @@ class Frame {
     this.animationGlobalProgressPrev = animationGlobalProgress;
   }
 
+  get sport() {
+    const { court, sport } = this.play.playData;
+    if (sport) return sport;
+    return [COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY, COURT_TYPE_HIGH_SCHOOL_FOOTBALL].includes(court.type)
+      ? SPORT_TYPE_FOOTBALL
+      : SPORT_TYPE_BASKETBALL;
+  }
+
   get court() {
-    return this.play.playData.court;
+    const { court } = this.play.playData;
+    return {
+      ...court,
+      type: court.type === COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY ? COURT_TYPE_HIGH_SCHOOL_FOOTBALL : court.type
+    };
   }
 
   get frameWidth() {
@@ -36,7 +54,8 @@ class Frame {
 
   get frameData() {
     return {
-      court: this.play.playData.court,
+      sport: this.sport,
+      court: this.court,
       lines: this.lines,
       players: this.players,
       shapes: this.shapes,

package/src/models/Play/Options.js

@@ -21,7 +21,6 @@ module.exports = {
       legacyPrintStyle: false,
       playerTokenScale: 1,
       // TODO: refactor NBA court type constants below
-      big3: false,
       showHalfCourtCircle: true
     };
     return {

package/src/models/Play.js

@@ -3,6 +3,7 @@ const { loadImage } = require('canvas');
 const playerHatsConfig = require('../playerHatsConfig');
 const shapesConfig = require('../shapesConfig');
 const { useDefaults } = require('./Play/Options');
+const { SPORT_TYPE_BASKETBALL, SPORT_TYPE_FOOTBALL } = require('../constants');
 
 const STORAGE_URL = 'https://playbooksstore.blob.core.windows.net/public';
 const LUCEOSPORTS_WATERMARK_PATH = 'partners/LuceoSports/luceo-sports-logo-powered-by-sm.png';
@@ -25,9 +26,8 @@ class Play {
 
     Play.backgroundOptions = {
       Hardwood: hardwoodImage,
-      NBA: hardwoodImage,
-      NCAA: hardwoodImage,
-      FOOTBALL: grassImage
+      [SPORT_TYPE_BASKETBALL]: hardwoodImage,
+      [SPORT_TYPE_FOOTBALL]: grassImage
     };
 
     const luceoSportsWatermark = await loadImage(`${STORAGE_URL}/${LUCEOSPORTS_WATERMARK_PATH}`);

package/src/layers/court/layers/FOOTBALL/BorderRectLayer.js

@@ -1,15 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
-} = require('../../../../constants');
-
-class BorderRectLayer extends InternalCourtLayer {
-  drawLogic() {
-    this.ctx.beginPath();
-    this.ctx.lineWidth = COURT_LINE_WIDTH * 2;
-    this.ctx.rect(0, 0, COURT_RECT_WIDTH, COURT_RECT_HEIGHT);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = BorderRectLayer;

package/src/layers/court/layers/FOOTBALL/CenterLineLayer.js

@@ -1,19 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
-} = require('../../../../constants');
-
-class CenterLineLayer extends InternalCourtLayer {
-  drawLogic() {
-    const courtOrigin = { x: 0.0, y: COURT_RECT_HEIGHT / 2 };
-    const courtTerminus = { x: COURT_RECT_WIDTH, y: COURT_RECT_HEIGHT / 2 };
-
-    this.ctx.beginPath();
-    this.ctx.lineWidth = COURT_LINE_WIDTH * 2;
-    this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
-    this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/FOOTBALL/YardLineLayer.js

@@ -1,25 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT }
-} = require('../../../../constants');
-
-class YardLineLayer extends InternalCourtLayer {
-  reflection() {
-    return true;
-  }
-
-  drawLogic() {
-    for (let y = END_ZONE_HEIGHT; y <= COURT_RECT_HEIGHT / 2; y += 15) {
-      const courtOrigin = { x: 0.0, y };
-      const courtTerminus = { x: COURT_RECT_WIDTH, y };
-
-      this.ctx.beginPath();
-      this.ctx.lineWidth = y % 30 === 0 ? COURT_LINE_WIDTH * 2 : COURT_LINE_WIDTH;
-      this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
-      this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
-      this.ctx.stroke();
-    }
-  }
-}
-
-module.exports = YardLineLayer;

package/src/layers/court/layers/NBA/BorderRectLayer.js

@@ -1,15 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
-} = require('../../../../constants');
-
-class BorderRectLayer extends InternalCourtLayer {
-  drawLogic() {
-    this.ctx.beginPath();
-    this.ctx.lineWidth = COURT_LINE_WIDTH * 2;
-    this.ctx.rect(0, 0, COURT_RECT_WIDTH, COURT_RECT_HEIGHT);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = BorderRectLayer;

package/src/layers/court/layers/NBA/CenterCircleLayer.js

@@ -1,21 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT }
-} = require('../../../../constants');
-
-class CenterCircleLayer extends InternalCourtLayer {
-  drawLogic() {
-    if (!this.options.showHalfCourtCircle) return;
-
-    const outerCenterRadius = 6.0;
-    const innerCenterRadius = 2.0;
-    const centerCourtPoint = { x: COURT_RECT_WIDTH / 2, y: COURT_RECT_HEIGHT / 2 };
-
-    this.ctx.beginPath();
-    this.ctx.arc(centerCourtPoint.x, centerCourtPoint.y, outerCenterRadius, 0, Math.PI * 2, true);
-    this.ctx.arc(centerCourtPoint.x, centerCourtPoint.y, innerCenterRadius, 0, Math.PI * 2, true);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = CenterCircleLayer;

package/src/layers/court/layers/NBA/CenterLineLayer.js

@@ -1,19 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
-} = require('../../../../constants');
-
-class CenterLineLayer extends InternalCourtLayer {
-  drawLogic() {
-    const courtOrigin = { x: 0.0, y: COURT_RECT_HEIGHT / 2 };
-    const courtTerminus = { x: COURT_RECT_WIDTH, y: COURT_RECT_HEIGHT / 2 };
-
-    this.ctx.beginPath();
-    this.ctx.lineWidth = COURT_LINE_WIDTH * 2;
-    this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
-    this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/NBA/HoopLayer.js

@@ -1,24 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-
-class HoopLayer extends InternalCourtLayer {
-  reflection() {
-    return true;
-  }
-
-  drawLogic() {
-    const hoopCourtOrigin = { x: 22.0, y: 4.0 };
-    const hoopCourtTerminus = { x: 28.0, y: 4.0 };
-    const courtHoopCenter = { x: 25.0, y: 5.25 };
-    const courtHoopRadius = 0.75;
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(hoopCourtOrigin.x, hoopCourtOrigin.y);
-    this.ctx.lineTo(hoopCourtTerminus.x, hoopCourtTerminus.y);
-    this.ctx.stroke();
-    this.ctx.beginPath();
-    this.ctx.arc(courtHoopCenter.x, courtHoopCenter.y, courtHoopRadius, 0, 2 * Math.PI, true);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = HoopLayer;

package/src/layers/court/layers/NBA/InnerOuterRectLayer.js

@@ -1,26 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-
-class InnerOuterRectLayer extends InternalCourtLayer {
-  reflection() {
-    return true;
-  }
-
-  drawLogic() {
-    const courtInnerRectOrigin = { x: 19, y: 0 };
-    const courtInnerRectWidth = 12;
-    const courtInnerRectHeight = 19;
-
-    const courtOuterRectOrigin = { x: 17, y: 0 };
-    const courtOuterRectWidth = 16;
-    const courtOuterRectHeight = 19;
-
-    this.ctx.beginPath();
-    this.ctx.rect(courtInnerRectOrigin.x, courtInnerRectOrigin.y, courtInnerRectWidth, courtInnerRectHeight);
-    this.ctx.stroke();
-    this.ctx.beginPath();
-    this.ctx.rect(courtOuterRectOrigin.x, courtOuterRectOrigin.y, courtOuterRectWidth, courtOuterRectHeight);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = InnerOuterRectLayer;

package/src/layers/court/layers/NBA/LaneMarkingLayer.js

@@ -1,65 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-
-class LaneMarkingLayer extends InternalCourtLayer {
-  reflection() {
-    return true;
-  }
-
-  drawLogic() {
-    const courtMarkingWidth = 0.667;
-    const courtPath1Origin = { x: 17.0, y: 7.0 };
-    const courtPath1Terminus = { x: 17.0 - courtMarkingWidth, y: 7.0 };
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(courtPath1Origin.x, courtPath1Origin.y);
-    this.ctx.lineTo(courtPath1Terminus.x, courtPath1Terminus.y);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(17.0, 8.0);
-    this.ctx.lineTo(17.0 - courtMarkingWidth, 8.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(17.0, 11.0);
-    this.ctx.lineTo(17.0 - courtMarkingWidth, 11.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(17.0, 14.0);
-    this.ctx.lineTo(17.0 - courtMarkingWidth, 14.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(33.0, 7.0);
-    this.ctx.lineTo(33.0 + courtMarkingWidth, 7.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(33.0, 8.0);
-    this.ctx.lineTo(33.0 + courtMarkingWidth, 8.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(33.0, 11.0);
-    this.ctx.lineTo(33.0 + courtMarkingWidth, 11.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(33.0, 14.0);
-    this.ctx.lineTo(33.0 + courtMarkingWidth, 14.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(20.0, 13.0);
-    this.ctx.lineTo(20.0 + 0.5, 13.0);
-    this.ctx.stroke();
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(30.0, 13.0);
-    this.ctx.lineTo(30.0 - 0.5, 13.0);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = LaneMarkingLayer;

package/src/layers/court/layers/NBA/ThreePointLineLayer.js

@@ -1,35 +0,0 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-
-class ThreePointLineLayer extends InternalCourtLayer {
-  reflection() {
-    return true;
-  }
-
-  drawLogic() {
-    const courtRimDistanceToBackboard = 0.5;
-    const courtThreePointOrigin = { x: 3.0, y: 0.0 };
-    const courtThreePointFirstLineTerminus = { x: 3.0, y: 14.0 };
-    const courtThreePointSecondLineTerminus = { x: 47.0, y: 0.0 };
-    const courtThreePointHoopCenter = { x: 25.0, y: 4.75 + courtRimDistanceToBackboard };
-    const courtThreePointArcRadius = 23.6762;
-
-    const endAngle = Math.asin((10.0 - 0.75 - courtRimDistanceToBackboard) / courtThreePointArcRadius);
-    const startAngle = Math.PI - endAngle;
-
-    this.ctx.beginPath();
-    this.ctx.moveTo(courtThreePointOrigin.x, courtThreePointOrigin.y);
-    this.ctx.lineTo(courtThreePointFirstLineTerminus.x, courtThreePointFirstLineTerminus.y);
-    this.ctx.arc(
-      courtThreePointHoopCenter.x,
-      courtThreePointHoopCenter.y,
-      courtThreePointArcRadius,
-      startAngle,
-      endAngle,
-      true
-    );
-    this.ctx.lineTo(courtThreePointSecondLineTerminus.x, courtThreePointSecondLineTerminus.y);
-    this.ctx.stroke();
-  }
-}
-
-module.exports = ThreePointLineLayer;