# Turning a topic into interactive fiction ;)

**URL:** https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885
**Category:** Community Building
**Created:** [May 19, 2018, 2:07pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885 "2018-05-19T14:07:58Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [May 19, 2018, 2:07pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/1 "2018-05-19T14:07:58Z")

</div>

> ℹ check out the plugin version of this here: [Discourse Frotz 🧙](https://meta.discourse.org/t/discourse-frotz-an-interactive-fiction-game-bot/140617)

After whitelisting the URL, I embedded this iframe into a post in the Lounge for a bit of fun.

Result?: A fully working piece of classic Interactive Fiction embedded in a post that doesn’t look too out of place 🙂 (although you do need to manually scroll)

Why?: because you can

```plaintext
<iframe src="https://iplayif.com/?story=http%3A%2F%2Fwww.douglasadams.com%2Fcreations%2Fhhgg.z3" width="800" height="800" frameborder="0"></iframe>

```

Feel free to pull me up on security if you believe this is opening a hole … but [iplayif.com](http://iplayif.com) is legit, I believe, [here’s its GitHub page](https://github.com/curiousdannii/parchment)

In case you are not a Douglas Adams fan, you can find [much more great work here.](http://ifdb.tads.org/)

---

<div class="post-metadata">

### Author: ![fearlessfrog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fearlessfrog/32/119653_2.png) [@fearlessfrog](https://meta.discourse.org/u/fearlessfrog)
#### Post date: [August 18, 2018, 7:49pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/2 "2018-08-18T19:49:11Z")

</div>

Thanks!

I hadn’t used the _Admin / Settings / Security / allowed iframes_ config setting before, but putting in `https://iplayif.com/` in there and adding that iframe into a post worked great.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [August 18, 2018, 7:49pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/3 "2018-08-18T19:49:49Z")

</div>

Yeah, it’s amazing how seamless the result can look 🙂

PS Please don’t let it distract you too much from your interesting project, though 😉

---

<div class="post-metadata">

### Author: ![JanJoost](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/janjoost/32/97173_2.png) [@JanJoost](https://meta.discourse.org/u/JanJoost)
#### Post date: [August 19, 2018, 7:54am UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/4 "2018-08-19T07:54:13Z")

</div>

Oh wauw - only just discovered this, but THANK YOU!

Well, there goes my Sunday …

---

<div class="post-metadata">

### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey)
#### Post date: [January 24, 2020, 8:32pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/5 "2020-01-24T20:32:16Z")

</div>

Not sure how I just came across this but it’s lots of fun and combined with the [Media Overlay component](https://meta.discourse.org/t/media-overlay-component/81418) you can pop out the game and have it open as you continue browsing the rest of your forum, though you’ll want to make the iframe a little narrower so if doesn’t cover so much of the page. I found a `width="400"` works well

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 2, 2020, 8:40am UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/6 "2020-02-02T08:40:28Z")

</div>

OK, I’ve taken this a bit further … watch this space 😉

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/7/477f2c8c14006fa019eea94d4ba9bd95b7259412.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 4, 2020, 8:38pm UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/7 "2020-02-04T20:38:48Z")

</div>

The above prototype is now released here [Discourse Frotz 🧙 - #2 by merefield](https://meta.discourse.org/t/discourse-frotz/140617/2)

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [February 5, 2020, 1:55am UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/8 "2020-02-05T01:55:29Z")

</div>

This is cool! I’m the maintainer of Parchment/iplayif.com, so it’s great to see it getting used.

Unfortunately I haven’t had the time or energy to work on it much recently. I would like to improve how it works when embedded in an iframe.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 5, 2020, 7:47am UTC](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885/9 "2020-02-05T07:47:44Z")

</div>

Hey @Dannii great to meet you. For the stories I tried it works very well save for the very minor scrolling issue. Thanks for your hard work to help keep all that great legacy alive!
