@luceosports/play-rendering 1.11.14 → 1.11.17

package/package.json

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

package/src/constants.js

@@ -4,8 +4,8 @@ module.exports = Object.freeze({
     COURT_RECT_WIDTH: 50.0,
     COURT_RECT_HEIGHT: 94.0,
     PLAYER_TOKEN_RADIUS: 1.5,
-    PLAYER_TOKEN_SCALE: 1.2,
-    LINE_SCALE: 1,
+    PLAYER_TOKEN_SCALE: 1,
+    LINE_WIDTH: 0.33,
     LINE_MASKING: true
   },
   FOOTBALL: {
@@ -14,8 +14,8 @@ module.exports = Object.freeze({
     COURT_RECT_HEIGHT: 360.0,
     END_ZONE_HEIGHT: 30,
     PLAYER_TOKEN_RADIUS: 1.5,
-    PLAYER_TOKEN_SCALE: 2.4,
-    LINE_SCALE: 1.65,
+    PLAYER_TOKEN_SCALE: 2,
+    LINE_WIDTH: 0.55,
     LINE_MASKING: false
   }
 });

package/src/layers/LineLayer.js

@@ -4,7 +4,7 @@ const lineLayers = require('./line');
 
 class LineLayer extends BaseLayer {
   get lineWidth() {
-    return 0.33 * this.courtTypeConstants.LINE_SCALE;
+    return this.courtTypeConstants.LINE_WIDTH;
   }
 
   apply() {

package/src/layers/PlayerLayer.js

@@ -6,11 +6,11 @@ class PlayerLayer extends BaseLayer {
   }
 
   get playerScale() {
-    return this.courtTypeConstants.PLAYER_TOKEN_SCALE;
+    return this.courtTypeConstants.PLAYER_TOKEN_SCALE * this.options.playerTokenScale;
   }
 
   get radius() {
-    return this.courtTypeConstants.PLAYER_TOKEN_RADIUS * this.courtTypeConstants.PLAYER_TOKEN_SCALE;
+    return this.courtTypeConstants.PLAYER_TOKEN_RADIUS * this.playerScale;
   }
 
   apply() {
@@ -23,13 +23,9 @@ class PlayerLayer extends BaseLayer {
 
       const { x, y } = player.location;
 
-      this.setPlayerColor(player);
+      this.setPlayerPuckStyle(player);
 
-      this.ctx.beginPath();
-      this.ctx.moveTo(x, y);
-
-      this.ctx.arc(x, y, this.radius, 0, Math.PI * 2, true);
-      this.ctx.fill();
+      this.drawPlayerPuck(player);
 
       this.setPlayerLabel(player);
 
@@ -64,10 +60,10 @@ class PlayerLayer extends BaseLayer {
     this.ctx.restore();
   }
 
-  setPlayerColor(player) {
+  setPlayerPuckStyle(player) {
     const { red, green, blue, alpha } = player.color;
 
-    const defaultInputColor = red === 0 && green === 0 && blue === 0 && alpha === 1;
+    const isDefaultInputColor = red === 0 && green === 0 && blue === 0 && alpha === 1;
 
     const payerInPosition = this.options.position && player.position === this.options.position;
     const r = payerInPosition ? 0 : Math.ceil(red * 255);
@@ -76,12 +72,29 @@ class PlayerLayer extends BaseLayer {
 
     let color = `rgba(${r}, ${g}, ${b}, ${alpha})`;
 
-    if (player.isDefender && !payerInPosition && defaultInputColor) {
+    if (player.isDefender && !payerInPosition && isDefaultInputColor) {
       color = '#bb271b';
     }
-    if (player.possession && defaultInputColor) color = '#ff8000';
+    if (player.possession && isDefaultInputColor) color = '#ff8000';
+
+    if (this.options.legacyPrintStyle) {
+      color = '#000000';
+      this.ctx.lineWidth = this.courtTypeConstants.LINE_WIDTH;
+    }
 
     this.ctx.fillStyle = color;
+    this.ctx.strokeStyle = color;
+  }
+
+  drawPlayerPuck(player) {
+    const { x, y } = player.location;
+    this.ctx.beginPath();
+    this.ctx.arc(x, y, this.radius, 0, Math.PI * 2, true);
+    if (this.options.legacyPrintStyle) {
+      if (player.possession) this.ctx.stroke();
+      return;
+    }
+    this.ctx.fill();
   }
 
   setPlayerLabel(player) {
@@ -92,7 +105,7 @@ class PlayerLayer extends BaseLayer {
 
     if (!alpha) return;
 
-    this.ctx.fillStyle = '#ffffff';
+    this.ctx.fillStyle = this.options.legacyPrintStyle ? '#000000' : '#ffffff';
     this.ctx.textAlign = 'center';
     this.ctx.font = `${fontSize}px Helvetica`;
 

package/src/layers/line/index.js

@@ -1,11 +1,11 @@
-// require all modules on the path and with the pattern defined
-const req = require.context('./layers/', true, /.js$/);
-
-const modules = {};
-
-req.keys().forEach(key => {
-  const mname = key.replace('./', '').replace('.js', '');
-  modules[mname] = req(key);
-});
-
-module.exports = modules;
+// require all modules on the path and with the pattern defined
+const req = require.context('./layers/', true, /.js$/);
+
+const modules = {};
+
+req.keys().forEach(key => {
+  const mname = key.replace('./', '').replace('.js', '');
+  modules[mname] = req(key);
+});
+
+module.exports = modules;

package/src/models/Play.js

@@ -27,7 +27,9 @@ class Play {
       big3 = false,
       huddleMode = false,
       magnetMode = false,
-      flipPlayerLabels = false
+      flipPlayerLabels = false,
+      legacyPrintStyle = false,
+      playerTokenScale = 1
     } = {}
   ) {
     this.name = data.name;
@@ -49,7 +51,9 @@ class Play {
       big3,
       huddleMode,
       magnetMode,
-      flipPlayerLabels
+      flipPlayerLabels,
+      legacyPrintStyle,
+      playerTokenScale
     };
     this.setPlayData(data.playData);
   }
@@ -62,7 +66,9 @@ class Play {
     const hardwoodImage = await loadImage(hardwoodImageData);
     const grassImageData = require('../assets/grass_bg.png');
     const grassImage = await loadImage(grassImageData);
+
     Play.backgroundOptions = {
+      Hardwood: hardwoodImage,
       NBA: hardwoodImage,
       NCAA: hardwoodImage,
       FOOTBALL: grassImage