additionalfeatures.html
1    <!DOCTYPE html> 
2    <html lang="en"> 
3    <head> 
4      <meta charset="UTF-8"> 
5      <meta name="viewport" content="width=device-width"> 
6      <title>{ Coding for Kids } The Room Adventure - Added Features</title> 
7     
8      <link href="/index.css" rel="stylesheet" type="text/css"/> 
9      <link href="/roomadventure/rooms.css" rel="stylesheet" type="text/css"/> 
10     <link rel="shortcut icon" href="http://stephenjwolf.com/coding/favicon.ico" type="image/x-icon"/> 
11   </head> 
12   <body> 
13   <div id="body"><!-- Required div for navigation bar --> 
14     <div class="imgfloater max150px"><img src="/images/NathanAha.png"></div> 
15     <h1>{ Coding for Kids } The Room Adventure - Added Features</h1> 
16    
17     <p>You've created <a href="../../index.html">The Room Adventure</a> and now you want to add more to it, right? Where 
18       should you start? What do you want to add?</p> 
19     <p>As mentioned in the book, you can really do anything you want. Adding more rooms is always an easy way to expand 
20       your game. But there's a lot more we can do improve the basic experience and to make the game even more fun!</p> 
21     <p>This is just a starting point. As more ideas come in, we can adjust the game even further. <a 
22         href="mailto:coding@stephenjwolf.com">Let me know</a> what other adjustments you would like to see!</p> 
23    
24    
25     <p>As always, happy coding!</p> 
26    
27    
28     <!-- 
29     black star 
30      white star 
31     --> 
32    
33    
34     <h2>Text Version Additions</h2> 
35     <div class="flex-feature"> 
36    
37       <!-- feature cell template 
38    
39       <div class="feature"> 
40         <a href=""> 
41           <div class="imgtitle"></div> 
42           <div class="half"><img src=""></div> 
43           <div class="description"></div> 
44           <div class="requirement">Requirement: Basic game</div> 
45           <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
46         </a> 
47       </div> 
48       --> 
49    
50       <div class="feature"> 
51         <a href="/roomadventure/racode/addons/addontext/addtextname.html"> 
52           <div class="imgtitle">Get the Player's Name</div> 
53           <div class="half"><img src="/roomadventure/screenimages/getplayernameprompt.png"></div> 
54           <div class="description">Allow the player to enter their name to be used in the game text.</div> 
55           <div class="requirement">Requirement: Basic game</div> 
56           <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
57         </a> 
58       </div> 
59    
60       <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlkeepiteminroom.html"> 
61         <div class="imgtitle">Keep an Item in a Specific Room</div> 
62         <div class="half"><img src="/roomadventure/screenimages/keepiteminroom.png"></div> 
63         <div class="description">Force an item to remain in a specific room when randomizing other item locations</div> 
64         <div class="requirement">Requirement: randomizeItems</div> 
65         <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
66       </a> 
67       </div> 
68    
69       <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmliteminotherlocation.html"> 
70         <div class="imgtitle">Keep 'itemFound' Item out of its 'fixWith' Room</div> 
71         <div class="half"><img src="/roomadventure/screenimages/shuffleitems.png"></div> 
72         <div class="description">When randomizing item locations, sometimes the item needed to fix the room is inside the room itself. This prevents that.</div> 
73         <div class="requirement">Requirement: randomizeItems</div> 
74         <div class="difficulty">Difficulty: &#9733;&#9733;&#9734;&#9734;&#9734;</div> 
75       </a> 
76       </div> 
77    
78       <div class="feature"><a href="/roomadventure/racode/addons/addontext/addtextleavepasscode.html"> 
79         <div class="imgtitle">Leave Passcode Entry</div> 
80         <div class="half"><img src="/roomadventure/screenimages/textpasscodehint02.png"></div> 
81         <div class="description">Allow the player to leave the passcode entry prompt without a penalty.</div> 
82         <div class="requirement">Requirement: Passcode feature</div> 
83         <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
84       </a> 
85       </div> 
86    
87       <div class="feature"><a href="/roomadventure/racode/addons/addontext/addtextpasscodehint.html"> 
88         <div class="imgtitle">Add Passcode Hints</div> 
89         <div class="half"><img src="/roomadventure/screenimages/textpasscodehint02.png"></div> 
90         <div class="description">Show passcode pieces in passcode dialogue. Also allow player to ask for a hint.</div> 
91         <div class="requirement">Requirement: Passcode feature</div> 
92         <div class="difficulty">Difficulty: &#9733;&#9733;&#9734;&#9734;&#9734;</div> 
93       </a> 
94       </div> 
95    
96       <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addrandomlayoutdiagonals.html"> 
97         <div class="imgtitle">Add Diagonal Directions to the Random Layout</div> 
98         <div class="half"><img src="/roomadventure/screenimages/randomlayoutdiagonaltext.png"></div> 
99         <div class="description">The random room layout function only connects rooms east-west and north-south. Now add northeast-southwest and northwest-southeast.</div> 
100        <div class="requirement">Requirement: randomizeRoomLayout</div> 
101        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
102      </a> 
103      </div> 
104   
105   
106      <!-- end of text features --> 
107    </div> 
108   
109    <h2>HTML Version Additions</h2> 
110    <div class="flex-feature"> 
111   
112      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlname.html"> 
113        <div class="imgtitle">Get the Player's Name</div> 
114        <div class="half"><img src="/roomadventure/screenimages/getplayername.png"></div> 
115        <div class="description">Allow the player to enter their name to be used in the game text.</div> 
116        <div class="requirement">Requirement: Basic game</div> 
117        <div class="difficulty">Difficulty: &#9733;&#9733;&#9734;&#9734;&#9734;</div> 
118      </a> 
119      </div> 
120   
121        <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlkeepiteminroom.html"> 
122        <div class="imgtitle">Keep an Item in a Specific Room</div> 
123        <div class="half"><img src="/roomadventure/screenimages/keepiteminroom.png"></div> 
124        <div class="description">Force an item to remain in a specific room when randomizing other item locations</div> 
125        <div class="requirement">Requirement: randomizeItems</div> 
126        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
127      </a> 
128      </div> 
129   
130      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmliteminotherlocation.html"> 
131        <div class="imgtitle">Keep 'itemFound' Item out of its 'fixWith' Room</div> 
132        <div class="half"><img src="/roomadventure/screenimages/shuffleitems.png"></div> 
133        <div class="description">When randomizing item locations, sometimes the item needed to fix the room is inside the room itself. This prevents that.</div> 
134        <div class="requirement">Requirement: randomizeItems</div> 
135        <div class="difficulty">Difficulty: &#9733;&#9733;&#9734;&#9734;&#9734;</div> 
136      </a> 
137      </div> 
138   
139      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlcolorschemes.html"> 
140        <div class="imgtitle">Change Interface Colors as You Play</div> 
141        <div class="half"><img src="/roomadventure/screenimages/colorchange02.png"></div> 
142        <div class="description">Change colors based on which room you're in, if you earn or lose points, etc. This version only changes the outer border and title color, but is adaptable.</div> 
143        <div class="requirement">Requirement: HTML upgrade</div> 
144        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
145      </a> 
146      </div> 
147   
148      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlleavepasscode.html"> 
149        <div class="imgtitle">Leave Passcode Entry</div> 
150        <div class="half"><img src="/roomadventure/screenimages/passcodeleave.png"></div> 
151        <div class="description">Allow the player to leave the passcode entry screen without a penalty.</div> 
152        <div class="requirement">Requirement: Passcode feature</div> 
153        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
154      </a> 
155      </div> 
156   
157      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlpasscodebackspace.html"> 
158        <div class="imgtitle">Edit Passcode Entry</div> 
159        <div class="half"><img src="/roomadventure/screenimages/passcodedeletebackspace.png"></div> 
160        <div class="description">Allow player to delete an entered number or start over.</div> 
161        <div class="requirement">Requirement: Passcode feature</div> 
162        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
163      </a> 
164      </div> 
165   
166      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addhtmlpasscodehint.html"> 
167        <div class="imgtitle">Add Passcode Hints</div> 
168        <div class="half"><img src="/roomadventure/screenimages/hintbutton01.png"></div> 
169        <div class="description">Allow player to ask for a hint.</div> 
170        <div class="requirement">Requirement: Passcode feature</div> 
171        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
172      </a> 
173      </div> 
174   
175      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addrandomlayoutdiagonals.html"> 
176        <div class="imgtitle">Add Diagonal Directions to the Random Layout</div> 
177        <div class="half"><img src="/roomadventure/screenimages/randomlayoutdiagonal.png"></div> 
178        <div class="description">The random room layout function only connects rooms east-west and north-south. Now add northeast-southwest and northwest-southeast.</div> 
179        <div class="requirement">Requirement: randomizeRoomLayout</div> 
180        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
181      </a> 
182      </div> 
183   
184      <div class="feature"><a href="/roomadventure/racode/addons/addonhtml/addlockedroom.html"> 
185        <div class="imgtitle">Lock Rooms and Find Keys</div> 
186        <div class="half"><img src="/roomadventure/screenimages/lockedhtmlroomslocked.png"></div> 
187        <div class="description"></div> 
188        <div class="requirement">Requirement: randomizeRoomLayout</div> 
189        <div class="difficulty">Difficulty: &#9733;&#9734;&#9734;&#9734;&#9734;</div> 
190      </a> 
191      </div> 
192   
193   
194      <!-- end of html features--> 
195    </div> 
196   
197    <h2>Coding is never really finished. You can always keep adding features!</h2> 
198    <h2>&mdash;Dr. Wolf</h2> 
199   
200    <div id="prevnext"></div> 
201    <!-- required section for navigation sidebar --> 
202  </div> 
203  <script src="/navigator.js"></script> 
204  <script>begin("roomadventure");</script> 
205  <!-- end of required section for navigation sidebar --> 
206  </body> 
207  </html> 
208