Skip to content
Permalink
Browse files

[e] (0) Add an example of the script of a conversation in interactive…

… fiction.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=14353

git-svn-id: http://svn.whatwg.org/webapps@6685 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Oct 14, 2011
1 parent 8888643 commit d2eb0e5ac2fdc6bd6a0946e284fa534c7a665090
Showing with 178 additions and 0 deletions.
  1. +59 −0 complete.html
  2. +59 −0 index
  3. +60 −0 source

</div>

<div class=example>

<p>HTML does not have a good way to mark up graphs, so descriptions
of interactive conversations from games are more difficult to mark
up. This example shows one possible convention using
<code><a href=#the-dl-element>dl</a></code> elements to list the possible responses at each
point in the conversation. Another option to consider is describing
the conversation in the form of a DOT file, and outputting the
result as an SVG image to place in the document. <a href=#refsDOT>[DOT]</a></p>

<pre>&lt;p&gt; Next, you meet a fisherman. You can say one of several greetings:
&lt;dl&gt;
&lt;dt&gt; "Hello there!"
&lt;dd&gt;
&lt;p&gt; He responds with "Hello, how may I help you?"; you can respond with:
&lt;dl&gt;
&lt;dt&gt; "I would like to buy a fish."
&lt;dd&gt; &lt;p&gt; He sells you a fish and the conversation finishes.
&lt;dt&gt; "Can I borrow your boat?"
&lt;dd&gt;
&lt;p&gt; He is surprised and asks "What are you offering in return?".
&lt;dl&gt;
&lt;dt&gt; "Five gold." (if you have enough)
&lt;dt&gt; "Ten gold." (if you have enough)
&lt;dt&gt; "Fifteen gold." (if you have enough)
&lt;dd&gt; &lt;p&gt; He lends you his boat. The conversation ends.
&lt;dt&gt; "A fish." (if you have one)
&lt;dt&gt; "A newspaper." (if you have one)
&lt;dt&gt; "A pebble." (if you have one)
&lt;dd&gt; &lt;p&gt; "No thanks", he replies. Your conversation options
at this point are the same as they were after asking to borrow
his boat, minus any options you've suggested before.
&lt;/dl&gt;
&lt;/dd&gt;
&lt;/dl&gt;
&lt;/dd&gt;
&lt;dt&gt; "Vote for me in the next election!"
&lt;dd&gt; &lt;p&gt; He turns away. The conversation finishes.
&lt;dt&gt; "Sir, are you aware that your fish are running away?"
&lt;dd&gt;
&lt;p&gt; He looks at you skeptically and says "Fish cannot run, sir".
&lt;dl&gt;
&lt;dt&gt; "You got me!"
&lt;dd&gt; &lt;p&gt; The fisherman sighs and the conversation ends.
&lt;dt&gt; "Only kidding."
&lt;dd&gt; &lt;p&gt; "Good one!" he retorts. Your conversation options at this
point are the same as those following "Hello there!" above.
&lt;dt&gt; "Oh, then what are they doing?"
&lt;dd&gt; &lt;p&gt; He looks at his fish, giving you an opportunity to steal
his boat, which you do. The conversation ends.
&lt;/dl&gt;
&lt;/dd&gt;
&lt;/ul&gt;</pre>

</div>


<h4 id=footnotes><span class=secno>4.13.5 </span>Footnotes</h4>

<dt id=refsDOMRANGE>[DOMRANGE]</dt>
<dd><cite><a href=http://html5.org/specs/dom-range.html>DOM Range</a></cite>, A. Gregor, Ms2ger. html5.org.</dd>

<dt id=refsDOT>[DOT]</dt>
<dd>(Non-normative) <cite><a href=http://www.graphviz.org/content/dot-language>The DOT Language</a></cite>. Graphviz.</dd>

<dt id=refsE163>[E163]</dt>
<dd><cite>Recommendation E.163 &mdash; Numbering Plan for The International
Telephone Service</cite>, CCITT Blue Book, Fascicle II.2, pp. 128-134, November
59 index

</div>

<div class=example>

<p>HTML does not have a good way to mark up graphs, so descriptions
of interactive conversations from games are more difficult to mark
up. This example shows one possible convention using
<code><a href=#the-dl-element>dl</a></code> elements to list the possible responses at each
point in the conversation. Another option to consider is describing
the conversation in the form of a DOT file, and outputting the
result as an SVG image to place in the document. <a href=#refsDOT>[DOT]</a></p>

<pre>&lt;p&gt; Next, you meet a fisherman. You can say one of several greetings:
&lt;dl&gt;
&lt;dt&gt; "Hello there!"
&lt;dd&gt;
&lt;p&gt; He responds with "Hello, how may I help you?"; you can respond with:
&lt;dl&gt;
&lt;dt&gt; "I would like to buy a fish."
&lt;dd&gt; &lt;p&gt; He sells you a fish and the conversation finishes.
&lt;dt&gt; "Can I borrow your boat?"
&lt;dd&gt;
&lt;p&gt; He is surprised and asks "What are you offering in return?".
&lt;dl&gt;
&lt;dt&gt; "Five gold." (if you have enough)
&lt;dt&gt; "Ten gold." (if you have enough)
&lt;dt&gt; "Fifteen gold." (if you have enough)
&lt;dd&gt; &lt;p&gt; He lends you his boat. The conversation ends.
&lt;dt&gt; "A fish." (if you have one)
&lt;dt&gt; "A newspaper." (if you have one)
&lt;dt&gt; "A pebble." (if you have one)
&lt;dd&gt; &lt;p&gt; "No thanks", he replies. Your conversation options
at this point are the same as they were after asking to borrow
his boat, minus any options you've suggested before.
&lt;/dl&gt;
&lt;/dd&gt;
&lt;/dl&gt;
&lt;/dd&gt;
&lt;dt&gt; "Vote for me in the next election!"
&lt;dd&gt; &lt;p&gt; He turns away. The conversation finishes.
&lt;dt&gt; "Sir, are you aware that your fish are running away?"
&lt;dd&gt;
&lt;p&gt; He looks at you skeptically and says "Fish cannot run, sir".
&lt;dl&gt;
&lt;dt&gt; "You got me!"
&lt;dd&gt; &lt;p&gt; The fisherman sighs and the conversation ends.
&lt;dt&gt; "Only kidding."
&lt;dd&gt; &lt;p&gt; "Good one!" he retorts. Your conversation options at this
point are the same as those following "Hello there!" above.
&lt;dt&gt; "Oh, then what are they doing?"
&lt;dd&gt; &lt;p&gt; He looks at his fish, giving you an opportunity to steal
his boat, which you do. The conversation ends.
&lt;/dl&gt;
&lt;/dd&gt;
&lt;/ul&gt;</pre>

</div>


<h4 id=footnotes><span class=secno>4.13.5 </span>Footnotes</h4>

<dt id=refsDOMRANGE>[DOMRANGE]</dt>
<dd><cite><a href=http://html5.org/specs/dom-range.html>DOM Range</a></cite>, A. Gregor, Ms2ger. html5.org.</dd>

<dt id=refsDOT>[DOT]</dt>
<dd>(Non-normative) <cite><a href=http://www.graphviz.org/content/dot-language>The DOT Language</a></cite>. Graphviz.</dd>

<dt id=refsE163>[E163]</dt>
<dd><cite>Recommendation E.163 &mdash; Numbering Plan for The International
Telephone Service</cite>, CCITT Blue Book, Fascicle II.2, pp. 128-134, November
60 source

</div>

<div class="example">

<p>HTML does not have a good way to mark up graphs, so descriptions
of interactive conversations from games are more difficult to mark
up. This example shows one possible convention using
<code>dl</code> elements to list the possible responses at each
point in the conversation. Another option to consider is describing
the conversation in the form of a DOT file, and outputting the
result as an SVG image to place in the document. <a
href="#refsDOT">[DOT]</a></p>

<pre>&lt;p> Next, you meet a fisherman. You can say one of several greetings:
&lt;dl>
&lt;dt> "Hello there!"
&lt;dd>
&lt;p> He responds with "Hello, how may I help you?"; you can respond with:
&lt;dl>
&lt;dt> "I would like to buy a fish."
&lt;dd> &lt;p> He sells you a fish and the conversation finishes.
&lt;dt> "Can I borrow your boat?"
&lt;dd>
&lt;p> He is surprised and asks "What are you offering in return?".
&lt;dl>
&lt;dt> "Five gold." (if you have enough)
&lt;dt> "Ten gold." (if you have enough)
&lt;dt> "Fifteen gold." (if you have enough)
&lt;dd> &lt;p> He lends you his boat. The conversation ends.
&lt;dt> "A fish." (if you have one)
&lt;dt> "A newspaper." (if you have one)
&lt;dt> "A pebble." (if you have one)
&lt;dd> &lt;p> "No thanks", he replies. Your conversation options
at this point are the same as they were after asking to borrow
his boat, minus any options you've suggested before.
&lt;/dl>
&lt;/dd>
&lt;/dl>
&lt;/dd>
&lt;dt> "Vote for me in the next election!"
&lt;dd> &lt;p> He turns away. The conversation finishes.
&lt;dt> "Sir, are you aware that your fish are running away?"
&lt;dd>
&lt;p> He looks at you skeptically and says "Fish cannot run, sir".
&lt;dl>
&lt;dt> "You got me!"
&lt;dd> &lt;p> The fisherman sighs and the conversation ends.
&lt;dt> "Only kidding."
&lt;dd> &lt;p> "Good one!" he retorts. Your conversation options at this
point are the same as those following "Hello there!" above.
&lt;dt> "Oh, then what are they doing?"
&lt;dd> &lt;p> He looks at his fish, giving you an opportunity to steal
his boat, which you do. The conversation ends.
&lt;/dl>
&lt;/dd>
&lt;/ul></pre>

</div>


<h4 id="footnotes">Footnotes</h4>

<dt id="refsDOMRANGE">[DOMRANGE]</dt>
<dd><cite><a href="http://html5.org/specs/dom-range.html">DOM Range</a></cite>, A. Gregor, Ms2ger. html5.org.</dd>

<dt id="refsDOT">[DOT]</dt>
<dd>(Non-normative) <cite><a href="http://www.graphviz.org/content/dot-language">The DOT Language</a></cite>. Graphviz.</dd>

<dt id="refsE163">[E163]</dt>
<dd><cite>Recommendation E.163 &mdash; Numbering Plan for The International
Telephone Service</cite>, CCITT Blue Book, Fascicle II.2, pp. 128-134, November

0 comments on commit d2eb0e5

Please sign in to comment.
You can’t perform that action at this time.