Method draw

packages/melonjs/src/renderable/text/bitmaptext.js:350–447

* draw the bitmap font * @param {CanvasRenderer|WebGLRenderer} renderer - Reference to the destination renderer instance

(renderer)

	 * @param {CanvasRenderer|WebGLRenderer} renderer - Reference to the destination renderer instance
	 */
	draw(renderer) {
		let x = this.pos.x;
		let y = this.pos.y;

		const lX = x;
		const stringHeight = this.metrics.lineHeight();
		const gy = this.metrics.glyphYOffset || 0;
		const h = this.metrics.height;

		// apply baseline shift once for the entire text block
		switch (this.textBaseline) {
			case "middle":
				y -= gy + h * 0.5;
				break;

			case "ideographic":
			case "alphabetic":
			case "bottom":
				y -= gy + h;
				break;

			default:
				break;
		}

		// running character counter for visibleCharacters
		let charCount = 0;
		const maxChars = this.visibleCharacters;

		for (let i = 0; i < this._text.length; i++) {
			x = lX;
			const string = this._text[i].trimEnd();
			// adjust x pos based on alignment value
			const stringWidth = this.metrics.lineWidth(string);
			switch (this.textAlign) {
				case "right":
					x -= stringWidth;
					break;

				case "center":
					x -= stringWidth * 0.5;
					break;

				default:
					break;
			}

			// draw the string
			let lastGlyph = null;
			for (let c = 0, len = string.length; c < len; c++) {
				// stop drawing when visibleCharacters limit is reached
				if (maxChars !== -1 && charCount >= maxChars) {
					return;
				}

				// calculate the char index
				const ch = string.charCodeAt(c);
				const glyph = this.fontData.glyphs[ch];