{
	"altText": "Frame Guy",
	"frameDuration": 500,
	
	"frames":
	{
		"0": "A",
		"1": "AL",
		"2": "ALP",
		"3": "ALPH",
		"4": "ALPHA",
		"15": "ALPHA S",
		"16": "ALPHA SH",
		"17": "ALPHA SHA",
		"18": "ALPHA SHAL",
		"19": "ALPHA SHALE",
		"30": "ALPHA SHALE",
	}
}

This will display an animation as if the letters are appearing one after the other, but pausing after each full word

{
	"altText": "Font Guy",
	"frameDuration": 500,
	
	"frames":
	{
		"0": "Do you like...",
		"4": "Arial?",
		"5": "Chinese Rocks?",
		"6": "Comic Sans?",
		"7": "CRUMBLE?",
		"8": "Impact?",
		"9": "Minecraft?",
		"10": "Roboto?",
		"11": "Times New Roman?",
		"12": "TUMBLE?",
		"16": "No?",
		"20": "Then we'll stick with Good Dog Plain",
		"28": "Then we'll stick with Good Dog Plain"
	},
	
	"fonts":
	{
		"0": "GoodDogPlain",
		"4": "Arial",
		"5": "ChineseRocks",
		"6": "ComicSans",
		"7": "Crumble",
		"8": "Impact",
		"9": "Minecraft",
		"10": "Roboto",
		"11": "TimesNewRoman",
		"12": "Tumble",
		"16": "GoodDogPlain"
	}
}

This will cycle between fonts as the animation plays.

{
	"frameDuration": 600,

	"fields":
	{
		"c": "<#F00>"
	},

	"frames":
	{
		"0": "{c}Red",
		"1": "{c}Fox",
		"2": "{c}Red Fox",
		"15": "{c}Red Fox"
	}
}

Here, a field called c is used to store a color, then applied to each frame. The first frame {c}Red will be interpreted as <#F00>Red. This allows for the user to easily change the color and have it apply to every frame.

{
	"frameDuration": 300,
	"interpolation": true,
			
	"fields":
	{
		"a": "#F80",
		"b": "#F30"
	},
	"frames":
	{
		"0": "<{a=#F80}>Rumble <{b=#F30}>Guy!",
		"1": "<{a=#F30}>Rumble <{b=#F80}>Guy!"
	}
}

Field values can be changed dynamically within frames by using an equal sign = after the identifier, then the new value. Here, the interpolation property has been enabled, so the colors will smoothly fade between the two frames.

{
	"fields":
	{
		"pos_x": "RANDOM|-0.2|0.2",
		"pos_y": "RANDOM|-0.5|0.2",
		"rot": "RANDOM|-5|5",
	},
	"frames":
	{
		"0": "<space={pos_x}><voffset={pos_y}><rotate={rot}>A"
	}
}

This example uses the Factory Field RANDOM to produce a random value every time the frame is drawn. The field's value is defined with the Factory Field in all capital letters, followed by the minimum and maximum values separated by vertical bars |. Every time a Rumble frame is rendered, a random value between the min and max will be used. All Factory Fields are listed below:

• RANDOM: A random value between the first and second parameter is pulled every Rumble frame
  • FRAME_: A modifier to be combined with RANDOM; pulls a random value every frame of your animation instead
  • INSTANCE_: A modifier to be combined with RANDOM; pulls a different random value for each instance of the field

^ These can be combined with underscores _ (e.g: INSTANCE_RANDOM or FRAME_RANDOM or FRAME_INSTANCE_RANDOM)

• FRAME_PROGRESS: A value between 0 and 1 based on how far along the current frame is. When a frame is first shown, this value is 0. When a frame is just about to change to the next one, this value is ~1. This can be mapped between any two values using the parameters (e.g: FRAME_PROGRESS|10|15)
• LOOP_PROGRESS: Same as FRAME_PROGRESS but applies across the entire current loop instead of one frame
• FRAME: The index of the current frame. Parameters used for this field define Dilation instead of Remapping, meaning the first parameter is the starting value, and the second parameter is a multiplier (e.g: FRAME|10|3 will start with 10 on the first frame, then go up by 3 every frame)
• TIMER: The time in seconds since the name was first loaded. Dilates similar to FRAME.

{
	"frameDuration": 500,
	"autoScaling": false,
	
	"fields":
	{
		"pos_x": "INSTANCE_RANDOM|-0.1|0.1",
		"pos_y": "INSTANCE_RANDOM|-0.1|0.1",
		"rot": "INSTANCE_RANDOM|-5|5",
		"c": "<space={pos_x}><voffset={pos_y}><rotate={rot}>A</cspace></voffset></rotate>",
	},
	"frames":
	{
		"0": "<scale=1.05><pos=0.1>{c}{c}{c}{c}{c}{c}{c}{c}{c}{c}{c}{c}"
	}
}

In this example, fields are used within other fields. The previous fields example (of a vibrating letter A) is used, but everything is encapsulated into one field c. This field can then be used many times to simplify the process. INSTANCE_RANDOM is also used so that each letter A has different random values.

{
	"frameDuration": 500,
	
	"fields":
	{
		"a|.0": "TIMER|0|10"
	}

	"frames":
	{
		"0": "{a}"
	}
}

Fields can be formatted to control how they appear. Formatting options are defined along with the identifier, separted by a vertical bar |. Available formats are as follows:

• None: no formatting is specified
• Significant Figures: The amount of 0's after a decimal in the formatting definition determines the amount of digits that will appear for decimal numbers (e.g: "a|0.00" could show something like 3.14)
• Round: The value of the number before the a decimal specifies that the output will be a multiple of that number (e.g: "a|2" would be able to show values 2, 4, 6, 8...)
• Hex: The value is interpreted in hexidecimal. This can be combined with Significant Figures (e.g: "a|#|2" could show something like 0F)

{
	"frameDuration": 50,
	"autoScaling": false,
	
	"fields":
	{
		"g1|#|2": "INSTANCE_FRAME_RANDOM|150|200",
		"g2|#|2": "INSTANCE_FRAME_RANDOM|50|120",
		"c1": "<#FF{g1}00>",
		"c2": "<#FF{g2}00>"
	},
	"frames":
	{
		"0": "<scale=0.87%>{c1}T{c1}a{c1}c{c1}o{c2}S{c2}l{c2}a{c2}y{c2}e{c2}r"
	}
}

In this example, fields are used to randomize colors. The green value of a color specified in the c1 and c2 is randomized between two specified extremes, then included in the rest of the color code.