getRenderable(settings) {
		let renderable;
		const tileset = this.tileset;

		if (tileset.animations.has(this.tileId)) {
			const frames = [];
			const frameId = [];
			tileset.animations.get(this.tileId).frames.forEach((frame) => {
				frameId.push(frame.tileid);
				frames.push({
					name: "" + frame.tileid,
					delay: frame.duration,
				});
			});
			renderable = tileset.texture.createAnimationFromName(frameId, settings);
			renderable.addAnimation(this.tileId - tileset.firstgid, frames);
			renderable.setCurrentAnimation(this.tileId - tileset.firstgid);
		} else {
			if (tileset.isCollection === true) {
				const image = tileset.getTileImage(this.tileId);
				renderable = new Sprite(
					0,
					0,
					Object.assign({
						image: image,
					}), //, settings)
				);
				renderable.anchorPoint.set(0, 0);
				renderable.scale(
					settings.width / this.width,
					settings.height / this.height,
				);
				if (typeof settings.rotation !== "undefined") {
					renderable.anchorPoint.set(0.5, 0.5);
					renderable.currentTransform.rotate(settings.rotation);
					renderable.currentTransform.translate(
						settings.width / 2,
						settings.height / 2,
					);
					// TODO : move the rotation related code from TMXTiledMap to here (under)
					settings.rotation = undefined;
				}
			} else {
				renderable = tileset.texture.createSpriteFromName(
					this.tileId - tileset.firstgid,
					settings,
				);
				renderable.anchorPoint.set(0, 0);
			}
		}

		// any H/V flipping to apply?
		this.setTileTransform(renderable.currentTransform);

		return renderable;
	}
return a renderable object for this Tile object
@param {object} [settings] - see {@link Sprite}
@returns {Renderable} a me.Sprite object