Resource A Game Made Using BBCode

[IctoraPost]

So I've made a game using slightly hacky BBCode. It's an extremely simple game, but it was just something I decided to whip up after mulling over this thread for a bit and discovering the joys of the slightly hacky BBCode. It shows that, even though BBCode isn't nearly as powerful as HTML, you can still do some pretty neat stuff with it. Using slightly hacky methods, anyway.

Hover over the red thing to start. You have to navigate to the blue thing on an invisible pathway. If you come off of the path, the red and blue things will turn dull. Enjoy.

.

.

.

.

.

[border=none; position:relative; height:500px;][centerblock=0][border=none; cursor:default; width:0; padding:0;][h=a bbcode-step][border=none; padding:0; background-color:red; height: 50px; width: 100px; position:absolute; left:0;].[/border]
[border=none; padding:0; height: 100px; width: 300px; position:absolute; top:50px; left:0;].[/border]
[border=none; padding:0; height: 300px; width: 100px; position:absolute; top:150px; left:200px;].[/border]
[border=none; padding:0; height: 100px; width: 200px; position:absolute; top:350px; left:0;].[/border]
[border=none; padding:0; background-color:blue; height: 50px; width: 100px; position:absolute; top:450px; left:0;].[/border]
[/h][/border][/centerblock][/border]

 

[IctoraPost]

Hey. It's me again.

I've had this thing sitting in my computer for over a month now, gathering dust. I would have posted it sooner, except it was made in HTML and I didn't feel like spending the time to convert the entire thing into BBCode, then spending more time fixing all the problems that would come out of it. But I eventually did it. So, here. (It should be mobile friendly, so there's an added bonus.)

Click on the tiles to rotate them. The goal is to have a continuous path connecting the red and blue squares together.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Spoiler: Code

[div=width: calc(100vh - 150px); max-width: 100%; margin: 0 auto; color: transparent; font-size: 0;][div=width: 100%; height: 0; padding-bottom: 100%; position: relative][div=width: 33.33%; height: 0; padding-bottom: 100%; float: left; overflow: hidden; position: relative;] [div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: 120px; margin-top: -120px; z-index: 3;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#aone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%; background-color: red;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=aone1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#aone2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%; background-color: red;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=aone2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#aone3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%; ].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%; background-color: red;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=aone3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#aone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%; background-color: red;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(100% + 120px); margin-top: calc(-100% - 120px); z-index: 2;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#atwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=atwo1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#atwo2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=atwo2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#atwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(200% + 120px); margin-top: calc(-200% - 120px); z-index: 1;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#athr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=athr1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#athr2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=athr2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#athr3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=athr3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#athr4"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=athr4[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#athr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][/div][/div] [div=width: 33.33%; height: 0; padding-bottom: 100%; float: left; overflow: hidden; position: relative;] [div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: 120px; margin-top: -120px; z-index: 3;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=bone1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bone2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=bone2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bone3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=bone3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bone4"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=bone4[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(100% + 120px); margin-top: calc(-100% - 120px); z-index: 2;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#btwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=btwo1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#btwo2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=btwo2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#btwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(200% + 120px); margin-top: calc(-200% - 120px); z-index: 1;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bthr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=bthr1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bthr2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=bthr2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bthr3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=bthr3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bthr4"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=bthr4[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#bthr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][/div][/div] [div=width: 33.33%; height: 0; padding-bottom: 100%; float: left; overflow: hidden; position: relative;] [div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: 120px; margin-top: -120px; z-index: 3;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=cone1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cone2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=cone2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cone3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=cone3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cone4"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=cone4[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cone1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: 120px;][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(100% + 120px); margin-top: calc(-100% - 120px); z-index: 2;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#ctwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=ctwo1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#ctwo2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=ctwo2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#ctwo1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(100% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%;].[/div][/div][/URL][/div][div=width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; padding-top: calc(200% + 120px); margin-top: calc(-200% - 120px); z-index: 1;][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cthr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; ][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%; background-color: blue;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][/div][/URL][fa]a[fa]id=cthr1[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cthr2"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%; background-color: blue;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 4%;].[/div][/div][/URL][fa]a[fa]id=cthr2[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cthr3"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%; background-color: blue;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 68%;].[/div][/div][/URL][fa]a[fa]id=cthr3[/fa][/fa][URL=https://www.rpnation.com/threads/a-game-made-using-bbcode.320361/#cthr1"][div=width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-top: calc(200% + 120px);][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 36%; top: 36%;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 68%; top: 36%; background-color: blue;].[/div][div=width: 28%; height: 0; padding-bottom: 28%; background-color: grey; position: absolute; border-radius: 25%; left: 4%; top: 36%;].[/div][/div][/URL][/div][/div][/div][/div]

 

[White Masquerade]

Would you be able to place letters under the tiles you move? It could make for a nice "reveal" game in a RP if possible. Complete the chain and you'll see the answer kind of thing.

 

[IctoraPost]

Would you be able to place letters under the tiles you move? It could make for a nice "reveal" game in a RP if possible. Complete the chain and you'll see the answer kind of thing.

Of course. The tiles don't actually 'move' - they're just different sections of a hidden overflow div that's jumped to by links, so you could put anything in there. Having tiles is just one option.