plotboilerplate
Version:
A simple javascript plotting boilerplate for 2d stuff.
132 lines • 5.33 kB
JavaScript
;
/**
* @classdesc The decagon tile from the Girih set.
*
* @requires GirihTile
* @requires Polygon
* @requires TileType
* @requires Vertex
*
* @author Ikaros Kappler
* @date 2013-11-27
* @date 2014-04-05 Ikaros Kappler (member array outerTilePolygons added).
* @date 2015-03-19 Ikaros Kappler (added toSVG()).
* @modified 2020-10-30 Refactored to work with PlotBoilerplate.
* @modified 2020-11-13 Ported from vanilla JS to TypeScript.
* @version 2.0.1-alpha
* @file GirihDecacon
* @public
**/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.GirihDecagon = void 0;
var GirihTile_1 = require("./GirihTile");
var Polygon_1 = require("../../Polygon");
var GirihDecagon = /** @class */ (function (_super) {
__extends(GirihDecagon, _super);
/**
* @constructor
* @extends GirihTile
* @name GirihDecagon
* @param {Vertex} position
* @param {number} edgeLength
*/
function GirihDecagon(position, edgeLength) {
var _this = _super.call(this, position, edgeLength, GirihTile_1.TileType.DECAGON) || this;
// Overwrite the default symmetries:
// the decagon tile has a 36° symmetry (1/10 * 360°)
_this.uniqueSymmetries = 1;
// Init the actual decahedron shape with the passed size:
// Divide the full circle into 10 sections (we want to make a regular decagon).
var theta = (Math.PI * 2) / 10.0;
// Compute the 'radius' using pythagoras
var radius = Math.sqrt(Math.pow(_this.edgeLength / 2, 2)
+
Math.pow(1 / Math.tan(theta / 2) * _this.edgeLength / 2, 2));
for (var i = 0; i < 10; i++) {
_this.addVertex(position.clone().addY(-radius).rotate(theta / 2 + i * theta, position));
}
_this.textureSource.min.x = 169 / 500.0;
_this.textureSource.min.y = 140 / 460.0;
_this.textureSource.max.x = _this.textureSource.min.x + 313 / 500.0;
_this.textureSource.max.y = _this.textureSource.min.y + 297 / 460.0;
_this.baseBounds = _this.getBounds();
_this._buildInnerPolygons(_this.edgeLength);
_this._buildOuterPolygons(_this.edgeLength); // Important: call AFTER inner polygons were created!
return _this;
}
;
/**
* @override
*/
GirihDecagon.prototype.clone = function () {
return new GirihDecagon(this.position.clone(), this.edgeLength).rotate(this.rotation);
};
;
/**
* Build the inner polygons.
*
* @name _buildInnerPolygons
* @memberof GirihDecagon
* @private
* @param {number} edgeLength
*/
GirihDecagon.prototype._buildInnerPolygons = function (edgeLength) {
var centralStar = new Polygon_1.Polygon();
for (var i = 0; i < 10; i++) {
var innerTile = new Polygon_1.Polygon();
// Make polygon
var topPoint = this.getVertexAt(i).clone().scale(0.5, this.getVertexAt(i + 1));
var bottomPoint = topPoint.clone().scale(0.615, this.position);
var leftPoint = this.getVertexAt(i).clone().scale(0.69, this.position);
var rightPoint = this.getVertexAt(i + 1).clone().scale(0.69, this.position);
innerTile.addVertex(topPoint);
innerTile.addVertex(rightPoint);
innerTile.addVertex(bottomPoint);
innerTile.addVertex(leftPoint);
this.innerTilePolygons.push(innerTile);
centralStar.addVertex(leftPoint.clone());
centralStar.addVertex(bottomPoint.clone());
}
this.innerTilePolygons.push(centralStar);
};
;
/**
* Build the outer polygons.
*
* @name _buildOuterPolygons
* @memberof GirihDecagon
* @private
* @param {number} edgeLength
*/
GirihDecagon.prototype._buildOuterPolygons = function (edgeLength) {
// DON'T include the inner star here!
for (var i = 0; i < 10; i++) {
var outerTile = new Polygon_1.Polygon();
outerTile.addVertex(this.getVertexAt(i).clone());
outerTile.addVertex(this.innerTilePolygons[i].vertices[0].clone());
outerTile.addVertex(this.innerTilePolygons[i].vertices[3].clone());
outerTile.addVertex(this.getInnerTilePolygonAt(i == 0 ? 9 : i - 1).vertices[0].clone());
this.outerTilePolygons.push(outerTile);
}
};
;
return GirihDecagon;
}(GirihTile_1.GirihTile));
exports.GirihDecagon = GirihDecagon;
;
//# sourceMappingURL=GirihDecagon.js.map