mirror of
https://github.com/haselkern/Minecraft-ArmorStand.git
synced 2025-05-17 15:05:33 +00:00
More Explicit Folder Names
Also fixed those THREE.js warnings, that CubeGeometry was outdated, now using BoxGeometry.
This commit is contained in:
Lars Martens
parent
0a1a092233
commit
caf851ca37
9 changed files with 19 additions and 19 deletions
504
main.js
504
main.js
|
|
@ -1,504 +0,0 @@
|
|||
// BIG Thanks to tutsplus.com
|
||||
// http://code.tutsplus.com/tutorials/webgl-with-threejs-basics--net-35688
|
||||
// for helping me getting started
|
||||
|
||||
//Stuff for rendering
|
||||
var DEG2RAD = Math.PI / 180;
|
||||
var width, height, renderer, scene, camera;
|
||||
var clock = new THREE.Clock;
|
||||
var rotY = 0, rotX = 0;
|
||||
var matWood = new THREE.MeshLambertMaterial({ color: 0x826841 });
|
||||
//var matWood = new THREE.MeshLambertMaterial({ color: 0x826841, transparent: true, opacity: 0.5 }); //For testing the mesh alignment
|
||||
var matStone = new THREE.MeshLambertMaterial({ color: 0xadadad });
|
||||
var viewCenter = new THREE.Vector3(0,0,0);
|
||||
// Meshes
|
||||
// The ones marked with //* are not real meshes, but contain a child (or more) which gets rendered.
|
||||
// This is done, so these can easily be rotated around an accurate pivot point.
|
||||
var mBasePlate;
|
||||
var mBody; //*
|
||||
var mHead; //*
|
||||
var mLegLeft; //*
|
||||
var mLegRight; //*
|
||||
var mArmLeft; //*
|
||||
var mArmRight; //*
|
||||
var armorstand, armorstandWrapper; //Group all the other elements
|
||||
|
||||
|
||||
//DATA -> Stuff that we'll use to generate the command. Fetched from the controls.
|
||||
var invisible = false;
|
||||
var invulnerable = false;
|
||||
var persistencerequired = false;
|
||||
var noBasePlate = false;
|
||||
var noGravity = false;
|
||||
var showArms = false;
|
||||
var small = false;
|
||||
|
||||
var useCustomEquipment;
|
||||
var equipSword;
|
||||
var equipShoes;
|
||||
var equipLeggings;
|
||||
var equipChestplate;
|
||||
var equipHelmet;
|
||||
var equipCustomHeadMode;
|
||||
|
||||
var useDisabledSlots;
|
||||
|
||||
//The rotation values are all in degrees.
|
||||
var head = new THREE.Vector3(0,0,0);
|
||||
var body = new THREE.Vector3(0,0,0);
|
||||
var leftLeg = new THREE.Vector3(0,0,0);
|
||||
var rightLeg = new THREE.Vector3(0,0,0);
|
||||
var leftArm = new THREE.Vector3(0,0,0);
|
||||
var rightArm = new THREE.Vector3(0,0,0);
|
||||
var rotation = 0;
|
||||
|
||||
//Stuff for mouse movements
|
||||
var mouseDownX;
|
||||
var mouseDownY;
|
||||
var mouseMoveX;
|
||||
var mouseMoveY;
|
||||
var mouseRotationMultiplier = 0.008;
|
||||
//A point class will help us manage the mouse movements.
|
||||
Point = {
|
||||
x:null,
|
||||
y:null
|
||||
};
|
||||
|
||||
$(document).ready(function(){
|
||||
//Init
|
||||
setup();
|
||||
updateUI();
|
||||
render();
|
||||
|
||||
//Stuff to handle and update input
|
||||
$("input").on("input", function(){
|
||||
handleInput();
|
||||
});
|
||||
$(':checkbox, #equipCustomHeadMode').change(function() {
|
||||
handleInput();
|
||||
});
|
||||
|
||||
|
||||
//Handle rotating with mouse
|
||||
$("#gl")
|
||||
.mousedown(function(event){
|
||||
mouseDownX = event.pageX;
|
||||
mouseDownY = event.pageY;
|
||||
})
|
||||
.mousemove(function(event){
|
||||
mouseMoveX = event.pageX;
|
||||
mouseMoveY = event.pageY;
|
||||
})
|
||||
.mouseup(function(event){
|
||||
rotY += getMouseDeltaX();
|
||||
rotX += getMouseDeltaY();
|
||||
mouseDownX = null;
|
||||
mouseDownY = null;
|
||||
});
|
||||
|
||||
//Hide elements
|
||||
$("#getcommandblock").hide();
|
||||
$("#troubleshooting").hide();
|
||||
$("#inputarms").hide();
|
||||
$("#customequipment").hide();
|
||||
$("#disabledslots").hide();
|
||||
|
||||
});
|
||||
|
||||
function setup(){
|
||||
width = $("#gl").width();
|
||||
height = $("#gl").height();
|
||||
|
||||
renderer = new THREE.WebGLRenderer({ antialias: true, alpha:true });
|
||||
renderer.setSize(width, height);
|
||||
$("#gl").append(renderer.domElement);
|
||||
|
||||
|
||||
scene = new THREE.Scene();
|
||||
armorstand = new THREE.Object3D();
|
||||
//Add an armorstandWrapper to the scene, so the armorstand can be rotated naturally.
|
||||
armorstandWrapper = new THREE.Object3D();
|
||||
armorstand.position.set(0,-0.5,0);
|
||||
armorstandWrapper.add(armorstand);
|
||||
|
||||
|
||||
//BasePlate
|
||||
mBasePlate = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(12/16, 1/16, 12/16),
|
||||
matStone);
|
||||
mBasePlate.position.y = - (1/32 - armorstand.position.y);
|
||||
armorstandWrapper.add(mBasePlate);
|
||||
//Add a little dot, so the user knows which way is forward
|
||||
var mmBaseDot = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 1/16, 4/16),
|
||||
matStone);
|
||||
mmBaseDot.position.set(0,mBasePlate.position.y,10/16);
|
||||
armorstandWrapper.add(mmBaseDot);
|
||||
|
||||
// To Generate the other body parts, we will use a mesh to display,
|
||||
// and add it as a child to the object that serves as a pivot.
|
||||
|
||||
//Left Leg
|
||||
var mmLegLeft = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 11/16, 2/16),
|
||||
matWood);
|
||||
mmLegLeft.position.set(0,-5.5/16,0);
|
||||
mLegLeft = new THREE.Object3D();
|
||||
mLegLeft.position.set(2/16,11/16,0); //Pivot Point
|
||||
mLegLeft.add(mmLegLeft);
|
||||
armorstand.add(mLegLeft);
|
||||
|
||||
//Right Leg
|
||||
var mmLegRight = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 11/16, 2/16),
|
||||
matWood);
|
||||
mmLegRight.position.set(0,-5.5/16,0);
|
||||
mLegRight = new THREE.Object3D();
|
||||
mLegRight.position.set(-2/16,11/16,0); //Pivot Point
|
||||
mLegRight.add(mmLegRight);
|
||||
armorstand.add(mLegRight);
|
||||
|
||||
//Left Arm
|
||||
var mmArmLeft = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 12/16, 2/16),
|
||||
matWood);
|
||||
mmArmLeft.position.set(0,-4/16,0);
|
||||
mArmLeft = new THREE.Object3D();
|
||||
mArmLeft.position.set(6/16,21/16,0); //Pivot Point
|
||||
mArmLeft.add(mmArmLeft);
|
||||
armorstand.add(mArmLeft);
|
||||
|
||||
//Right Arm
|
||||
var mmArmRight = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 12/16, 2/16),
|
||||
matWood);
|
||||
mmArmRight.position.set(0,-4/16,0);
|
||||
mArmRight = new THREE.Object3D();
|
||||
mArmRight.position.set(-6/16,21/16,0); //Pivot Point
|
||||
mArmRight.add(mmArmRight);
|
||||
armorstand.add(mArmRight);
|
||||
|
||||
//Body (consists of four parts)
|
||||
var mmHip = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(8/16, 2/16, 2/16),
|
||||
matWood);
|
||||
mmHip.position.set(0,-11/16,0);
|
||||
var mmBodyLeft = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 7/16, 2/16),
|
||||
matWood);
|
||||
mmBodyLeft.position.set(2/16,-6.5/16,0);
|
||||
var mmBodyRight = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 7/16, 2/16),
|
||||
matWood);
|
||||
mmBodyRight.position.set(-2/16,-6.5/16,0);
|
||||
var mmShoulders = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(12/16, 3/16, 3/16),
|
||||
matWood);
|
||||
mmShoulders.position.set(0,-1.5/16,0);
|
||||
mBody = new THREE.Object3D();
|
||||
mBody.position.set(0,23/16,0); //Pivot Point
|
||||
mBody.add(mmHip);
|
||||
mBody.add(mmBodyLeft);
|
||||
mBody.add(mmBodyRight);
|
||||
mBody.add(mmShoulders);
|
||||
armorstand.add(mBody);
|
||||
|
||||
//Head (neck and skull)
|
||||
var mmNeck = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(2/16, 7/16, 2/16),
|
||||
matWood);
|
||||
mmNeck.position.set(0,3.5/16,0);
|
||||
/*
|
||||
We do not want the head, as it obstructs a whole lot of the view. We can implement this,
|
||||
once we've got an editor option to toggle it on and off.
|
||||
var mmSkull = new THREE.Mesh(
|
||||
new THREE.CubeGeometry(10/16, 10/16, 10/16),
|
||||
matWood);
|
||||
mmSkull.position.set(0,5/16,0);*/
|
||||
mHead = new THREE.Object3D();
|
||||
mHead.position.set(0,22/16,0); //Pivot Point
|
||||
mHead.add(mmNeck);
|
||||
armorstand.add(mHead);
|
||||
|
||||
|
||||
scene.add(armorstandWrapper);
|
||||
|
||||
camera = new THREE.PerspectiveCamera(45, width/height, 0.1, 1000);
|
||||
camera.position.y = 2;
|
||||
camera.position.z = 4;
|
||||
camera.lookAt(viewCenter);
|
||||
scene.add(camera);
|
||||
|
||||
var pointLight = new THREE.PointLight(0xffffff);
|
||||
pointLight.position.set(0, 300, 200);
|
||||
|
||||
scene.add(pointLight);
|
||||
}
|
||||
|
||||
function handleInput(){
|
||||
|
||||
invisible = getCheckBoxInput("invisible");
|
||||
invulnerable = getCheckBoxInput("invulnerable");
|
||||
persistencerequired = getCheckBoxInput("persistencerequired");
|
||||
noBasePlate = getCheckBoxInput("nobaseplate");
|
||||
noGravity = getCheckBoxInput("nogravity");
|
||||
showArms = getCheckBoxInput("showarms");
|
||||
small = getCheckBoxInput("small");
|
||||
|
||||
useCustomEquipment = getCheckBoxInput("usecustomequipment");
|
||||
equipSword = getInput("equipSword");
|
||||
equipShoes = getInput("equipShoes");
|
||||
equipLeggings = getInput("equipLeggings");
|
||||
equipChestplate = getInput("equipChestplate");
|
||||
equipHelmet = getInput("equipHelmet");
|
||||
equipCustomHeadMode = $("#equipCustomHeadMode").val();
|
||||
|
||||
useDisabledSlots = getCheckBoxInput("usedisabledslots");
|
||||
|
||||
|
||||
body.set(getRangeInput("bodyX"), getRangeInput("bodyY"), getRangeInput("bodyZ"));
|
||||
head.set(getRangeInput("headX"), getRangeInput("headY"), getRangeInput("headZ"));
|
||||
leftLeg.set(getRangeInput("leftLegX"), getRangeInput("leftLegY"), getRangeInput("leftLegZ"));
|
||||
rightLeg.set(getRangeInput("rightLegX"), getRangeInput("rightLegY"), getRangeInput("rightLegZ"));
|
||||
leftArm.set(getRangeInput("leftArmX"), getRangeInput("leftArmY"), getRangeInput("leftArmZ"));
|
||||
rightArm.set(getRangeInput("rightArmX"), getRangeInput("rightArmY"), getRangeInput("rightArmZ"));
|
||||
|
||||
rotation = getRangeInput("rotation");
|
||||
|
||||
updateUI();
|
||||
}
|
||||
function getCheckBoxInput(name){
|
||||
return $("input[name="+name+"]").prop("checked");
|
||||
}
|
||||
function getRangeInput(name){
|
||||
return $("input[name="+name+"]").val();
|
||||
}
|
||||
function getInput(name){
|
||||
return $("input[name="+name+"]").val();
|
||||
}
|
||||
|
||||
/** Changes stuff according to our input values */
|
||||
function updateUI(){
|
||||
//Hide/Show different inputs
|
||||
if(showArms)
|
||||
$("#inputarms").slideDown();
|
||||
else
|
||||
$("#inputarms").slideUp();
|
||||
if(useCustomEquipment)
|
||||
$("#customequipment").slideDown();
|
||||
else
|
||||
$("#customequipment").slideUp();
|
||||
if(useDisabledSlots)
|
||||
$("#disabledslots").slideDown();
|
||||
else
|
||||
$("#disabledslots").slideUp();
|
||||
|
||||
$("#code").text(generateCode());
|
||||
if(generateCode().length > 100){
|
||||
$("#codeinfo").html("<b>Please note:</b> This command is too long to be executed from chat. You need to place it inside a command block. (see below)");
|
||||
}
|
||||
|
||||
|
||||
// Rotate 3D Stuff
|
||||
// y and z rotation needs to be inverted
|
||||
mBody.rotation.set(body.x * DEG2RAD, -body.y * DEG2RAD, -body.z * DEG2RAD);
|
||||
mHead.rotation.set(head.x * DEG2RAD, -head.y * DEG2RAD, -head.z * DEG2RAD);
|
||||
mLegLeft.rotation.set(leftLeg.x * DEG2RAD, -leftLeg.y * DEG2RAD, -leftLeg.z * DEG2RAD);
|
||||
mLegRight.rotation.set(rightLeg.x * DEG2RAD, -rightLeg.y * DEG2RAD, -rightLeg.z * DEG2RAD);
|
||||
mArmLeft.rotation.set(leftArm.x * DEG2RAD, -leftArm.y * DEG2RAD, -leftArm.z * DEG2RAD);
|
||||
mArmRight.rotation.set(rightArm.x * DEG2RAD, -rightArm.y * DEG2RAD, -rightArm.z * DEG2RAD);
|
||||
armorstand.rotation.y = -rotation * DEG2RAD;
|
||||
|
||||
// Scale model, depending on small variable
|
||||
if(small)
|
||||
armorstand.scale.set(0.6, 0.6, 0.6);
|
||||
else
|
||||
armorstand.scale.set(1, 1, 1);
|
||||
|
||||
//Set Visibility
|
||||
mArmRight.visible = mArmLeft.visible = showArms;
|
||||
mBasePlate.visible = !noBasePlate;
|
||||
}
|
||||
|
||||
function generateCode(){
|
||||
var code = "/summon ArmorStand ~ ~ ~ {";
|
||||
|
||||
var tags = [];
|
||||
|
||||
//CheckBoxes
|
||||
if(invisible)
|
||||
tags.push("Invisible:1b");
|
||||
if(invulnerable)
|
||||
tags.push("Invulnerable:1b");
|
||||
if(persistencerequired)
|
||||
tags.push("PersistenceRequired:1b");
|
||||
if(noBasePlate)
|
||||
tags.push("NoBasePlate:1b");
|
||||
if(noGravity)
|
||||
tags.push("NoGravity:1b");
|
||||
if(showArms)
|
||||
tags.push("ShowArms:1b");
|
||||
if(small)
|
||||
tags.push("Small:1b");
|
||||
|
||||
//Sliders
|
||||
if(rotation != 0)
|
||||
tags.push("Rotation:["+rotation+"f]");
|
||||
|
||||
//Equipment
|
||||
if(useCustomEquipment){
|
||||
var equip = [];
|
||||
|
||||
if(equipSword != "")
|
||||
equip.push("{id:\""+equipSword+"\",Count:1b}");
|
||||
else
|
||||
equip.push("{}");
|
||||
|
||||
if(equipShoes != "")
|
||||
equip.push("{id:\""+equipShoes+"\",Count:1b}");
|
||||
else
|
||||
equip.push("{}");
|
||||
|
||||
if(equipLeggings != "")
|
||||
equip.push("{id:\""+equipLeggings+"\",Count:1b}");
|
||||
else
|
||||
equip.push("{}");
|
||||
|
||||
if(equipChestplate != "")
|
||||
equip.push("{id:\""+equipChestplate+"\",Count:1b}");
|
||||
else
|
||||
equip.push("{}");
|
||||
|
||||
if(equipHelmet != ""){
|
||||
|
||||
// Use input as item
|
||||
if(equipCustomHeadMode == "item"){
|
||||
equip.push("{id:\""+equipHelmet+"\",Count:1b}");
|
||||
}
|
||||
|
||||
// Use input as player name
|
||||
else if(equipCustomHeadMode == "player"){
|
||||
equip.push("{id:\"skull\",Count:1b,Damage:3b,tag:{SkullOwner:\""+equipHelmet+"\"}}");
|
||||
}
|
||||
|
||||
// Use input as url
|
||||
// Best reference: http://redd.it/24quwx
|
||||
else if(equipCustomHeadMode == "url"){
|
||||
var uuid = generateUUID();
|
||||
var base64Value = btoa('{textures:{SKIN:{url:"'+equipHelmet+'"}}}');
|
||||
|
||||
equip.push('{id:"skull",Count:1b,Damage:3b,tag:{SkullOwner:{Id:'+uuid+',Properties:{textures:[{Value:'+base64Value+'}]}}}}');
|
||||
}
|
||||
|
||||
}
|
||||
else
|
||||
equip.push("{}");
|
||||
|
||||
tags.push("Equipment:["+equip.join(",")+"]");
|
||||
}
|
||||
|
||||
//DisabledSlots
|
||||
if(useDisabledSlots){
|
||||
tags.push("DisabledSlots:"+calculateDisabledSlotsFlag());
|
||||
}
|
||||
|
||||
//Now the pose
|
||||
var pose = [];
|
||||
if(!isZero(body))
|
||||
pose.push("Body:"+getJSONArray(body));
|
||||
if(!isZero(head))
|
||||
pose.push("Head:"+getJSONArray(head));
|
||||
if(!isZero(leftLeg))
|
||||
pose.push("LeftLeg:"+getJSONArray(leftLeg));
|
||||
if(!isZero(rightLeg))
|
||||
pose.push("RightLeg:"+getJSONArray(rightLeg));
|
||||
if(showArms){
|
||||
if(!isZero(leftArm))
|
||||
pose.push("LeftArm:"+getJSONArray(leftArm));
|
||||
if(!isZero(rightArm))
|
||||
pose.push("RightArm:"+getJSONArray(rightArm));
|
||||
}
|
||||
|
||||
|
||||
if(pose.length > 0)
|
||||
tags.push("Pose:{"+pose.join(",")+"}");
|
||||
|
||||
code += tags.join(",");
|
||||
code += "}";
|
||||
return code;
|
||||
}
|
||||
|
||||
function calculateDisabledSlotsFlag() {
|
||||
var dH = $("#dH").is(":checked") ? 1 << (4) : 0;
|
||||
var dC = $("#dC").is(":checked") ? 1 << (3) : 0;
|
||||
var dL = $("#dL").is(":checked") ? 1 << (2) : 0;
|
||||
var dB = $("#dB").is(":checked") ? 1 << (1) : 0;
|
||||
var dW = $("#dW").is(":checked") ? 1 << (0) : 0;
|
||||
var dR = dH + dC + dL + dB + dW;
|
||||
|
||||
var rH = $("#rH").is(":checked") ? 1 << (4 + 8) : 0;
|
||||
var rC = $("#rC").is(":checked") ? 1 << (3 + 8) : 0;
|
||||
var rL = $("#rL").is(":checked") ? 1 << (2 + 8) : 0;
|
||||
var rB = $("#rB").is(":checked") ? 1 << (1 + 8) : 0;
|
||||
var rW = $("#rW").is(":checked") ? 1 << (0 + 8) : 0;
|
||||
var rR = rH + rC + rL + rB + rW;
|
||||
|
||||
var pH = $("#pH").is(":checked") ? 1 << (4 + 16) : 0;
|
||||
var pC = $("#pC").is(":checked") ? 1 << (3 + 16) : 0;
|
||||
var pL = $("#pL").is(":checked") ? 1 << (2 + 16) : 0;
|
||||
var pB = $("#pB").is(":checked") ? 1 << (1 + 16) : 0;
|
||||
var pW = $("#pW").is(":checked") ? 1 << (0 + 16) : 0;
|
||||
var pR = pH + pC + pL + pB + pW;
|
||||
|
||||
var result = dR + rR + pR;
|
||||
return result;
|
||||
}
|
||||
|
||||
function isZero(vector){
|
||||
return vector.x == 0 && vector.y == 0 && vector.z == 0;
|
||||
}
|
||||
function getJSONArray(vector){
|
||||
return "["+vector.x+"f,"+vector.y+"f,"+vector.z+"f]";
|
||||
}
|
||||
|
||||
function getMouseDeltaX(){
|
||||
var mouseDeltaX = 0;
|
||||
if(mouseDownX != null && mouseMoveX != null){
|
||||
mouseDeltaX = mouseMoveX - mouseDownX;
|
||||
}
|
||||
return mouseDeltaX * mouseRotationMultiplier;
|
||||
}
|
||||
function getMouseDeltaY(){
|
||||
var mouseDeltaY = 0;
|
||||
if(mouseDownY != null && mouseMoveY != null){
|
||||
mouseDeltaY = mouseMoveY - mouseDownY;
|
||||
}
|
||||
return mouseDeltaY * mouseRotationMultiplier;
|
||||
}
|
||||
|
||||
function render(){
|
||||
renderer.render(scene, camera);
|
||||
|
||||
var deltaTime = clock.getDelta();
|
||||
|
||||
armorstandWrapper.rotation.y = rotY + getMouseDeltaX();
|
||||
armorstandWrapper.rotation.x = rotX + getMouseDeltaY();
|
||||
|
||||
requestAnimationFrame(render);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// ---- Additional functions
|
||||
|
||||
// From here: http://stackoverflow.com/a/8809472/1456971
|
||||
function generateUUID(){
|
||||
var d = new Date().getTime();
|
||||
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
||||
var r = (d + Math.random()*16)%16 | 0;
|
||||
d = Math.floor(d/16);
|
||||
return (c=='x' ? r : (r&0x3|0x8)).toString(16);
|
||||
});
|
||||
return uuid;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue