haselkern/Minecraft-ArmorStand
1
0
Fork 0
mirror of https://github.com/haselkern/Minecraft-ArmorStand.git synced 2025-05-17 15:05:33 +00:00
Code Activity

added save and load functionality

Browse source
This commit is contained in:
Lenny Lord 2019-03-03 13:16:43 +05:30
parent bc5c8741f2
commit ba7fc84240
4 changed files with 292 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -3,6 +3,6 @@ Minecraft Armor Stand
### [Try it out](http://haselkern.github.io/Minecraft-ArmorStand)
In Minecraft 1.8 Armorstands were introduced. Unfortunately, the syntax to summon one is quite confusing and not very intuitive, especially when you're trying to create an awesome pose. This tool provides a graphical interface, so that you can focus on the looks and not worry about code.
In Minecraft 1.8 Armor stands were introduced. Unfortunately, the syntax to summon one is quite confusing and not very intuitive, especially when you're trying to create an awesome pose. This tool provides a graphical interface so that you can focus on the looks and not worry about the code.
If you would like to see a feature implemented, feel free to open an issue or submit a pull request.

33
index.htm
View file

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<title>Minecraft Armorstand</title>
<title>Minecraft Armor stand</title>
<meta charset="utf-8">
<meta name="description" content="Create poses for Minecraft armorstands in a breeze! Free, fast, open source.">
<meta name="description" content="Create poses for Minecraft armor stands in a breeze! Free, fast, open source.">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="js/colpick.css">
<link rel="icon" type="image/png" href="images/icon.png">
@ -29,7 +29,7 @@
<div class="right card">
<div class="padding underline">
<h1>MINECRAFT ARMORSTAND</h1>
<h1>MINECRAFT ARMOR STAND</h1>
<center>
<a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank"><img src="images/github.png" alt="GitHub" title="GitHub" /></a>
<a href="https://www.twitter.com/haselcode" target="_blank"><img src="images/twitter.png" alt="Twitter" title="Twitter" /></a>
@ -264,6 +264,32 @@
</div>
<div class="right card">
<span style="cursor: pointer;" onclick="javascript:$('#saveandload').slideToggle();">
+ Save and Load
</span>
<div id="saveandload">
<div class="padding">
<div id="save" class="padding underline">
<p>
Save your current armor stand creation
</p>
<input type="text" name="creationname" id="creationname" placeholder="My armor stand"/>
<button style="display:inline-block" id="savecreation" onclick="javascript:saveData();">Save Creation</button><br>
</div>
<div id="load" class="padding underline">
<p id="loadmessage">
Load your saved creations
</p>
<div id="loadlistopts">
<select id="loadlist"></select>
<button id="loadcreation" style="display:inline-block;" onclick="javascript:loadData($(`#loadlist`).val());">Load Creation</button>
<button id="deletesave" style="display:inline-block;" onclick="javascript:deleteSave($(`#loadlist`).val());">Delete Creation</button><br>
</div>
</div>
</div>
</div>
</div>
<div class="right card">
<span style="cursor: pointer;" onclick="javascript:$('#getcommandblock').slideToggle();">
@ -280,7 +306,6 @@
</div>
</div>
<div class="right card">
<span class="" style="cursor: pointer;" onclick="javascript:$('#troubleshooting').slideToggle();">
+ Troubleshooting

252
js/main.js
View file

@ -117,10 +117,11 @@ $(document).ready(function(){
setup();
updateUI();
render();
loadScreen();
// Confirm exit
window.onbeforeunload = function(){
return "Changes will NOT be saved. Exit anyways?";
return "Unsaved changes will NOT be saved. Exit anyways?";
};
// Copy code on click
@ -156,6 +157,7 @@ $(document).ready(function(){
//Hide elements
$("#getcommandblock").hide();
$("#saveandload").hide();
$("#troubleshooting").hide();
$("#inputarms").hide();
$("#customequipment").hide();
@ -180,6 +182,21 @@ $(document).ready(function(){
});
function loadScreen() {
$(`#creationname`).attr(`placeholder`, `My Armor Stand #${localStorage.length + 1}`);
if (!localStorage.length) {
$(`#loadlistopts`).hide();
$(`#loadmessage`).text(`You do not have any creations to load!`);
} else {
$(`#loadlistopts`).show();
$(`#loadmessage`).text(`Load your saved creations`);
$(`#loadlist`).empty();
for (let i = 0; i < localStorage.length; i++) {
$(`#loadlist`).append(`<option value="${localStorage.key(i)}">${localStorage.key(i)}</option>`);
};
};
};
function setup(){
width = $("#gl").width();
height = $("#gl").height();
@ -321,7 +338,7 @@ function handleInput(){
showArms = getCheckBoxInput("showarms");
small = getCheckBoxInput("small");
marker = getCheckBoxInput("marker");
centercorrected = getCheckBoxInput("center-corrected")
centercorrected = getCheckBoxInput("center-corrected");
useEquipment = getCheckBoxInput("useequipment");
equipHandRight = getInput("equipHandRight");
@ -358,16 +375,19 @@ function handleInput(){
rotation = getRangeInput("rotation");
updateUI();
}
function getCheckBoxInput(name){
};
function getCheckBoxInput(name) {
return $("input[name="+name+"]").prop("checked");
}
function getRangeInput(name){
};
function getRangeInput(name) {
return $("input[name="+name+"]").val();
}
function getInput(name){
};
function getInput(name) {
return $("input[name="+name+"]").val();
}
};
/** Changes stuff according to our input values */
function updateUI(){
@ -850,4 +870,214 @@ function rotateAroundWorldAxis(object, axis, radians, reset) {
rotWorldMatrix.multiply(object.matrix); // pre-multiply
object.matrix = rotWorldMatrix;
object.rotation.setFromRotationMatrix(object.matrix);
}
}
function saveData() {
// Handles saving of armor stand data
const SAVE_DATA = {
name: $(`#creationname`).val() === `` ? `My Armor Stand #${localStorage.length + 1}` : $(`#creationname`).val(),
version: $(`#mcversion`).val(),
options: {
invisible: getCheckBoxInput("invisible"),
invulnerable: getCheckBoxInput("invulnerable"),
presistence_required: getCheckBoxInput("persistencerequired"),
no_base_plate: getCheckBoxInput("nobaseplate"),
no_gravity: getCheckBoxInput("nogravity"),
show_arms: getCheckBoxInput("showarms"),
small: getCheckBoxInput("small"),
marker: getCheckBoxInput("marker"),
center_corrected: getCheckBoxInput("center-corrected")
},
rotation: {
main: getRangeInput("rotation"),
head: [getRangeInput("headX"), getRangeInput("headY"), getRangeInput("headZ")],
body: [getRangeInput("bodyX"), getRangeInput("bodyY"), getRangeInput("bodyZ")],
legs: {
left: [getRangeInput("leftLegX"), getRangeInput("leftLegY"), getRangeInput("leftLegX")],
right: [getRangeInput("rightLegX"), getRangeInput("rightLegY"), getRangeInput("rightLegZ")],
},
arms: {
left: [getRangeInput("leftArmX"), getRangeInput("leftArmY"), getRangeInput("leftArmX")],
right: [getRangeInput("rightArmX"), getRangeInput("rightArmY"), getRangeInput("rightArmX")]
}
},
equipment: {
enabled: getCheckBoxInput("useequipment"),
hands: {
right: getInput("equipHandRight"),
left: getInput("equipHandLeft")
},
boots: getInput("equipShoes"),
leggings: getInput("equipLeggings"),
chestplate: getInput("equipChestplate"),
helmet: getInput("equipHelmet"),
helmet_specifies: $("#equipCustomHeadMode").val(),
leather_colours: {
helmet: $(`#helmetcolor`).css(`background-color`),
chestplate: $(`#chestplatecolor`).css(`background-color`),
leggings: $(`#leggingscolor`).css(`background-color`),
boots: $(`#shoecolor`).css(`background-color`)
}
},
custom_name: {
name: $(`#customname`).val(),
show_custom_name: getCheckBoxInput("showcustomname"),
name_color: getInput("namecolor"),
options: {
bold: getCheckBoxInput("namebold"),
italic: getCheckBoxInput("nameitalic"),
obfuscated: getCheckBoxInput("nameobfuscated"),
strikethrough: getCheckBoxInput("namestrikethrough")
}
},
lock_slot_interaction: {
enabled: $("input[name=usedisabledslots]").is(":checked"),
remove: {
helmet: $("#dH").is(":checked"),
chestplate: $("#dC").is(":checked"),
leggings: $("#dL").is(":checked"),
boots: $("#dB").is(":checked"),
weapons: $("#dW").is(":checked")
},
replace: {
helmet: $("#rH").is(":checked"),
chestplate: $("#rC").is(":checked"),
leggings: $("#rL").is(":checked"),
boots: $("#rB").is(":checked"),
weapons: $("#rW").is(":checked")
},
place: {
helmet: $("#pH").is(":checked"),
chestplate: $("#pC").is(":checked"),
leggings: $("#pL").is(":checked"),
boots: $("#pB").is(":checked"),
weapons: $("#pW").is(":checked")
}
}
};
localStorage.setItem(SAVE_DATA.name, JSON.stringify(SAVE_DATA));
loadScreen();
$(`#creationname`).val(``);
alert(`Awesome! Your creation has been saved as ${SAVE_DATA.name}.`);
};
function loadData(data) {
console.log(`loading data!`);
data = localStorage.getItem(data);
if (!data) return alert(`An error occurred while loading the creation.`);
try {
data = JSON.parse(data);
// version
$(`#mcversion`).val(data.version);
// options
$("input[name=invisible]").prop(`checked`, data.options.invisible);
$("input[name=invulnerable]").prop(`checked`, data.options.invulnerable);
$("input[name=persistencerequired]").prop(`checked`, data.options.presistence_required);
$("input[name=nobaseplate]").prop(`checked`, data.options.no_base_plate);
$("input[name=nogravity]").prop(`checked`, data.options.no_gravity);
$("input[name=showarms]").prop(`checked`, data.options.show_arms);
$("input[name=small]").prop(`checked`, data.options.small);
$("input[name=marker]").prop(`checked`, data.options.marker);
$("input[name=center-corrected]").prop(`checked`, data.options.center_corrected);
// rotation
$("input[name=rotation]").val(data.rotation.main);
$("input[name=headX]").val(data.rotation.head[0]);
$("input[name=headY]").val(data.rotation.head[1]);
$("input[name=headZ]").val(data.rotation.head[2]);
$("input[name=bodyX]").val(data.rotation.body[0]);
$("input[name=bodyY]").val(data.rotation.body[1]);
$("input[name=bodyZ]").val(data.rotation.body[2]);
$("input[name=leftLegX]").val(data.rotation.legs.left[0]);
$("input[name=leftLegY]").val(data.rotation.legs.left[1]);
$("input[name=leftLegZ]").val(data.rotation.legs.left[2]);
$("input[name=rightLegX]").val(data.rotation.legs.right[0]);
$("input[name=rightLegY]").val(data.rotation.legs.right[1]);
$("input[name=rightLegZ]").val(data.rotation.legs.right[2]);
$("input[name=leftArmX]").val(data.rotation.arms.left[0]);
$("input[name=leftArmY]").val(data.rotation.arms.left[1]);
$("input[name=leftArmZ]").val(data.rotation.arms.left[2]);
$("input[name=rightArmX]").val(data.rotation.arms.right[0]);
$("input[name=rightArmY]").val(data.rotation.arms.right[1]);
$("input[name=rightArmZ]").val(data.rotation.arms.right[2]);
//equipment
$("input[name=useequipment]").prop(`checked`, data.equipment.enabled);
$(`input[name=equipShoes]`).val(data.equipment.boots);
$(`input[name=equipLeggings]`).val(data.equipment.leggings);
$(`input[name=equipChestplate]`).val(data.equipment.chestplate);
$(`input[name=equipHelmet]`).val(data.equipment.helmet);
$(`input[name=equipHandRight]`).val(data.equipment.hands.right);
$(`input[name=equipHandLeft]`).val(data.equipment.hands.left);
$(`#equipCustomHeadMode`).val(data.equipment.helmet_specifies);
$(`#helmetcolor`).css(`background-color`, data.equipment.leather_colours.helmet);
$(`#chestplatecolor`).css(`background-color`, data.equipment.leather_colours.chestplate);
$(`#leggingscolor`).css(`background-color`, data.equipment.leather_colours.leggings);
$(`#shoecolor`).css(`background-color`, data.equipment.leather_colours.boots);
getLeatherColorString($("#helmetcolor"))
getLeatherColorString($("#chestplatecolor"))
getLeatherColorString($("#leggingscolor"))
getLeatherColorString($("#shoecolor"))
//custom name
$(`#customname`).val(data.custom_name.name);
$(`input[name=showcustomname]`).prop(`checked`, data.custom_name.show_custom_name);
$(`input[name=namecolor]`).val(data.custom_name.name_color);
$("input[name=namebold]").prop(`checked`, data.custom_name.options.bold);
$("input[name=nameitalic]").prop(`checked`, data.custom_name.options.italic);
$("input[name=nameobfuscated]").prop(`checked`, data.custom_name.options.obfuscated);
$("input[name=namestrikethrough]").prop(`checked`, data.custom_name.options.strikethrough);
//lock slot interaction
$("input[name=usedisabledslots]").prop(`checked`, data.lock_slot_interaction.enabled);
$(`#dH`).prop(`checked`, data.lock_slot_interaction.remove.helmet);
$(`#dC`).prop(`checked`, data.lock_slot_interaction.remove.chestplate);
$(`#dL`).prop(`checked`, data.lock_slot_interaction.remove.leggings);
$(`#dB`).prop(`checked`, data.lock_slot_interaction.remove.boots);
$(`#dW`).prop(`checked`, data.lock_slot_interaction.remove.weapons);
$(`#rH`).prop(`checked`, data.lock_slot_interaction.replace.helmet);
$(`#rC`).prop(`checked`, data.lock_slot_interaction.replace.chestplate);
$(`#rL`).prop(`checked`, data.lock_slot_interaction.replace.leggings);
$(`#rB`).prop(`checked`, data.lock_slot_interaction.replace.boots);
$(`#rW`).prop(`checked`, data.lock_slot_interaction.replace.weapons);
$(`#pH`).prop(`checked`, data.lock_slot_interaction.place.helmet);
$(`#pC`).prop(`checked`, data.lock_slot_interaction.place.chestplate);
$(`#pL`).prop(`checked`, data.lock_slot_interaction.place.leggings);
$(`#pB`).prop(`checked`, data.lock_slot_interaction.place.boots);
$(`#pW`).prop(`checked`, data.lock_slot_interaction.place.weapons);
handleInput();
console.log(`done loading!`)
} catch (err) {
console.error(err);
alert(`An error occurred while loading the creation.`);
};
loadScreen();
};
function deleteSave(data) {
localStorage.removeItem(data);
loadScreen();
alert(`${data} has been deleted!`);
};

21
style.css
View file

@ -30,6 +30,27 @@ a{
color: #000000;
}
button {
border: 1px solid #aaa;
background-color: rgb(230, 230, 230);
border-radius: 3px;
padding: 0.5em;
}
button:hover {
cursor: pointer;
background-color: rgb(220, 220, 220);
}
button:active {
background-color: rgb(200, 200, 200);
}
button:focus {
outline:0;
}
input[type="text"], select{
border: 1px solid #aaa;
border-radius: 3px;