How to make an interactive fan fiction

First, the programs you can use to do it. We use Microsoft FrontPage and/or Dreamweaver. Frontpage is part of windows, so you'll probably have it on your computer already.

I [Mi] will teach you how to make an interactive ficion using Dreamweaver [as I use it, and I haven't got FrontPage anymore].

Open a new document on DW [Dreamweaver]. Then copy the story you want to be scripted in this doc. Like that:

[I set my DW to show code and project, that's why it looks like this]

After that, you choose to show only code. [Sorry, my DW is in portuguese, though it's not really hard to find]

Then, all you have to do is replace a "name" that's in the fic, for a code, in order to make it interactive.

For example, you're scripting a fiction where "Kian" is the main character [the fave 'Lifer].

Then, everywhere in the fiction, where's written 'Kian', you'll replace with this code:
<SCRIPT>document.write(Kian)</SCRIPT>

Remember you have to do it in the html code. If you type it in the project, you'll get it wrong.
So, Kian = <SCRIPT>document.write(Kian)</SCRIPT>

After that, you do the same with other characters on the fic. With your name, the 'Lifer's names, their eye colour, and whatever fits to be scripted.

One tip:

If you do it to every word in the story, you'll take ages to script. So, while showing the code only, press CTRL+F. Then you'll see a window like this:

Do what's shown in the picture. Place the word you want to replace with a code, and then you'll click in the button where says something like 'replace all'.

Just do the same with every other word you want to be scripted. But be careful with one thing: depending on the word you're replacing, the code may not be the exact word. Like, if you want to script the word 'Ki' in it, then if it's written a 'Kiss' on the story, it'll also be scripted, and maybe you'll get a double work instead. So, in cases like this, you have to replace the word for the code 'manually'.

After it's done, then you'll type the questions to be asked, for the interactive fiction.

Still showing the codes, you'll type this code:
<SCRIPT>
var Kian = prompt("Who's your fave 'Lifer?","")
</SCRIPT>
Before the story starts, like this:

Type the 'name' there on the question, as the same you type in the 'answer'. Ask all the information that's needed and is scripted into the fiction.

After that, your interactive fan fiction is done. You'll only have to fix some mistakes, that might happen when you replace with the codes, or if some script is needed.

An exaple as the fic would look like:

The questions:

<SCRIPT>var Mirelle = prompt("What's your name?","")</SCRIPT>

<SCRIPT>var Kian = prompt("Who's your fave 'Lifer?","")</SCRIPT>

<SCRIPT>var Mika = prompt("Name a friend of yours. ","")</SCRIPT>

<SCRIPT>var Shane = prompt("Name another 'Lifer.","")</SCRIPT>

<SCRIPT>var Mark = prompt("And another 'lifer...","")</SCRIPT>

<SCRIPT>var Nicky = prompt("The last 'Lifer please...","")</SCRIPT>

A piece of a fiction:

The original:
- Girls! I guess I’ll faint! – Mika said as she heard the door open.
Mark appeared there, with a gorgeous and charm smile to the girls. Mirelle was by the side of the door, her heart fastened a mile, she was really nervous now, almost crying. Her hands went cold, but she kept looking to Mark entering the room as if she was about to breakdown! Mark didn’t really look at her, he just entered the room to the direction the other girls were. Just after him Shane and Nicky entered, Kian was the last, he hadn’t seen Mirelle at first, just when he turned around to close the door. He froze as he saw her, definitely Mirelle was the last person Kian thought about meeting there. He kept quiet for a brief moment just staring at her, so did Mirelle. Kian wasn’t thinking properly about what was happening.

The Script
- Girls! I guess I'll faint! -
<SCRIPT>document.write(Mika)</SCRIPT>
said as she heard the door opened.
<SCRIPT>document.write(Mark)</SCRIPT>
appeared there, with a gorgeous and charm smile to the girls.
<SCRIPT>document.write(Mirelle)</SCRIPT>
was by the side of the door, her heart fastened a mile, she was really nervous now, almost crying. Her hands went cold, but she kept looking to
<SCRIPT>document.write(Mark)</SCRIPT>
entering the room as if she was about to breakdown!
<SCRIPT>document.write(Mark)</SCRIPT>
didn't really look at her, he just entered the room to the direction the other girls were. Just after him
<SCRIPT>document.write(Shane)</SCRIPT>
and
<SCRIPT>document.write(Nicky)</SCRIPT>
entered,
<SCRIPT>document.write(Kian)</SCRIPT>
was the last, he hadn't seen
<SCRIPT>document.write(Mirelle)</SCRIPT>
at first, just when he turned around to close the door. He froze as he saw her, definitely
<SCRIPT>document.write(Mirelle)</SCRIPT>
was the last person
<SCRIPT>document.write(Kian)</SCRIPT>
thought about meeting there. He kept quiet for a brief moment just staring at her, so did
<SCRIPT>document.write(Mirelle)</SCRIPT>.
<SCRIPT>document.write(Kian)</SCRIPT>
wasn't thinking properly about what was happening.

Click HERE to see what the fiction will look like

Extras:

You can also type a warning in the fic, so, just use this code.

<script language="JavaScript">
alert("Answer the questions and make a story about you and Westlife!");
</script>

And type there whatever you want, between the " ".

Another tip:

Another usefull thing, is a code to make capital letter. Instead of asking 'Type you name with CAPITALS', just use this code:
<script>document.write(Kian.toUpperCase())</script>
on the fic, use on the 'answer' place. Like, instead of using the cod <SCRIPT>document.write(Kian)</SCRIPT>, use the one above, and make 'Kian' be KIAN.

Any questions or doubts!? Feel free to ask me by e-mail

PS: Scripting on Microsoft FrontPage is pretty much the same. The codes are the same, you'll just have to replace then in the html code.

. back .