gifbot

conjurer of cheap tricks

[amphibianauthor]

Interactive Games on Ao3

HTML and CSS on Ao3 is an awesome tool that allows for some amazing fandom applications. I have made a habit of collecting these resources, but one of the coolest types of fics I've found are actual interactive games in Ao3, and me being the html tryhard's self-appointed librarian, I've decided to compile these together in both my resource doc and on this tumblr post.

But can it run Doom? by gifbot: Play Doom with every ao3 user on the page!

Tropémon by gifbot : an Ao3 based pokemon game!

Nethack Sokoban by gifbot: a puzzle game

I Don’t Think We’re Ready for the Takeoff by gifbot : besides being a phone with interactive bits, you can play flappy bird

Conway’s game of life by gifbot

I Crush Everything by gifbot: play as squid that crushes things!

Five Times Luna Saw Snape Die (and One Time She Didn’t) by gifbot: Harry Potter Point and click adventure

Changing the game by mackeral_cheese: A really cool Game Changer mini-game style fanfic

New Roman Times Games by mackeral_cheese: play percy jackson themed word games

Mythomagic, 1st Edition: Battle of Olympus by mackeral_cheese : percy jackson card game simulation fic

do you believe in coincidences?  by mystyrust: danny phantom phone fic

Romance Route DLC by jihnari: a The Hundred Line -Last Defense Academy Dating Sim hosted IN ao3!

Thousand Illusions by BurntMochicha: Dr. Stone Visual novel

Makoto Calls Byakuya a Bitch: An Interactive Fic by solace_at_last: Dangan Ronpa Visual Novel

Project Sekai Ao3 edition by polyneedpilled: Rhythm game IN ao3

Tower of Hanoi by the_untamed_poet25

Simon Sequence Game by the_untamed_poet25

Several Hangman games: X X X X X X X X X X by the_untamed_poet25

Hunt the Whumpus by Charles_Rockafellor

Bubble-pop! Game by Charles_Rockafellor

Heark’s character creator by heark 

Closed Loop System by One_of_Them (greenbean_paste) Murderbot diaries fic with PLAYABLE minesweeper

spare time by One_of_Them (greenbean_paste) sad bowling game

Sudoku in Heart Flutter Against the Stars by WordsofWilderness: Sudoku in a Harry Potter Fanfic

Snao3ke by taxen99 : Snake!

windows9ao3 by taxen99: don’t know if this technically counts since its a computer but its very cool

Figured You Out - by Suzukitich  multiple logic puzzles

Logic Grid Puzzle Work Skin & Tutorial by BookKeep

The Case Of The Clickable Murdle by VThinksOn

Special thanks to @gifbot for both making a bunch of these games, but also making me aware of more games I had missed when making this.

[gifbot]

I Crush Everything

A sad song about a giant squid, paired with a cute little D-pad video game on AO3. Regret being a squid now!

(For the 2026 HTML Tryhard event.)

[mackerel-cheese]

Mythomagic, 1st Edition: Battle of Olympus

My contribution for @html-tryhard's fest this year!

A HTML-fied, reader-interactive visual novel on AO3 that looks like mythomagic cards :D

(i really wanted mythomagic to be real and i have made it everyone else's problem)

[html-tryhard]

Informal check-in time! Remember, the collection goes live on February 16th. Less than a month remains...

Have you started on your projects? Are you waiting until the last minute? Let us know how its going, or if you have anything cool to share.

[gifbot]

workin on my point and click text adventure for AO3

Really hoping to publish an adventure-game framework for the fest, too!

[html-tryhard]

The end of the year is growing closer, and so is the annual HTML Tryhard fanfiction event...

The collection doesn't go live until February 16. But if you're workshopping any ideas or have anything you've been working on in preparation, we'd love to hear about it!

[gifbot]

So excited for HTML Tryhard 2026!!

I'm working on (yet another??) metafiction piece, this time as Feed chatter between Murderbot and ART, as they watch the reboot of Sanctuary Moon! (it's an amazing, campy in-universe TV show that Martha Wells tells us criminally little about)

[gifbot]

I Don't Think We're Ready for the Takeoff

I'm excited to publish my CSS found-phone fic I Don't Think We're Ready for the Takeoff on AO3 as part of the 2025 KPDH Fest!

Take a secret look into the demonic machinations behind a plot to kill HUNTR/X that is at once much better and much worse than Jinu's ridiculous "Kpop boy band" idea.

[kpdhfest]

I Don't Think We're Ready for the Takeoff by gifbot

An amazing interactive HTML fic!

A week after the mysterious plane explosion over the HUNTR/X concert, you find a phone outside the KSPO Dome. But... who does it belong to?

And why does it smell like jet fuel and sulfur?

[ohmygodtheywereparabatai]

whoaaa i’ve never seen a work like this!!! incredible!!

[html-tryhard]

HTML Fic Event Week

AO3 Collection | carrd | Bsky

WE'RE BACK with HTML Tryhards 2026! 

HTML? What's that?

HTML is a markup language used to tell a web browser how to display content. You might be aware of simple uses of HTML, such as <b>bold</b> and <i>italics</i> but HTML can be used to do so much more! Do you like r/AITA stories? Have you ever been interested in including realistic text messages into your fics? Did you like choose-your-own-adventure books as a kid? HTML can be used for all of that and more!

Join us for HTML Tryhards 2026, where we bully our friends (and you? 👀) into making fanfiction super extra shiny using the power of HTML.

What does HTML have to do with fanfiction?

AO3 is a fanfiction hosting platform that supports the use of HTML, and that's where submissions for this event should be posted. We have a collection for you to post to, but please use the #HTML Tryhard tag on your work as well! 

If you post about your submissions on Tumblr, @ this blog or use the tag #htmltryhard2026, and we'll reblog you.

Rules

Submissions must include a significant portion of HTML. We'd prefer the entire work be HTML, but mixed prose and HTML is also acceptable.

Submissions MUST be HTML and not images or screenshots of text logs/tweets/etc.

There is no required minimum word count, but the suggested minimum word count is 500 words.

HTML/CSS guides are accepted (and encouraged!) as submissions.

Submissions should include the #HTML Tryhard tag on AO3.

Submissions should be added to the collection on AO3.

You can start posting submissions February 16th, and the last date of the event is February 22nd, though the collection will still be open after that date if your projects end up running late.

Follow us!

If you don't know how to use HTML but it's something you're interested in, give us a follow! In the days leading up to the event, we'll be sharing works that have utilized HTML, as well as helpful guides. The difficulty of these guides will vary, and we'll post things we hope will be helpful for veterans and beginners alike. We're also on Bluesky!

[mackerel-cheese]

changing the game

i coded an interactive game thing on AO3. in the spirit of sam reich, i made a bunch of my friends play this before i posted it :)

sam, i see why you do it now. i get it.

extended A/N and spoilers under cut

i'm pretty sure i've once again broke the ao3 end notes.

making this work has actually been insane. as much as this fic is my own work, it has been influenced by so many other people too.

i remember watching the rick perry documentary on dropout when it first came out. it kind of restarted something in me that i have long forgotten.

you can draw a straight line from me watching that documentary to me learning to code for fanfic reasons.

this entire thing has been an exercise in connecting with other creatives in various fandom spaces to make something i found cool and fun.

i mean, sudokus on ao3??? who would have thought.

making the connections game was really fun too. i learnt so much about combinators, its wild. i feel like a part of my brain has been unlocked.

anyways, i hope people have fun and read this.

in another life, i was a game dev for real.

[gifbot]

Just an absolutely beautifully done game fic on AO3 that used my pixel art editor ♥️

[gifbot]

But can it run Doom with a GAMEPAD??

In celebration of the HTML Tryhard 2025 fest on AO3, I gave Doom on AO3 a little HTML facelift!

Now you can imagine you (and all your friends) are making Doomguy spin endlessly at 4 frames per second on a PlayStation controller! It's still impossible to play correctly, but now it's impossible to play correctly in style.

[html-tryhard]

Informal check-in time! Don't forget, we start posting on January 13.

Are you working on anything you're excited about? Do you have any fun HTML to share? Let us know!

[gifbot]

working on my slowly-mutating Ship of Theseus Greek myth fanfic / philosophy encyclopedia entry for AO3!

[html-tryhard]

HTML Fic Event Week

Prompt Sheet Generator | AO3 Collection | html tryhard on AO3

HTML is a markup language used to tell a web browser how to display content. You might be aware of simple uses of HTML, such as bold and italics but HTML can be used to do so much more! Do you like r/AITA stories? Have you ever been interested in including realistic text messages into your fics? Did you like choose-your-own-adventure books as a kid? HTML can be used for all of these things and more!

Join us for HTML Tryhards 2025, where we bully our friends (and you? 👀) into making fanfiction super extra shiny using the power of HTML.

AO3, a fanfiction hosting platform, supports the use of HTML, and that's where submissions for this event should be posted. We have a collection for you to post to, but please use the tag #HTML Tryhard on your work as well!

On Tumblr, @ this blog or use the tag #htmltryhard2025, and we'll reblog your posts.

Prompts

There are two (optional) prompts per day, one to influence the format and one to influence the story. You can generate your own custom prompt list here. Use as many or as few of the prompts as you like.

Rules

All fandoms welcome.

Submissions must include a significant portion of HTML. We'd prefer the entire work be HTML, but mixed prose and HTML is also acceptable.

Submissions MUST be HTML and not images or screenshots of text logs/tweets/etc.

There is no required minimum word count, but the suggested minimum word count is 500 words.

The prompts are OPTIONAL, use as many or as few as you'd like.

HTML/CSS guides are accepted (and encouraged!) as submissions.

Submissions should include the #HTML Tryhard tag on AO3.

Submissions should be added to the collection on AO3.

You can start posting submissions , and the last date of the event is , though if you're running behind you can still post to the collection after that date.

Follow us!

If you don't know how to use HTML but it's something you're interested in, give us a follow! In the days leading up to the event, we'll be sharing works that have utilized HTML, as well as helpful tutorials. The difficulty of these tutorials will vary, and we'll post things we hope will be helpful for tryhard veterans and beginners alike.

You can also send us your HTML questions and we'll do our best to help you out!