1
0
Fork 0
mirror of https://github.com/haselkern/Minecraft-ArmorStand.git synced 2025-05-17 15:05:33 +00:00
Minecraft-ArmorStand/index.htm
2014-09-02 19:41:25 +02:00

149 lines
7.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Minecraft Armor Stand</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="ic/icon.png">
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
<script src="three.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<script src="main.js"></script>
<div id="gl"></div>
<div id="card">
<h1>MINECRAFT ARMOR STAND<br>Oh Snap!</h1>
<b>I just noticed that some rotation values are messed up. I am almost done fixing this :)</b>
<div class="padding">
<center>
<a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank"><img src="ic/github.png" alt="GitHub" title="GitHub" /></a>
<a href="http://redd.it/2dyzfc" target="_blank"><img src="ic/reddit.png" alt="Reddit" title="Reddit" /></a>
<a href="http://www.twitter.com/haselcode" target="_blank"><img src="ic/twitter.png" alt="Twitter" title="Twitter" /></a>
</center>
<br>
<span class="padding" style="cursor: pointer;" onclick="javascript:$('#troubleshooting').slideToggle();">
+ Troubleshooting
</span>
<div id="troubleshooting">
<b>This thing uses WebGL!</b> If you don't see anything on the left enable WebGL in your browser or visit the <a href="http://get.webgl.org/">official WebGL website</a> to troubleshoot problems.
</div>
</div>
<div id="inputsection" class="padding">
<label><input type="checkbox" name="invisible">Invisible</label><br>
<label><input type="checkbox" name="invulnerable">Invulnerable</label><br>
<label><input type="checkbox" name="nobaseplate">No Base Plate</label><br>
<label><input type="checkbox" name="nogravity">No Gravity</label><br>
<label><input type="checkbox" name="showarms">Show Arms</label><br>
<label><input type="checkbox" name="small">Small</label><br>
Rotation: <input type="range" name="rotation" min="0" max="360" value="0">
<div class="evenly">
<span>Head:</span><input type="range" name="headX" min="0" max="360" value="0"><input type="range" name="headY" min="0" max="360" value="0"><input type="range" name="headZ" min="0" max="360" value="0">
</div>
<div class="evenly">
<span>Body:</span><input type="range" name="bodyX" min="0" max="360" value="0"><input type="range" name="bodyY" min="0" max="360" value="0"><input type="range" name="bodyZ" min="0" max="360" value="0">
</div>
<div class="evenly">
<span>Left Leg:</span><input type="range" name="leftLegX" min="0" max="360" value="0"><input type="range" name="leftLegY" min="0" max="360" value="0"><input type="range" name="leftLegZ" min="0" max="360" value="0">
</div>
<div class="evenly">
<span>Right Leg:</span><input type="range" name="rightLegX" min="0" max="360" value="0"><input type="range" name="rightLegY" min="0" max="360" value="0"><input type="range" name="rightLegZ" min="0" max="360" value="0">
</div>
<div id="inputarms">
<div class="evenly">
<span>Left Arm:</span><input type="range" name="leftArmX" min="0" max="360" value="0"><input type="range" name="leftArmY" min="0" max="360" value="0"><input type="range" name="leftArmZ" min="0" max="360" value="0">
</div>
<div class="evenly">
<span>Right Arm:</span><input type="range" name="rightArmX" min="0" max="360" value="0"><input type="range" name="rightArmY" min="0" max="360" value="0"><input type="range" name="rightArmZ" min="0" max="360" value="0">
</div>
</div>
<br>
<label><input type="checkbox" name="usecustomequipment">Use Custom Equipment</label>
<div id="customequipment">
<div class="padding">
Enter the text id of an item (for example <i>stone</i> or <i>iron_sword</i>) into the appropriate slots. You can enter an arbitrary item for the head or hand, but the other slots must contain an appropriate item.
<input type="text" name="equipSword" placeholder="Item in hand">
<input type="text" name="equipShoes" placeholder="Shoes">
<input type="text" name="equipLeggings" placeholder="Leggings">
<input type="text" name="equipChestplate" placeholder="Chestplate">
<input type="text" name="equipHelmet" placeholder="Helmet">
<label><input type="checkbox" name="equipCustomHead">Use Helmet as player name for custom head</label>
</div>
</div>
<br>
<!-- THANK YOU to reddit user Oozebull for this part. -->
<label><input type="checkbox" name="usedisabledslots">Lock Slot Interaction</label>
<div id="disabledslots" class="padding">
<div>
<span class="first">&nbsp;</span>
<span class="sprite" style="background-position: 0px 0px"></span>
<span class="sprite" style="background-position: 0px -16px"></span>
<span class="sprite" style="background-position: 0px -32px"></span>
<span class="sprite" style="background-position: 0px -48px"></span>
<span class="sprite" style="background-position: 0px -64px"></span>
</div>
<div>
<span class="first">Remove</span>
<span><input id="dH" type="checkbox"></input></span>
<span><input id="dC" type="checkbox"></input></span>
<span><input id="dL" type="checkbox"></input></span>
<span><input id="dB" type="checkbox"></input></span>
<span><input id="dW" type="checkbox"></input></span>
</div>
<div>
<span class="first">Replace</span>
<span><input id="rH" type="checkbox"></input></span>
<span><input id="rC" type="checkbox"></input></span>
<span><input id="rL" type="checkbox"></input></span>
<span><input id="rB" type="checkbox"></input></span>
<span><input id="rW" type="checkbox"></input></span>
</div>
<div>
<span class="first">Place</span>
<span><input id="pH" type="checkbox"></input></span>
<span><input id="pC" type="checkbox"></input></span>
<span><input id="pL" type="checkbox"></input></span>
<span><input id="pB" type="checkbox"></input></span>
<span><input id="pW" type="checkbox"></input></span>
</div>
</div>
</div>
<div id="code" class="code"></div>
<div id="codeinfo" class="padding"></div>
</div>
<div id="card">
<span class="padding" style="cursor: pointer;" onclick="javascript:$('#getcommandblock').slideToggle();">
+ Obtain a command block
</span>
<br>
<div id="getcommandblock">
<div class="padding">
If your command is longer than 100 characters, it needs to be executed with a <b>command block</b>. Obtain one by typing:
</div>
<div class="code">
/give @p command_block
</div>
</div>
</div>
</body>
</html>