Cleaned up some tslint stuff and prepped for patch release.

CHANGELOG.md

@@ -5,11 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [Unreleased]
+## [0.2.1] - 2021-10-17
 
 ### Added
 
-- `tileWidth` and `tileHeight` are now supported.
+- `tileWidth` and `tileHeight` are now supported. This lets you draw thicker lines at intervals, simulating tiles.
+
+### Fixed
+
+- Rotation now works properly.
 
 ## [0.2.0] - 2021-10-05
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@abstractplay/renderer",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "description": "Renders Abstract Play game states graphically",
     "repository": {
         "type": "git",

src/sheets/looney.ts

@@ -38,7 +38,7 @@ sheet.glyphs.set("pyramid-flat-large", (canvas: SVGContainer) => {
         .id("pyramid-flat-large")
         .attr("data-cellsize", cellsize);
     group.rect(cellsize, cellsize).fill("none");
-    group.polygon(`${halfcell},${halfcell - height/2} ${(halfcell) - (base / 2)},${halfcell + height/2} ${(halfcell) + (base / 2)},${halfcell + height/2}`)
+    group.polygon(`${halfcell},${halfcell - height / 2} ${(halfcell) - (base / 2)},${halfcell + height / 2} ${(halfcell) + (base / 2)},${halfcell + height / 2}`)
         .attr("data-playerfill", true)
         .stroke({width: strokeWeight, color: "#000", opacity: strokeOpacity})
         .fill("#fff");
@@ -78,13 +78,12 @@ sheet.glyphs.set("pyramid-flat-medium", (canvas: SVGContainer) => {
         .id("pyramid-flat-medium")
         .attr("data-cellsize", cellsize);
     group.rect(cellsize, cellsize).fill("none");
-    group.polygon(`${halfcell},${halfcell - height/2} ${(halfcell) - (base / 2)},${halfcell + height/2} ${(halfcell) + (base / 2)},${halfcell + height/2}`)
+    group.polygon(`${halfcell},${halfcell - height / 2} ${(halfcell) - (base / 2)},${halfcell + height / 2} ${(halfcell) + (base / 2)},${halfcell + height / 2}`)
         .attr("data-playerfill", true)
         .stroke({width: strokeWeight, color: "#000", opacity: strokeOpacity})
         .fill("#fff")
         .center(halfcell, halfcell);
     const xStart = halfcell - (base / 2) + (pipWidth * 1.25);
-    const xOffset = pipWidth * 1.5;
     const y = halfcell + (height / 2) - (pipHeight / 2);
     group.circle(pipWidth, pipHeight)
         .fill("#000")
@@ -103,7 +102,7 @@ sheet.glyphs.set("pyramid-flat-small", (canvas: SVGContainer) => {
         .id("pyramid-flat-small")
         .attr("data-cellsize", cellsize);
     group.rect(cellsize, cellsize).fill("none");
-    group.polygon(`${halfcell},${halfcell - height/2} ${(halfcell) - (base / 2)},${halfcell + height/2} ${(halfcell) + (base / 2)},${halfcell + height/2}`)
+    group.polygon(`${halfcell},${halfcell - height / 2} ${(halfcell) - (base / 2)},${halfcell + height / 2} ${(halfcell) + (base / 2)},${halfcell + height / 2}`)
         .attr("data-playerfill", true)
         .stroke({width: strokeWeight, color: "#000", opacity: strokeOpacity})
         .fill("#fff");