当前提交
b06cac2f69
共有 5 个文件被更改，包括 142 次插入 和 0 次删除
分列视图
Diff 选项
-
+6 -0.jshintrc
-
+4 -0feast.css
-
+35 -0feast.html
-
+49 -0feast.js
-
+48 -0world.js
+ 6
- 0
.jshintrc
查看文件
| @@ -0,0 +1,6 @@ | |||
| { | |||
| "indent": 1, | |||
| "esversion": 6, | |||
| "node": true, | |||
| "sub": true | |||
| } | |||
+ 4
- 0
feast.css
查看文件
| @@ -0,0 +1,4 @@ | |||
| .compass-button { | |||
| width: 100px; | |||
| height: 100px; | |||
| } | |||
+ 35
- 0
feast.html
查看文件
| @@ -0,0 +1,35 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <title>Feast</title> | |||
| <link rel="stylesheet" href="feast.css"> | |||
| <script src="world.js"></script> | |||
| <script src="feast.js"></script> | |||
| <meta name="theme-color" content="#000000" /> | |||
| <meta name="description" content="A vore text adventure" /> | |||
| <meta property="og:title" content="Stroll" /> | |||
| <meta property="og:description" content="A vore text adventure" /> | |||
| <meta property="og:image" content="https://chemicalcrux.org/stroll.png" /> | |||
| <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" /> | |||
| </head> | |||
| <body> | |||
| <div id="location"> | |||
| </div> | |||
| <div id="compass"> | |||
| <button class="compass-button" id="compass-north-west">North West</button> | |||
| <button class="compass-button" id="compass-north">North</button> | |||
| <button class="compass-button" id="compass-north-east">North East</button><br> | |||
| <button class="compass-button" id="compass-west">West</button> | |||
| <button class="compass-button" id="compass-filler">Filler lol</button> | |||
| <button class="compass-button" id="compass-east">East</button><br> | |||
| <button class="compass-button" id="compass-south-west">South West</button> | |||
| <button class="compass-button" id="compass-south">South</button> | |||
| <button class="compass-button" id="compass-south-east">South East</button> | |||
| </div> | |||
| </body> | |||
+ 49
- 0
feast.js
查看文件
| @@ -0,0 +1,49 @@ | |||
| let currentRoom = null; | |||
| function updateDisplay() { | |||
| document.getElementById("location").innerHTML = currentRoom.name; | |||
| } | |||
| function move(direction) { | |||
| let target = currentRoom.exits[direction]; | |||
| if (target == null) { | |||
| alert("Tried to move to an empty room!"); | |||
| return; | |||
| } else { | |||
| updateDisplay(); | |||
| } | |||
| } | |||
| window.addEventListener('load', function(event) { | |||
| loadCompass(); | |||
| currentRoom = createWorld(); | |||
| updateDisplay(); | |||
| }); | |||
| function loadCompass() { | |||
| document.getElementById("compass-north-west").addEventListener("click", function() { | |||
| move(NORTH_WEST); | |||
| }); | |||
| document.getElementById("compass-north").addEventListener("click", function() { | |||
| move(NORTH); | |||
| }); | |||
| document.getElementById("compass-north-east").addEventListener("click", function() { | |||
| move(NORTH_EAST); | |||
| }); | |||
| document.getElementById("compass-west").addEventListener("click", function() { | |||
| move(WEST); | |||
| }); | |||
| document.getElementById("compass-east").addEventListener("click", function() { | |||
| move(EAST); | |||
| }); | |||
| document.getElementById("compass-south-west").addEventListener("click", function() { | |||
| move(SOUTH_WEST); | |||
| }); | |||
| document.getElementById("compass-south").addEventListener("click", function() { | |||
| move(SOUTH); | |||
| }); | |||
| document.getElementById("compass-south-east").addEventListener("click", function() { | |||
| move(SOUTH_EAST); | |||
| }); | |||
| } | |||
+ 48
- 0
world.js
查看文件
| @@ -0,0 +1,48 @@ | |||
| "use strict"; | |||
| let NORTH = 0; | |||
| let NORTH_EAST = 1; | |||
| let EAST = 2; | |||
| let SOUTH_EAST = 3; | |||
| let SOUTH = 4; | |||
| let SOUTH_WEST = 5; | |||
| let WEST = 6; | |||
| let NORTH_WEST = 7; | |||
| /*jshint browser: true*/ | |||
| /*jshint devel: true*/ | |||
| function Location(name="Nowhere") { | |||
| this.name = name; | |||
| this.exits = [null,null,null,null,null,null,null,null]; | |||
| } | |||
| function opposite(direction) { | |||
| return (direction + 4) % 8; | |||
| } | |||
| function connectLocations(loc1,loc2,loc1Exit) { | |||
| if (loc1.exits[loc1Exit] != null) { | |||
| alert(loc1.name + " is already connected to " + loc1.exits[loc1Exit].name); | |||
| return; | |||
| } else if (loc2.exits[opposite(loc1Exit)] != null) { | |||
| alert(loc2.name + " is already connected to " + loc2.exits[opposite(loc1Exit)].name); | |||
| return; | |||
| } else { | |||
| if (loc1Exit >= 0 && loc1Exit <= 7) { | |||
| loc1.exits[loc1Exit] = loc2; | |||
| loc2.exits[opposite(loc1Exit)] = loc1; | |||
| } | |||
| } | |||
| } | |||
| function createWorld() { | |||
| let bedroom = new Location("Bedroom"); | |||
| let bathroom = new Location("Bathroom"); | |||
| let livingroom = new Location("Living Room"); | |||
| connectLocations(bedroom,bathroom,EAST); | |||
| connectLocations(bedroom,livingroom,NORTH); | |||
| return bedroom; | |||
| } | |||