Ouverture Facile : Forum

Ouverture Facile : Forum

This is the official board for the game Ouverture Facile

You are not logged in.

#1 2007-02-05 15:40:25

Swan
Superstar
France
From: Everywhere
Registered: 2006-11-28
Posts: 564
Website

How to create a riddle

Just Download this file :

http://your.ouverturefacile.com/yournickname.zip


Unzip it and follow this tutorial :

The "riddle" folder

This is the folder of your riddle.

yourriddle.html is the page people will see when they access your riddle.
You have to edit this file to make your riddle.

Code:

<html>
<head>
<title>Your Title</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body background="square.png">
<center>
<!--text used in the movie-->
<object data="yourriddlepicture.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="yourriddlepicture.swf" />
<param name="quality" VALUE="high">
<param name="bgcolor" VALUE="#ffffff">
</object>
<br>
<a href="../clues/yourclue.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>
</center>
</body>
</html>

Your Title :
This title is the text you can see in the top of your browser. This is the title of your riddle. Just replace "Your Title" in line 3 by the title of your choice, it can be the name of your riddle or a little clue.

ex :
If your riddle is about an infernal box, just replace :

Code:

<title>Your Title</title>

by

Code:

<title>The Infernal Box</title>

The Riddle :
Line 8 to 13 are for the riddle itself.


Code:

<!--text used in the movie-->
<object data="yourriddlepicture.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="yourriddlepicture.swf" />
<param name="quality" VALUE="high">
<param name="bgcolor" VALUE="#ffffff">
</object>

"text used in the movie" is kinda useless but you can replace this text to add an hidden clue.

ex :

Code:

<!--text used in the movie-->

can become

Code:

<!--mp3 used in the movie-->

So the player might understand that he has to type yourriddlepicture.mp3 in the adress bar (where yourriddlepicture is the name of your swf file)

Line 9 and 10 are really important, this is where you point at your flash riddle. Open yourriddlepicture.fla with your flash creating software and follow this tutorial to create your riddle :

http://forum.ouverture-facile.com/viewtopic.php?id=263

Once your swf file is created, copy it in this folder, name it as you want and edit line 9 and 10 to point at this file.

ex : if you named the swf file infernalbox.swf then replace

Code:

<object data="yourriddlepicture.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="yourriddlepicture.swf" />

by

Code:

<object data="infernalbox.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="infernalbox.swf" />

Creating a riddle without using flash :
Flash isn't a freeware and you might not have it. You can use a picture instead. Your picture must have a width of 750 pixels and a height of 500 pixels (just as a swf file).

Let's say that your picture is named infernalbox.jpg, In this case replace :

Code:

<!--text used in the movie-->
<object data="yourriddlepicture.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="yourriddlepicture.swf" />
<param name="quality" VALUE="high">
<param name="bgcolor" VALUE="#ffffff">
</object>

by

Code:

<img src="infernalbox.jpg">

With a picture you will not have a text box to type the answer and the player will only be able to type the answer in the adress bar... If you want to add a text box there is a solution.

Just replace

Code:

<img src="infernalbox.jpg">

by

Code:

<img src="infernalbox.jpg">
<br>
<form name="form"><input type="hidden" name="phpMyAdmin" value="Mda-gV77fhe85gGqQBT7vmHFG-f" />
<input type="text" name="answer">
<input type="button" value="OK" onClick="javascript:location.href=answer.value+'.html'"> 
</form>

Add sound if you only use a picture (and not a swf) :

Just replace :

Code:

<img src="infernalbox.jpg">

by

Code:

<embed src="yoursound.mp3" autostart="true" hidden="true" height="0" width="0">
<img src="infernalbox.jpg">

or "yoursound.wav".

Don't forget to add this soundfile to the riddle folder.

The clue :
This is where you point at your clue page. Make sure to read this part to know how to create your clue, once it's ready and named just edit line 15.

ex : If your clue page (which is in the folder named "clues") is named thebox.html, just replace

Code:

<a href="../clues/yourclue.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>

by

Code:

<a href="../clues/thebox.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>

note : The ../ means "go back to the previous folder"


The answer :
The answer is the page the player will reach when he type the right word in the adress bar or in the text box, it's youranswer.html. Just edit youranswer.html and replace the text by a congratulation text or picture of your choice. If the word the player has to find is chocolate, then this file must be named chocolate.html (instead of youranswer.html).

More than one step :
You might want to have more than one step in your riddle (with other swf or pictures). In this case just duplicate yourriddle.html and edit it as you did for this first step (create an other picture or swf and another clue if you want). Name it answerofthefirststep.html (where answerofthefirststep is the word the player has to find in the first step of the riddle) and then rename youranswer.html by answerofthesecondstep.html (where answerofthesecondstep is the word the player has to find in the second step of the riddle).

Lets see an example.

You made a riddle in two steps. The game begins at infernalbox.html, in this step the player has to find the number 666, he type the answer and then he reach a page named 666.html with another riddle. The answer to this second riddle is the word chocolate, the player type it and reach the end of the riddle wich is a congratulation message.

There is one clue for each step.

in the folder "riddle" you will have :

clue.gif
square.png
infernalbox.html
infernalbox.swf (or infernalbox.jpg if your riddle doesn't use flash)
666.html
666.swf (or 666.jpg if your riddle doesn't use flash)
chocolate.html (and chocolate.jpg if you use a picture instead of a text to congratulate the player, in this case just replace the congratulation text in chocolate.html by <img src="chocolate.jpg"> and remove <h2> and </h2>)

in the folder "clues" you will have :

thebox.html (first clue)
thedevil.html (second clue)

The html files should be like that :

infernalbox.html :

Code:

<html>
<head>
<title>The Infernal Box</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body background="square.png">
<center>
<!--text used in the movie-->
<object data="infernalbox.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="infernalbox.swf" />
<param name="quality" VALUE="high">
<param name="bgcolor" VALUE="#ffffff">
</object>
<br>
<a href="../clues/thebox.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>
</center>
</body>
</html>

or (if you use a picture instead of a swf)

Code:

<html>
<head>
<title>The Infernal Box</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body background="square.png">
<center>
<img src="infernalbox.jpg">
<br>
<a href="../clues/thebox.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>
</center>
</body>
</html>

666.html :

Code:

<html>
<head>
<title>The Devil Within</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body background="square.png">
<center>
<!--text used in the movie-->
<object data="666.swf" type="application/x-shockwave-flash" width="750" height="500">
<param name="movie" value="666.swf" />
<param name="quality" VALUE="high">
<param name="bgcolor" VALUE="#ffffff">
</object>
<br>
<a href="../clues/thedevil.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>
</center>
</body>
</html>

or (if you use a picture instead of a swf)

Code:

<html>
<head>
<title>The Devil Within</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body background="square.png">
<center>
<img src="666.jpg">
<br>
<a href="../clues/thedevil.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>
</center>
</body>
</html>

chocolate.html :

Code:

<html>
<head>
<meta name="robots" content="noindex,nofollow">
</head>
<body bgcolor="#ffffff">
<center>
<BR>
<h2>
Congratulation ! You solved the box !
</h2>
</center>
</body>
</html>

or (if you use a picture instead of a text)

Code:

<html>
<head>
<meta name="robots" content="noindex,nofollow">
</head>
<body bgcolor="#ffffff">
<center>
<BR>
<img src="chocolate.jpg">
</center>
</body>
</html>

thebox.html :

Code:

<html>
<head>
<title>Clue</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body bgcolor="#ffffff">
<center>
<br>
<br>
<h2>
<font color="#000000">
Clue : Just find the right number to open the box
</font>
</h2>
<br>
<TABLE BORDER=0 WIDTH=700>
<TR>
<TD BGCOLOR="#efefef">
<P align=justify>
Ouverture facile is a riddle game that requires a lot of time, search and thinking. Don't be surprised by the difficulty of certain levels, it may take <b>several days</b> to solve some of them (this game isn't an easy one). I strongly advise you to read the "game rules", you'll find some interesting clues to start this journey. Clues can be hidden in unusual places and it takes a while to understand where and how to find the answers, but it's the purpose of this game. That's it, you're on your own.
</P>
</TD>
</TR>
</TABLE>
</font>
</center>
</body>
</html>

thedevil :

Code:

<html>
<head>
<title>Clue</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body bgcolor="#ffffff">
<center>
<br>
<br>
<h2>
<font color="#000000">
Clue : What's the missing ingredient ?
</font>
</h2>
<br>
<TABLE BORDER=0 WIDTH=700>
<TR>
<TD BGCOLOR="#efefef">
<P align=justify>
Ouverture facile is a riddle game that requires a lot of time, search and thinking. Don't be surprised by the difficulty of certain levels, it may take <b>several days</b> to solve some of them (this game isn't an easy one). I strongly advise you to read the "game rules", you'll find some interesting clues to start this journey. Clues can be hidden in unusual places and it takes a while to understand where and how to find the answers, but it's the purpose of this game. That's it, you're on your own.
</P>
</TD>
</TR>
</TABLE>
</font>
</center>
</body>
</html>

Once everything is ready :

remove "read this txt and erase it.txt" from the folder "riddle"
remove "yourriddlepicture.fla" from the folder "riddle"
remove "read this txt and erase it.txt" from the folder "clues"

Make sure your files are correctly named

Take a screenshot of your riddle (the first step if you have more than on step), resize it to 200X133 and save it has a png picture with the name screen.png (overwrite the screen.png file which in the folder "yournickname")

Rename the folder yournickname by younicknamenumberoftheriddle (ex : if your nickname is swan and it's your first riddle then name it swan1)

Use winzip to zip this folder

Go to this page : http://your.ouverturefacile.com/form/index.php

Upload your zip file, fill the form and then click "send"


If the form doesn't work :

Just send your zip file as an attachement to your@ouverturefacile.com

Use "your nickname - name of the riddle - creation (or modification)" as a subject.

ex : "swan - the infernal box - creation" (If it's the first time you send us your riddle it's "creation", if you made some changes in your riddle it's "modification")

As a text for your email just fill this form :

Nickname =
Riddle's name =
Number =
Start page =
Creation or Modification
Your clue (for the forum) =
Your Email =
Solution of the riddle =
Personal message =

The riddle will be reviewed and added if it's good, if we notice something to improve in your riddle we will advise you by sending you an email.

Good luck !


http://www.ouverture-facile.com/signature.pnghttp://www.ouverture-facile.com/ofenlogo.png

Offline

 

#2 2007-02-05 15:44:42

Swan
Superstar
France
From: Everywhere
Registered: 2006-11-28
Posts: 564
Website

Re: How to create a riddle

The "clues" folder :

This is how the clue page is done :

<html>
<head>
<title>Clue</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body bgcolor="#ffffff">
<center>
<br>
<br>
<h2>
<font color="#000000">
Clue : Seriously ? You really need a clue ?I know someone, who know someone, who know someone... with a good toto joke.
</font>
</h2>
<br>
<TABLE BORDER=0 WIDTH=700>
<TR>
<TD BGCOLOR="#efefef">
<P align=justify>
Ouverture facile is a riddle game that requires a lot of time, search and thinking. Don't be surprised by the difficulty of certain levels, it may take <b>several days</b> to solve some of them (this game isn't an easy one). I strongly advise you to read the "game rules", you'll find some interesting clues to start this journey. Clues can be hidden in unusual places and it takes a while to understand where and how to find the answers, but it's the purpose of this game. That's it, you're on your own.
</P>
</TD>
</TR>
</TABLE>
</font>
</center>
</body>
</html>
You only have to edit line 12 and replace "Your clue" by the clue you want to give.

You can hide a clue inside the source code by inserting <! your hidden clue> anywhere you want. There are other ways to hide clues, be creative.

Once the clue is ready, rename it and make sure that line 15 of yourriddle.html point at this page :

If you name this clue page : thebox.html

Code:

<a href="../clues/yourclue.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>

Should become

Code:

<a href="../clues/thebox.html?phpMyAdmin=Mda-gV77fhe85gGqQBT7vmHFG-f" target=_blank><img src="clue.gif" border="0"></a>

If you have several steps in your riddle you can have several clues aswell. Just copy the file and edit line 12 of the clue page, change it's name and point at it in the second step of your riddle.


http://www.ouverture-facile.com/signature.pnghttp://www.ouverture-facile.com/ofenlogo.png

Offline

 

Board footer