-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
84 lines (76 loc) · 3.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>JS-ViNE: A JavaScript Visual Novel Engine</title>
<style type="text/css">
h1 {
font-size: 125%;
}
body {
font-family: Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<h1>JS-ViNE: A JavaScript Visual Novel Engine</h1>
<p>
In March of 2010, I wrote a
<a href="http://en.wikipedia.org/wiki/Visual_novel">visual novel</a> (VN) to
explain hypothesis testing to my Psychology
Research Methods class. I used the <a href="http://www.renpy.org/">Ren'py</a>
visual novel engine, and it worked great.
Grant Paton-Simpson, the author of
<a href="http://sofastatistics.com/">SOFA - Statistics Open For All</a>
liked the content, but said he would prefer if it were web-based instead of
having to download an executable file.
</p>
<p>
After some experimentation, I have come up with a visual novel engine written
in JavaScript. It is not meant as a replacement for Ren'py; I just wrote it
so I could transfer my tutorial to the web. I did, however, try to convert
<i>The Question</i>, an example VN that comes with Ren'py, and it seems to
work somewhat. You can try both of these visual novels by selecting
from the following list. Once the novel starts, just click in the novel
window to proceed.
</p>
<ul>
<li><a href="hyptest/index.html">Hypothesis Testing</a></li>
<li><a href="the_question/index.html">The Question</a></li>
</ul>
<p>
You can view <a href="js-vine.js">the source code</a>, which I am
releasing under the
<a href="http://www.gnu.org/copyleft/lesser.html">LGPL</a> (Lesser General
Public License), or you can
download from github:
<a href="https://github.com/jdeisenberg/js-vine">https://github.com/jdeisenberg/js-vine</a>
</p>
<h2>Documentation</h2>
<ul>
<li><a href="docs/index.html">Getting Started (tutorial)</a></li>
<li><a href="docs/advanced.html">Advanced Topics</a></li>
<li><a href="docs/flags.html">Using Flags in a Visual Novel</a></li>
</ul>
<h2>Example Files</h2>
<ul>
<li><a href="docs/exampleNovel.html">Example from “Getting Started” tutorial</a></li>
<li><a href="docs/textExample/textExample.html">Text Blocks</a></li>
<li><a href="docs/hideShowRemoveExample/hideShowRemoveExample.html">Hiding, showing, and removing
characters</a></li>
<li><a href="docs/varExample/varExample.html">Using Variables</a></li>
<li><a href="docs/textInputExample/textInputExample.html">Getting input from the reader</a></li>
<li><a href="docs/ifExample/ifExample.html">The <code>ifStatement</code></a></li>
<li><a href="docs/subExample/subExample.html">Using subroutines</a></li>
<li><a href="docs/audioExample/audioExample.html">Using Audio</a></li>
<li><a href="docs/jsCallExample/jsCallExample.html">Calling JavaScript from a novel</a></li>
<li><a href="docs/backgroundExample/backgroundExample.html">Scenes and Backgrounds</a></li>
<li><a href="docs/imageMapExample/imageMapExample.html">Image Maps</a></li>
<li><a href="docs/imageMapExample/imageMapExample2.html">Image Maps with rollover</a></li>
<li><a href="docs/imageMapExample/imageMapExample3.html">Non-modal Image Maps</a></li>
<li><a href="docs/avatarExample/avatarExample.html">Dialog Avatars</a></li>
</ul>
</body>
</html>