HTML in buttons

I kind of have to talk about this one, because it is an interesting and sort of unknown topic.

There was a bug discovered that allowed you to put HTML in a button. Then Rec Room added that as a feature, and that is how we have this today.

Main tags

Size tag

To activate the size tag you need to put, '<size='. After the equals sign you put the size of the text and then '>'. Without a size tag active, it defaults to Rec Room's size, which is dynamic depending on how much text there is in the button. Any value inputted into the size tag needs to be above 0 and equal or less than 32676. This doesn't have to be an integer. An example of the size tag being used:

<size=500>Hello!

Take note that, when using a size tag, the text cannot breach the button's interactive part sideways. This means if the size is too big, the text may appear squashed, like this:

H
e
l
l
o
!

To deactivate the size tag you need to just put '</size>'. Then, it will apply Rec Room's size.

Colour tag

To activate the colour tag you need to put '<#', a colour in hexadecimal (case insensitive) and then '>. To get a colour in hexadecimal, you can either use a colour wheel online, or use Rec Room's own custom colour and copy the hex into the tag. A colour tag may look like this:

<#ffff00> Daily Coins

This will show yellow text saying Daily Coins

Another feature of the colour tag is that you can add the 'alpha channel'. The alpha channel is a transparency channel that you can use just by putting another hex value that is 0-255 after the other 3 values. It may look like this:

<#ffffff50>.

This will create a dot that is transparency 80 out of 255 (~31.4%). A cool thing you could make with this is making text on a button go rainbow (which I've did).

Semi-functional tags

Semi-functionial tags are tags that do not stay after the room is saved, meaning that when a room loads none of these tags will be active yet.

You can't input these tags into the button directly, so if you want to do that, use a prompt local player chip and a button set text chip.

A fix for this is to manually input what you want the button text to be into the input of a to string and set the text of the button to that when the room loads with an event reciever chip.

Break tag

The break tag can be applied by putting <br>. It applies a break (proportionate to the current size) like
this.
Useful if you need to distance a button's text far far away from itself.

Bold tag

The bold tag can be applied by putting '<b>'. You deactivate the bold tag with '</b>'. This can be used to emphasise if a button shall not be pressed if it's not necessary, like a raid alert button in a military.

Italic tag

The italic tag can be applied by putting '<i>'. You deactivate the bold tag with '</i>'. This could be used to emphasise sarcasm for the funnies.

Superscript tag

I'm not gonna lie, this and the subscript tag are the best tags because of how different they are.

To apply the super script tag you need to put '^{'. To deactivate the tag you need to put '}'. An example of this being used is:

5²=25

This would look like 5^2=25. This could be helpful for a disclaimer on a word in small text. Superscript can also be used more than once, like so:

Z<sup>Z<sup>Z

This would look like three 'Z's that go on the upper right of the former getting smaller. You can apply this and the subscript tag without any former characters.

Subscript tag

This is just like superscript tag, except it appears on the bottom-right of the former character. It still gets smaller with each consecutive subscript tag or superscript tag activated.

To activate this tag you need to put '_{', and to deactivate the tag you need to put '}'. This could be useful for footnotes for a military that has it's own world. You can combine this tag and the superscript tag to make some funky text that becomes tiny.

Mark tag

This tag highlights text after it in a semi-transparent yellow. To activate it you need to put '<mark>' and to deactivate it you need to put '</mark>'.

Useful uses

Transparent glass circle

<size=[insert size]><#[Find a hex]50>.

A size of around 500 would probably be recommended. A hex of '008aff' is a quite nice blue for windows, considering it will change over varying colours.

This will create a large transparent circle. Useful for cartoony windows. However you would probably want to use a few breaks to make sure the button isn't in sight.

Fractions

^[Numerator]/_{[Denominator] and then} if you want something after it (to save chararacters and have normal ones after). Useful for simulators, militaries and anything really.