Possible to tile/repeat tilemaps (or tile containers)?

grazer · June 2, 2021, 1:40pm

I have an application where I need to take an arbitrary set of Tiles (contained in a TileContainer) and repeat them across the entire screen.

My current solution is to just duplicate the tiles into duplicated tile containers and repeat them manually. This is clearly not very efficient and is too slow, so I’m trying to figure out some way to just re-render existing “instances” of my Tilemap (or TileContainer) across the area.

Is this possible somehow? Anyone have suggestions? Thanks in advance

rainy · June 2, 2021, 2:37pm

github.com

rainyt/openfl-glsl-samples/blob/main/Source/glsl/TiledGLSL.hx

package glsl;

import VectorMath;
import glsl.GLSL.texture2D;

/**
 * 瓦片平铺GLSL
 */
class TiledGLSL extends OpenFLShader {
	@:uniform public var time:Float;
	@:uniform public var size:Vec2;

	override function vertex() {
		super.vertex();
	}

	override function fragment() {
		super.fragment();
		// 计算平铺位置，但这里的(8,8)需要根据比例计算，才能得到图片的正常尺寸
		var uv:Vec2 = gl_openfl_TextureCoordv * vec2(8, 8) * (size / gl_openfl_TextureSize) / gl_openfl_TextureSize;

This file has been truncated. show original

Here is a tiling effect implemented by a shader, I don’t know if it is suitable.

grazer · June 2, 2021, 3:01pm

Thanks for the suggestion @rainy .

I was hoping to find a way to render this without an additional fragment shader, since there could be other shaders running as well, but it’s possible that this approach might work.