Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Direction Arrows

So, one thing I'm working on is a different way to navigate through my game.  I have the obvious methods of linked passages, but I really think mimicing some of the proven methods of game interfacing would be good for twine and twine game development.  I found some code and was about to make buttons, but I don't think this is the ideal way to accomplish the goal.  Anyone have a better set of button controls for their game?




<html>
<head>
<style>
button
{
position:absolute;
}

button#b1
{
bottom:16%;right:5%;
nav-index:1;
nav-right:#b2; nav-left:#b4;
nav-down:#b2; nav-up:#b4;
}

button#b2
{
bottom:11%;right:0%;
nav-index:2;
nav-right:#b3; nav-left:#b1;
nav-down:#b3; nav-up:#b1;
}

button#b3
{
bottom:5%;right:5%;
nav-index:3;
nav-right:#b4; nav-left:#b2;
nav-down:#b4; nav-up:#b2;
}

button#b4
{
bottom:11%;right:10%;
nav-index:4;
nav-right:#b1; nav-left:#b3;
nav-down:#b1; nav-up:#b3;
}
</style>
</head>
<body>

<button id="b1">North</button>
<button id="b2">East</button>
<button id="b3">South</button>
<button id="b4">West</button>


</body>
</html>

Here is the file also.

Comments

  • Slow down people!
  • I've seen chopped up images with bits that get replaced for hover over and click.  Got some software that'll generate the javascript for one (along with all the images).  No idea how to link a passage change into clicking on an arrow though.
Sign In or Register to comment.