@luceosports/play-rendering 1.13.1 → 1.14.0

package/index.js

@@ -8,5 +8,10 @@ module.exports.Shape = require('./src/models/Shape');
 module.exports.ShapeModels = require('./src/models/ShapeModels');
 module.exports.LineDrawingMath = require('./src/math/LineDrawingMath');
 module.exports.Bezier = require('./src/math/Bezier').Bezier;
-module.exports.CourtTypeConstants = require('./src/layers/court').courtTypeConstants;
 module.exports.Constants = require('./src/constants');
+
+const { courtTypeConstants, sportConstants, sportCourtTypeMap } = require('./src/layers/court');
+
+module.exports.SportConstants = sportConstants;
+module.exports.CourtTypeConstants = courtTypeConstants;
+module.exports.SportCourtTypeMap = sportCourtTypeMap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "description": "",
   "main": "dist/play-rendering.js",
   "scripts": {

package/src/constants.js

@@ -1,11 +1,22 @@
 module.exports = Object.freeze({
   SPORT_TYPE_BASKETBALL: 'BASKETBALL',
+  SPORT_TYPE_VOLLEYBALL: 'VOLLEYBALL',
   SPORT_TYPE_FOOTBALL: 'FOOTBALL',
 
+  COURT_TYPE_BIG3: 'BIG3',
+  COURT_TYPE_FIBA: 'FIBA',
   COURT_TYPE_NBA: 'NBA',
+  COURT_TYPE_NCAAM: 'NCAAM',
+  COURT_TYPE_NCAAW: 'NCAAW',
+  COURT_TYPE_US_HIGH_SCHOOL: 'US_HIGH_SCHOOL',
+  COURT_TYPE_US_JUNIOR_HIGH: 'US_JUNIOR_HIGH',
+  COURT_TYPE_WNBA: 'WNBA',
+
   COURT_TYPE_HIGH_SCHOOL_FOOTBALL: 'HIGH_SCHOOL_FOOTBALL',
   COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY: 'FOOTBALL',
 
+  COURT_TYPE_INDOOR: 'INDOOR',
+
   SHAPE_TYPE_CIRCLE: 'CIRCLE',
   SHAPE_TYPE_SQUARE: 'SQUARE',
   SHAPE_TYPE_TRIANGLE: 'TRIANGLE',

package/src/layers/court/index.js

@@ -5,12 +5,15 @@ const sportLayers = {};
 const courtTypeLayers = {};
 const sportConstants = {};
 const courtTypeConstants = {};
+const sportCourtTypeMap = {};
 
 req.keys().forEach(key => {
   if (key.match(/layers\//)) {
     return processLayers(key);
   }
-  processConstants(key);
+  if (key.match(/\/constants\.js/)) {
+    return processConstants(key);
+  }
 });
 
 function processLayers(key) {
@@ -36,20 +39,26 @@ function processLayers(key) {
 }
 
 function processConstants(key) {
-  if (key.match(/\/courtTypes\//)) {
-    const mPath = key
-      .replace('./', '')
-      .replace('/courtTypes', '')
-      .replace('/constants.js', '');
-    const [, courtType] = mPath.split('/');
-    courtTypeConstants[courtType] = req(key);
+  if (!key.match(/\/courtTypes\//)) {
+    // Process sport
+    const sportType = key.replace('./', '').replace('/constants.js', '');
+    sportConstants[sportType] = req(key);
+
+    sportCourtTypeMap[sportType] = {
+      courtTypes: []
+    };
     return;
   }
-  const mPath = key.replace('./', '').replace('/constants.js', '');
-  const [sportName, courtType] = mPath.split('/');
-  if (!courtType) {
-    sportConstants[sportName] = req(key);
-  }
+
+  // Process court type
+  const mPath = key
+    .replace('./', '')
+    .replace('/courtTypes', '')
+    .replace('/constants.js', '');
+  const [sportType, courtType] = mPath.split('/');
+  courtTypeConstants[courtType] = req(key);
+
+  sportCourtTypeMap[sportType].courtTypes.push(courtType);
 }
 
-module.exports = { sportLayers, courtTypeLayers, sportConstants, courtTypeConstants };
+module.exports = { sportLayers, courtTypeLayers, sportConstants, courtTypeConstants, sportCourtTypeMap };

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

@@ -0,0 +1,7 @@
+module.exports = Object.freeze({
+  COURT_LINE_WIDTH: 0.1667,
+  PLAYER_TOKEN_RADIUS: 1.5,
+  PLAYER_TOKEN_SCALE: 1,
+  LINE_WIDTH: 0.33,
+  LINE_MASKING: true
+});

package/src/layers/court/layers/VOLLEYBALL/courtTypes/INDOOR/constants.js

@@ -0,0 +1,4 @@
+module.exports = Object.freeze({
+  COURT_RECT_WIDTH: 29.5,
+  COURT_RECT_HEIGHT: 59.1
+});

package/src/layers/court/layers/VOLLEYBALL/layers/AttackLineLayer.js

@@ -0,0 +1,40 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+const ATTACK_LINE_CENTER_OFFSET_Y = 9.8;
+const ATTACK_LINE_HASH_MARK_LENGTH = 0.574;
+class AttackLineLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    const courtOrigin = { x: 0.0, y: this.courtCenter.y - ATTACK_LINE_CENTER_OFFSET_Y };
+    const courtTerminus = {
+      x: this.courtTypeConstants.COURT_RECT_WIDTH,
+      y: this.courtCenter.y - ATTACK_LINE_CENTER_OFFSET_Y
+    };
+
+    this.ctx.beginPath();
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH;
+    this.ctx.moveTo(courtOrigin.x, courtOrigin.y);
+    this.ctx.lineTo(courtTerminus.x, courtTerminus.y);
+    this.ctx.stroke();
+
+    let hashStart = ATTACK_LINE_HASH_MARK_LENGTH;
+    for (let i = 0; i < 5; i++) {
+      this.ctx.beginPath();
+      this.ctx.moveTo(courtOrigin.x - hashStart, courtOrigin.y);
+      this.ctx.lineTo(courtOrigin.x - hashStart - ATTACK_LINE_HASH_MARK_LENGTH, courtTerminus.y);
+      this.ctx.stroke();
+
+      this.ctx.beginPath();
+      this.ctx.moveTo(courtTerminus.x + hashStart, courtOrigin.y);
+      this.ctx.lineTo(courtTerminus.x + hashStart + ATTACK_LINE_HASH_MARK_LENGTH, courtTerminus.y);
+      this.ctx.stroke();
+
+      hashStart += ATTACK_LINE_HASH_MARK_LENGTH * 2;
+    }
+  }
+}
+
+module.exports = AttackLineLayer;

package/src/layers/court/layers/VOLLEYBALL/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/VOLLEYBALL/layers/CenterLineLayer.js

@@ -0,0 +1,18 @@
+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();
+
+    this.ctx.beginPath();
+  }
+}
+
+module.exports = CenterLineLayer;

package/src/layers/court/layers/VOLLEYBALL/layers/HashMarkLayer.js

@@ -0,0 +1,25 @@
+const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+
+const HASH_MARK_LENGTH = 0.574;
+class HashMarkLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+
+  drawLogic() {
+    const courtOriginX = 0.0;
+    const courtTerminusX = this.courtTypeConstants.COURT_RECT_WIDTH;
+
+    this.ctx.beginPath();
+    this.ctx.moveTo(courtOriginX, -HASH_MARK_LENGTH);
+    this.ctx.lineTo(courtOriginX, -HASH_MARK_LENGTH * 2);
+    this.ctx.stroke();
+
+    this.ctx.beginPath();
+    this.ctx.moveTo(courtTerminusX, -HASH_MARK_LENGTH);
+    this.ctx.lineTo(courtTerminusX, -HASH_MARK_LENGTH * 2);
+    this.ctx.stroke();
+  }
+}
+
+module.exports = HashMarkLayer;

package/src/models/Play.js

@@ -3,7 +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 { SPORT_TYPE_BASKETBALL, SPORT_TYPE_VOLLEYBALL, 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';
@@ -27,6 +27,7 @@ class Play {
     Play.backgroundOptions = {
       Hardwood: hardwoodImage,
       [SPORT_TYPE_BASKETBALL]: hardwoodImage,
+      [SPORT_TYPE_VOLLEYBALL]: hardwoodImage,
       [SPORT_TYPE_FOOTBALL]: grassImage
     };