var ground_animation = false; var ground_timer = 0 var display_slot; var display_presets; var display_preview; var enterDisplaySettings, exitDisplaySettings; const DisplayMode = {}; class DisplaySlot { constructor(id, data) { this.default() if (data) this.extend(data) } default() { this.rotation = [0, 0, 0]; this.translation = [0, 0, 0]; this.scale = [1, 1, 1]; this.mirror = [false, false, false] return this; } copy() { return { rotation: this.rotation.slice(), translation: this.translation.slice(), scale: this.scale.slice(), mirror: this.mirror.slice() } } export() { var build = {} if (!this.rotation.allEqual(0)) build.rotation = this.rotation if (!this.translation.allEqual(0)) build.translation = this.translation if (!this.scale.allEqual(1) || !this.mirror.allEqual(false)) { build.scale = this.scale.slice() if (!this.mirror.allEqual(false)) { for (var i = 0; i < 3; i++) { build.scale[i] *= this.mirror[i] ? -1 : 1; } } } if (Object.keys(build).length) { return build; } } extend(data) { if (!data) return this; for (var i = 0; i < 3; i++) { if (data.rotation) Merge.number(this.rotation, data.rotation, i) if (data.translation) Merge.number(this.translation, data.translation, i) if (data.mirror) Merge.boolean(this.mirror, data.mirror, i) if (data.scale) Merge.number(this.scale, data.scale, i) this.scale[i] = Math.abs(this.scale[i]) if (data.scale && data.scale[i] < 0) this.mirror[i] = true; } this.update() return this; } update() { if (display_mode && this === DisplayMode.slot) { DisplayMode.vue.$forceUpdate() DisplayMode.updateDisplayBase() } return this; } } (function() { display_presets = [ {id: 'item', fixed: true, areas: { ground: { rotation: [ 0, 0, 0 ], translation: [ 0, 2, 0], scale:[ 0.5, 0.5, 0.5 ] }, head: { rotation: [ 0, 180, 0 ], translation: [ 0, 13, 7], scale:[ 1, 1, 1] }, thirdperson_righthand: { rotation: [ 0, 0, 0 ], translation: [ 0, 3, 1 ], scale: [ 0.55, 0.55, 0.55 ] }, thirdperson_lefthand: { rotation: [ 0, 0, 0 ], translation: [ 0, 3, 1 ], scale: [ 0.55, 0.55, 0.55 ] }, firstperson_righthand: { rotation: [ 0, -90, 25 ], translation: [ 1.13, 3.2, 1.13], scale: [ 0.68, 0.68, 0.68 ] }, firstperson_lefthand: { rotation: [ 0, -90, 25 ], translation: [ 1.13, 3.2, 1.13], scale: [ 0.68, 0.68, 0.68 ] }, fixed: { rotation: [ 0, 180, 0 ], translation: [ 0, 0, 0 ], scale: [ 1, 1, 1 ], } } }, {id: 'block', fixed: true, areas: { gui: { rotation: [ 30, 225, 0 ], translation: [ 0, 0, 0], scale:[ 0.625, 0.625, 0.625 ] }, ground: { rotation: [ 0, 0, 0 ], translation: [ 0, 3, 0], scale:[ 0.25, 0.25, 0.25 ] }, fixed: { rotation: [ 0, 0, 0 ], translation: [ 0, 0, 0], scale:[ 0.5, 0.5, 0.5 ] }, thirdperson_righthand: { rotation: [ 75, 45, 0 ], translation: [ 0, 2.5, 0], scale: [ 0.375, 0.375, 0.375 ] }, thirdperson_lefthand: { rotation: [ 75, 45, 0 ], translation: [ 0, 2.5, 0], scale: [ 0.375, 0.375, 0.375 ] }, firstperson_righthand: { rotation: [ 0, 45, 0 ], translation: [ 0, 0, 0 ], scale: [ 0.40, 0.40, 0.40 ] }, firstperson_lefthand: { rotation: [ 0, 225, 0 ], translation: [ 0, 0, 0 ], scale: [ 0.40, 0.40, 0.40 ] } } }, {id: 'handheld', fixed: true, areas: { thirdperson_righthand: { rotation: [ 0, -90, 55 ], translation: [ 0, 4.0, 0.5 ], scale: [ 0.85, 0.85, 0.85 ] }, thirdperson_lefthand: { rotation: [ 0, 90, -55 ], translation: [ 0, 4.0, 0.5 ], scale: [ 0.85, 0.85, 0.85 ] }, firstperson_righthand: { rotation: [ 0, -90, 25 ], translation: [ 1.13, 3.2, 1.13 ], scale: [ 0.68, 0.68, 0.68 ] }, firstperson_lefthand: { rotation: [ 0, 90, -25 ], translation: [ 1.13, 3.2, 1.13 ], scale: [ 0.68, 0.68, 0.68 ] } } }, {id: 'rod', fixed: true, areas: { thirdperson_righthand: { rotation: [ 0, 90, 55 ], translation: [ 0, 4.0, 2.5 ], scale: [ 0.85, 0.85, 0.85 ] }, thirdperson_lefthand: { rotation: [ 0, -90, -55 ], translation: [ 0, 4.0, 2.5 ], scale: [ 0.85, 0.85, 0.85 ] }, firstperson_righthand: { rotation: [ 0, 90, 25 ], translation: [ 0, 1.6, 0.8 ], scale: [ 0.68, 0.68, 0.68 ] }, firstperson_lefthand: { rotation: [ 0, -90, -25 ], translation: [ 0, 1.6, 0.8 ], scale: [ 0.68, 0.68, 0.68 ] } } }, {id: 'armor_stand', fixed: true, areas: { thirdperson_righthand: { rotation: [ 90, 0, 0 ], translation: [ -6, -2, -4 ], scale: [ 1, 1, 1 ] }, thirdperson_lefthand: { rotation: [ 90, 0, 0 ], translation: [ -6, -2, -4 ], scale: [ 1, 1, 1 ] }, head: { rotation: [ 0, 0, 0 ], translation: [ 0, -30.4, 0 ], scale: [ 1.6, 1.6, 1.6 ] } } } ] if (localStorage.getItem('display_presets') != null) { var stored_display_presets = JSON.parse(localStorage.getItem('display_presets')) $.extend(display_presets, stored_display_presets) } class refModel { constructor(id, options = 0) { var scope = this; this.model = new THREE.Object3D(); this.name = tl('display.reference.'+id); this.id = id; this.icon = options.icon || id; this.initialized = false; this.pose_angles = {}; switch (id) { case 'player': this.pose_angles.thirdperson_righthand = 22.5; this.pose_angles.thirdperson_lefthand = 22.5; this.pose_angles.head = 0; this.updateBasePosition = function() { let angle = Math.degToRad(scope.pose_angles[display_slot] || 0) let x = scope.variant === 'alex' ? 5.5 : 6 let y = 22 - Math.cos(angle)*10 + Math.sin(angle)*2 let z = Math.sin(angle)*10 + Math.cos(angle)*2 if (display_slot === 'thirdperson_righthand') { setDisplayArea(x, y, -z, -90 + scope.pose_angles[display_slot], 0, 0, 1, 1, 1) } else if (display_slot === 'thirdperson_lefthand') { setDisplayArea(-x, y, -z, -90 + scope.pose_angles[display_slot], 0, 0, 1, 1, 1) } else if (display_slot === 'head') { setDisplayArea(0, 24 + Math.cos(angle)*4, Math.sin(angle)*4, scope.pose_angles[display_slot], 0, 0, 0.625, 0.625, 0.625) } this.model.children.forEach(mesh => { if (display_slot === 'thirdperson_righthand' && mesh.name.match(/^right_arm/)) { mesh.rotation.x = angle; } if (display_slot === 'thirdperson_lefthand' && mesh.name.match(/^left_arm/)) { mesh.rotation.x = angle; } if (display_slot === 'head' && mesh.name.match(/^head/)) { mesh.rotation.x = angle; } }) } break; case 'armor_stand': this.updateBasePosition = function() { if (display_slot === 'thirdperson_righthand') { setDisplayArea(6, 12, -2, -90, 0, 0, 1, 1, 1) } else if (display_slot === 'thirdperson_lefthand') { setDisplayArea(-6, 12, -2, -90, 0, 0, 1, 1, 1) } else if (display_slot === 'head') { setDisplayArea(0, 27, 0, 0, 0, 0, 0.625, 0.625, 0.625) } } break; case 'armor_stand_small': this.updateBasePosition = function() { if (display_slot === 'thirdperson_righthand') { setDisplayArea(3, 6, -1, -90, 0, 0, 0.5, 0.5, 0.5) } else if (display_slot === 'thirdperson_lefthand') { setDisplayArea(-3, 6, -1, -90, 0, 0, 0.5, 0.5, 0.5) } else if (display_slot === 'head') { setDisplayArea(0, 14.5, 0, 0, 0, 0, 0.4635, 0.4635, 0.4635) } } break; case 'zombie': this.updateBasePosition = function() { if (display_slot === 'thirdperson_righthand') { setDisplayArea(-10, 18, -6, -90, 90, 90, 1, 1, 1) } else if (display_slot === 'thirdperson_lefthand') { setDisplayArea(-10, 18, 6, -90, 90, 90, 1, 1, 1) } else if (display_slot === 'head') { setDisplayArea(0, 22, 0, 0, 90, 0, 0.625, 0.625, 0.625) } } break; case 'baby_zombie': this.updateBasePosition = function() { if (display_slot === 'thirdperson_righthand') { setDisplayArea(-5, 6, -3, -90, 90, 90, 0.5, 0.5, 0.5) } else if (display_slot === 'thirdperson_lefthand') { setDisplayArea(-5, 6, 3, -90, 90, 90, 0.5, 0.5, 0.5) } else if (display_slot === 'head') { setDisplayArea(0, 8.5, 0, 0, 90, 0, 0.4635, 0.4635, 0.4635) } } break; case 'monitor': this.updateBasePosition = function() { var side = display_slot.includes('left') ? -1 : 1; setDisplayArea(side*9.039, -8.318, 20.8, 0, 0, 0, 1,1,1) } break; case 'frame': this.updateBasePosition = function() { setDisplayArea(8, 8, -1, 0, 0, 0, 0.5, 0.5, 0.5) } break; case 'frame_invisible': this.updateBasePosition = function() { setDisplayArea(8, 8, 0.0, 0, 0, 0, 0.5, 0.5, 0.5) } break; case 'bow': this.updateBasePosition = function() { var side = display_slot.includes('left') ? -1 : 1; setDisplayArea(side*4.2, -4.9, 25, -20, -19, -8, 1,1,1) } break; case 'crossbow': this.updateBasePosition = function() { var side = display_slot.includes('left') ? -1 : 1; setDisplayArea(side*-1.2, -6.75, 23, 0, side*10, 0, 1, 1, 1) } break; } } buildModel(things, texture, texture_res = [16, 16]) { var scope = this; if (texture === 'black') { var mat = new THREE.MeshBasicMaterial({color: 0x101013}); } else { var img = new Image(); img.src = texture; var tex = new THREE.Texture(img); img.tex = tex; img.tex.magFilter = THREE.NearestFilter; img.tex.minFilter = THREE.NearestFilter; img.onload = function() { this.tex.needsUpdate = true; } img.crossOrigin = ''; var mat = new THREE.MeshLambertMaterial({ color: 0xffffff, map: tex, side: 2, alphaTest: 0.05 }); } scope.material = mat things.forEach(function(s) { var mesh = new THREE.Mesh(new THREE.BoxGeometry(s.size[0], s.size[1], s.size[2]), mat) if (s.origin) { mesh.position.set(s.origin[0], s.origin[1], s.origin[2]) mesh.geometry.translate(-s.origin[0], -s.origin[1], -s.origin[2]) } mesh.geometry.translate(s.pos[0], s.pos[1], s.pos[2]) if (s.rotation) { mesh.rotation.setFromDegreeArray(s.rotation) } if (s.model) { mesh.r_model = s.model } mesh.name = s.name || ''; function getUVArray(face) { var arr = [ [face.uv[0]/texture_res[0], 1-(face.uv[1]/texture_res[1])], [face.uv[2]/texture_res[0], 1-(face.uv[1]/texture_res[1])], [face.uv[0]/texture_res[0], 1-(face.uv[3]/texture_res[1])], [face.uv[2]/texture_res[0], 1-(face.uv[3]/texture_res[1])] ] var rot = (face.rotation+0) while (rot > 0) { let a = arr[0]; arr[0] = arr[2]; arr[2] = arr[3]; arr[3] = arr[1]; arr[1] = a; rot = rot-90; } return arr; } for (var face in s) { if (s.hasOwnProperty(face) && s[face].uv !== undefined) { var fIndex = 0; switch(face) { case 'north': fIndex = 10; break; case 'east': fIndex = 0; break; case 'south': fIndex = 8; break; case 'west': fIndex = 2; break; case 'up': fIndex = 4; break; case 'down': fIndex = 6; break; } let uv_array = getUVArray(s[face]); mesh.geometry.attributes.uv.array.set(uv_array[0], fIndex*4 + 0); //0,1 mesh.geometry.attributes.uv.array.set(uv_array[1], fIndex*4 + 2); //1,1 mesh.geometry.attributes.uv.array.set(uv_array[2], fIndex*4 + 4); //0,0 mesh.geometry.attributes.uv.array.set(uv_array[3], fIndex*4 + 6); //1,0 mesh.geometry.attributes.uv.needsUpdate = true; } } scope.model.add(mesh); }) scope.model.name = name; return this; } setModelVariant(variant) { this.variant = variant; this.model.children.forEach((m) => { if (m.r_model) { m.visible = m.r_model === variant; } }) if (display_mode && displayReferenceObjects.active === this) { this.updateBasePosition() } } load(index) { displayReferenceObjects.ref_indexes[display_slot] = index || 0; displayReferenceObjects.clear() if (typeof this.updateBasePosition === 'function') { this.updateBasePosition() } //3D if (!this.initialized) { switch (this.id) { case 'player': this.buildPlayer(); break; case 'zombie': this.buildZombie(); break; case 'armor_stand': this.buildArmorStand(); break; case 'baby_zombie': this.buildBabyZombie(); break; case 'armor_stand_small': this.buildArmorStandSmall(); break; case 'monitor': this.buildMonitor(); break; case 'bow': this.buildMonitor(); break; case 'crossbow': this.buildMonitor(); break; case 'block': this.buildBlock(); break; case 'frame': this.buildFrame(); break; case 'frame_invisible': this.buildFrameInvisible(); break; } this.initialized = true; } scene.add(this.model) displayReferenceObjects.active = this; DisplayMode.vue.pose_angle = this.pose_angles[display_slot] || 0; DisplayMode.vue.reference_model = this.id; display_preview.loadBackground() } buildPlayer(slim) { var scope = this; var cubes = [ { //Head "name": "head", "size": [8, 8, 8], "pos": [0, 28, 0], "origin": [0, 24, 0], "north": {"uv": [2.032, 2.032, 3.968, 3.968]}, "east": {"uv": [0.032, 2.032, 1.968, 3.968]}, "south": {"uv": [6.032, 2.032, 7.968, 3.968]}, "west": {"uv": [4.032, 2.032, 5.968, 3.968]}, "up": {"uv": [3.968, 1.968, 2.032, 0.032]}, "down": {"uv": [5.968, 0.032, 4.032, 1.968]} }, { //Head Layer "name": "head_layer", "size": [9, 9, 9], "pos": [0, 28, 0], "origin": [0, 24, 0], "north": {"uv": [10.032, 2.032, 11.968, 3.968]}, "east": {"uv": [8.032, 2.032, 9.968, 3.968]}, "south": {"uv": [14.032, 2.032, 15.968, 3.968]}, "west": {"uv": [12.032, 2.032, 13.968, 3.968]}, "up": {"uv": [11.968, 1.968, 10.032, 0.032]}, "down": {"uv": [13.968, 0.032, 12.032, 1.968]} }, { //Body "size": [8, 12, 4], "pos": [0, 18, 0], "north": {"uv": [5.032, 5.032, 6.968, 7.968]}, "east": {"uv": [4.032, 5.032, 4.968, 7.968]}, "south": {"uv": [8.032, 5.032, 9.968, 7.968]}, "west": {"uv": [7.032, 5.032, 7.968, 7.968]}, "up": {"uv": [5.032, 4.968, 6.968, 4.032]}, "down": {"uv": [7.032, 4.032, 8.968, 4.968]} }, { //Body Layer "size": [8.5, 12.5, 4.5], "pos": [0, 18, 0], "north": {"uv": [5.032, 9.032, 6.968, 11.968]}, "east": {"uv": [4.032, 9.032, 4.968, 11.968]}, "south": {"uv": [8.032, 9.032, 9.968, 11.968]}, "west": {"uv": [7.032, 9.032, 7.968, 11.968]}, "up": {"uv": [5.032, 8.968, 6.968, 8.032]}, "down": {"uv": [7.032, 8.032, 8.968, 8.968]} }, { //R Leg "size": [4, 12, 4], "pos": [1.95, 6, 0], "origin": [0, 12, 0], "rotation": [-1, 0, 0], "north": {"uv": [1.032, 5.032, 1.968, 7.968]}, "east": {"uv": [0.032, 5.032, 0.968, 7.968]}, "south": {"uv": [3.032, 5.032, 3.968, 7.968]}, "west": {"uv": [2.032, 5.032, 2.968, 7.968]}, "up": {"uv": [1.968, 4.968, 1.032, 4.032]}, "down": {"uv": [2.968, 4.032, 2.032, 4.968]} }, { //R Leg Layer "size": [4.5, 12.5, 4.5], "pos": [1.95, 6, 0], "origin": [0, 12, 0], "rotation": [-1, 0, 0], "north": {"uv": [1.032, 9.032, 1.968, 11.968]}, "east": {"uv": [0.032, 9.032, 0.968, 11.968]}, "south": {"uv": [3.032, 9.032, 3.968, 11.968]}, "west": {"uv": [2.032, 9.032, 2.968, 11.968]}, "up": {"uv": [1.968, 8.968, 1.032, 8.032]}, "down": {"uv": [2.968, 8.032, 2.032, 8.968]} }, { //L Leg "size": [4, 12, 4], "pos": [-1.95, 6, 0], "origin": [0, 12, 0], "rotation": [1, 0, 0], "north": {"uv": [5.032, 13.032, 5.968, 15.968]}, "east": {"uv": [4.032, 13.032, 4.968, 15.968]}, "south": {"uv": [7.032, 13.032, 7.968, 15.968]}, "west": {"uv": [6.032, 13.032, 6.968, 15.968]}, "up": {"uv": [5.968, 12.968, 5.032, 12.032]}, "down": {"uv": [6.968, 12.032, 6.032, 12.968]} }, { //L Leg Layer "size": [4.5, 12.5, 4.5], "pos": [-1.95, 6, 0], "origin": [0, 12, 0], "rotation": [1, 0, 0], "north": {"uv": [1.032, 13.032, 1.968, 15.968]}, "east": {"uv": [0.032, 13.032, 0.968, 15.968]}, "south": {"uv": [3.032, 13.032, 3.968, 15.968]}, "west": {"uv": [2.032, 13.032, 2.968, 15.968]}, "up": {"uv": [1.968, 12.968, 1.032, 12.032]}, "down": {"uv": [2.968, 12.032, 2.032, 12.968]} }, //Steve { //R Arm "name": "right_arm", "size": [4, 12, 4], "pos": [6, 18, 0], "origin": [4, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [11.032, 5.032, 11.968, 7.968]}, "east": {"uv": [10.032, 5.032, 10.968, 7.968]}, "south": {"uv": [13.032, 5.032, 13.968, 7.968]}, "west": {"uv": [12.032, 5.032, 12.968, 7.968]}, "up": {"uv": [11.968, 4.968, 11.032, 4.032]}, "down": {"uv": [12.968, 4.032, 12.032, 4.968]}, "model": "steve" }, { //R Arm Layer "name": "right_arm_layer", "size": [4.5, 12.5, 4.5], "pos": [6, 18, 0], "origin": [4, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [11.032, 9.032, 11.968, 11.968]}, "east": {"uv": [10.032, 9.032, 10.968, 11.968]}, "south": {"uv": [13.032, 9.032, 13.968, 11.968]}, "west": {"uv": [12.032, 9.032, 12.968, 11.968]}, "up": {"uv": [11.968, 8.968, 11.032, 8.032]}, "down": {"uv": [12.968, 8.032, 12.032, 8.968]}, "model": "steve" }, { //L Arm "name": "left_arm", "size": [4, 12, 4], "pos": [-6, 18, 0], "origin": [-4, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [9.032, 13.032, 9.968, 15.968]}, "east": {"uv": [8.032, 13.032, 8.968, 15.968]}, "south": {"uv": [11.032, 13.032, 11.968, 15.968]}, "west": {"uv": [10.032, 13.032, 10.968, 15.968]}, "up": {"uv": [9.968, 12.968, 9.032, 12.032]}, "down": {"uv": [10.968, 12.032, 10.032, 12.968]}, "model": "steve" }, { //L Arm Layer "name": "left_arm_layer", "size": [4.5, 12.5, 4.5], "pos": [-6, 18, 0], "origin": [-4, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [13.032, 13.032, 13.968, 15.968]}, "east": {"uv": [12.032, 13.032, 12.968, 15.968]}, "south": {"uv": [15.032, 13.032, 15.968, 15.968]}, "west": {"uv": [14.032, 13.032, 14.968, 15.968]}, "up": {"uv": [13.968, 12.968, 13.032, 12.032]}, "down": {"uv": [14.968, 12.032, 14.032, 12.968]}, "model": "steve" }, //ALEX { //R Arm "name": "right_arm", "size": [3, 12, 4], "pos": [5.5, 17.5, 0], "origin": [0, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [11.032, 5.032, 11.718, 7.968]}, "east": {"uv": [10.032, 5.032, 10.968, 7.968]}, "south": {"uv": [12.782, 5.032, 13.468, 7.968]}, "west": {"uv": [11.782, 5.032, 12.718, 7.968]}, "up": {"uv": [11.718, 4.968, 11.032, 4.032]}, "down": {"uv": [12.468, 4.032, 11.782, 4.968]}, "model": "alex" }, { //R Arm Layer "name": "right_arm_layer", "size": [3.5, 12.5, 4.5], "pos": [5.5, 17.5, 0], "origin": [0, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [11.032, 9.032, 11.718, 11.968]}, "east": {"uv": [10.032, 9.032, 10.968, 11.968]}, "south": {"uv": [12.782, 9.032, 13.468, 11.968]}, "west": {"uv": [11.782, 9.032, 12.718, 11.968]}, "up": {"uv": [11.718, 8.968, 11.032, 8.032]}, "down": {"uv": [12.468, 8.032, 11.782, 8.968]}, "model": "alex" }, { //L Arm "name": "left_arm", "size": [3, 12, 4], "pos": [-5.5, 17.5, 0], "origin": [0, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [9.032, 13.032, 9.718, 15.968]}, "east": {"uv": [8.032, 13.032, 8.968, 15.968]}, "south": {"uv": [10.782, 13.032, 11.468, 15.968]}, "west": {"uv": [9.782, 13.032, 10.718, 15.968]}, "up": {"uv": [9.718, 12.968, 9.032, 12.032]}, "down": {"uv": [10.468, 12.032, 9.782, 12.968]}, "model": "alex" }, { //L Arm Layer "name": "left_arm_layer", "size": [3.5, 12.5, 4.5], "pos": [-5.5, 17.5, 0], "origin": [0, 22, 0], "rotation": [22.5, 0, 0], "north": {"uv": [13.032, 13.032, 13.718, 15.968]}, "east": {"uv": [12.032, 13.032, 12.968, 15.968]}, "south": {"uv": [14.782, 13.032, 15.468, 15.968]}, "west": {"uv": [13.782, 13.032, 14.718, 15.968]}, "up": {"uv": [13.718, 12.968, 13.032, 12.032]}, "down": {"uv": [14.468, 12.032, 13.782, 12.968]}, "model": "alex" } ] var skin = 'assets/player_skin.png'; scope.buildModel(cubes, skin); this.setModelVariant('steve') updateDisplaySkin() } buildArmorStand() { this.buildModel(JSON.parse(`[ { "size": [12, 1, 12], "pos": [0, 0.5, 0], "origin": [0, 0, 0], "north": {"uv": [12, 44, 24, 45]}, "east": {"uv": [0, 44, 12, 45]}, "south": {"uv": [36, 44, 48, 45]}, "west": {"uv": [24, 44, 36, 45]}, "up": {"uv": [24, 44, 12, 32]}, "down": {"uv": [36, 32, 24, 44]} }, { "size": [12, 3, 3], "pos": [0, 22.5, 0], "origin": [0, 0, 0], "north": {"uv": [3, 29, 15, 32]}, "east": {"uv": [0, 29, 3, 32]}, "south": {"uv": [18, 29, 30, 32]}, "west": {"uv": [15, 29, 18, 32]}, "up": {"uv": [15, 29, 3, 26]}, "down": {"uv": [27, 26, 15, 29]} }, { "size": [2, 7, 2], "pos": [2, 17.5, 0], "origin": [0, 0, 0], "north": {"uv": [18, 2, 20, 9]}, "east": {"uv": [16, 2, 18, 9]}, "south": {"uv": [22, 2, 24, 9]}, "west": {"uv": [20, 2, 22, 9]}, "up": {"uv": [20, 2, 18, 0]}, "down": {"uv": [22, 0, 20, 2]} }, { "size": [2, 7, 2], "pos": [-2, 17.5, 0], "origin": [0, 0, 0], "north": {"uv": [50, 18, 52, 25]}, "east": {"uv": [48, 18, 50, 25]}, "south": {"uv": [54, 18, 56, 25]}, "west": {"uv": [52, 18, 54, 25]}, "up": {"uv": [52, 18, 50, 16]}, "down": {"uv": [54, 16, 52, 18]} }, { "size": [8, 2, 2], "pos": [0, 13, 0], "origin": [0, 0, 0], "north": {"uv": [2, 50, 10, 52]}, "east": {"uv": [0, 50, 2, 52]}, "south": {"uv": [12, 50, 20, 52]}, "west": {"uv": [10, 50, 12, 52]}, "up": {"uv": [10, 50, 2, 48]}, "down": {"uv": [18, 48, 10, 50]} }, { "size": [2, 7, 2], "pos": [0, 26.5, 0], "origin": [0, 0, 0], "north": {"uv": [2, 2, 4, 9]}, "east": {"uv": [0, 2, 2, 9]}, "south": {"uv": [6, 2, 8, 9]}, "west": {"uv": [4, 2, 6, 9]}, "up": {"uv": [4, 2, 2, 0]}, "down": {"uv": [6, 0, 4, 2]} }, { "size": [2, 12, 2], "pos": [-6, 18, 0], "origin": [0, 0, 0], "north": {"uv": [36, 18, 34, 30]}, "east": {"uv": [38, 18, 36, 30]}, "south": {"uv": [40, 18, 38, 30]}, "west": {"uv": [34, 18, 32, 30]}, "up": {"uv": [34, 18, 36, 16]}, "down": {"uv": [36, 16, 38, 18]} }, { "size": [2, 11, 2], "pos": [-1.9, 6.5, 0], "origin": [0, 0, 0], "north": {"uv": [44, 18, 42, 29]}, "east": {"uv": [46, 18, 44, 29]}, "south": {"uv": [48, 18, 46, 29]}, "west": {"uv": [42, 18, 40, 29]}, "up": {"uv": [42, 18, 44, 16]}, "down": {"uv": [44, 16, 46, 18]} }, { "size": [2, 12, 2], "pos": [6, 18, 0], "origin": [0, 0, 0], "north": {"uv": [26, 2, 28, 14]}, "east": {"uv": [24, 2, 26, 14]}, "south": {"uv": [30, 2, 32, 14]}, "west": {"uv": [28, 2, 30, 14]}, "up": {"uv": [28, 2, 26, 0]}, "down": {"uv": [30, 0, 28, 2]} }, { "size": [2, 11, 2], "pos": [1.9, 6.5, 0], "origin": [0, 0, 0], "north": {"uv": [10, 2, 12, 13]}, "east": {"uv": [8, 2, 10, 13]}, "south": {"uv": [14, 2, 16, 13]}, "west": {"uv": [12, 2, 14, 13]}, "up": {"uv": [12, 2, 10, 0]}, "down": {"uv": [14, 0, 12, 2]} } ]`), 'assets/armor_stand.png', [64, 64]) } buildArmorStandSmall() { this.buildModel(JSON.parse(`[ { "size": [6, 0.5, 6], "pos": [0, 0.25, 0], "origin": [0, 0, 0], "north": {"uv": [12, 44, 24, 45]}, "east": {"uv": [0, 44, 12, 45]}, "south": {"uv": [36, 44, 48, 45]}, "west": {"uv": [24, 44, 36, 45]}, "up": {"uv": [24, 44, 12, 32]}, "down": {"uv": [36, 32, 24, 44]} }, { "size": [6, 1.5, 1.5], "pos": [0, 11.25, 0], "origin": [0, 0, 0], "north": {"uv": [3, 29, 15, 32]}, "east": {"uv": [0, 29, 3, 32]}, "south": {"uv": [18, 29, 30, 32]}, "west": {"uv": [15, 29, 18, 32]}, "up": {"uv": [15, 29, 3, 26]}, "down": {"uv": [27, 26, 15, 29]} }, { "size": [1, 3.5, 1], "pos": [1, 8.75, 0], "origin": [0, 0, 0], "north": {"uv": [18, 2, 20, 9]}, "east": {"uv": [16, 2, 18, 9]}, "south": {"uv": [22, 2, 24, 9]}, "west": {"uv": [20, 2, 22, 9]}, "up": {"uv": [20, 2, 18, 0]}, "down": {"uv": [22, 0, 20, 2]} }, { "size": [1, 3.5, 1], "pos": [-1, 8.75, 0], "origin": [0, 0, 0], "north": {"uv": [50, 18, 52, 25]}, "east": {"uv": [48, 18, 50, 25]}, "south": {"uv": [54, 18, 56, 25]}, "west": {"uv": [52, 18, 54, 25]}, "up": {"uv": [52, 18, 50, 16]}, "down": {"uv": [54, 16, 52, 18]} }, { "size": [4, 1, 1], "pos": [0, 6.5, 0], "origin": [0, 0, 0], "north": {"uv": [2, 50, 10, 52]}, "east": {"uv": [0, 50, 2, 52]}, "south": {"uv": [12, 50, 20, 52]}, "west": {"uv": [10, 50, 12, 52]}, "up": {"uv": [10, 50, 2, 48]}, "down": {"uv": [18, 48, 10, 50]} }, { "size": [1.5, 5.25, 1.48], "pos": [0, 13.875, 0], "origin": [0, 12, 0], "north": {"uv": [2, 2, 4, 9]}, "east": {"uv": [0, 2, 2, 9]}, "south": {"uv": [6, 2, 8, 9]}, "west": {"uv": [4, 2, 6, 9]}, "up": {"uv": [4, 2, 2, 0]}, "down": {"uv": [6, 0, 4, 2]} }, { "size": [1, 6, 1], "pos": [-3, 9, 0], "origin": [0, 0, 0], "north": {"uv": [36, 18, 34, 30]}, "east": {"uv": [38, 18, 36, 30]}, "south": {"uv": [40, 18, 38, 30]}, "west": {"uv": [34, 18, 32, 30]}, "up": {"uv": [34, 18, 36, 16]}, "down": {"uv": [36, 16, 38, 18]} }, { "size": [1, 5.5, 1], "pos": [-0.95, 3.25, 0], "origin": [0, 0, 0], "north": {"uv": [44, 18, 42, 29]}, "east": {"uv": [46, 18, 44, 29]}, "south": {"uv": [48, 18, 46, 29]}, "west": {"uv": [42, 18, 40, 29]}, "up": {"uv": [42, 18, 44, 16]}, "down": {"uv": [44, 16, 46, 18]} }, { "size": [1, 6, 1], "pos": [3, 9, 0], "origin": [0, 0, 0], "north": {"uv": [26, 2, 28, 14]}, "east": {"uv": [24, 2, 26, 14]}, "south": {"uv": [30, 2, 32, 14]}, "west": {"uv": [28, 2, 30, 14]}, "up": {"uv": [28, 2, 26, 0]}, "down": {"uv": [30, 0, 28, 2]} }, { "size": [1, 5.5, 1], "pos": [0.95, 3.25, 0], "origin": [0, 0, 0], "north": {"uv": [10, 2, 12, 13]}, "east": {"uv": [8, 2, 10, 13]}, "south": {"uv": [14, 2, 16, 13]}, "west": {"uv": [12, 2, 14, 13]}, "up": {"uv": [12, 2, 10, 0]}, "down": {"uv": [14, 0, 12, 2]} } ]`), 'assets/armor_stand.png', [64, 64]) } buildZombie() { this.buildModel(JSON.parse(`[ { "size": [4, 12, 4], "pos": [0, 0, -2], "origin": [0, 0, 0], "north": {"uv": [0.01, 5.01, 0.99, 7.99], "texture": "#1"}, "east": {"uv": [3.01, 5.01, 3.99, 7.99], "texture": "#1"}, "south": {"uv": [2.01, 5.01, 2.99, 7.99], "texture": "#1"}, "west": {"uv": [1.01, 5.01, 1.99, 7.99], "texture": "#1"}, "up": {"uv": [1.01, 4.01, 1.99, 4.99], "texture": "#1", "rotation": 90}, "down": {"uv": [2.01, 4.01, 2.99, 4.99], "texture": "#1", "rotation": 90} }, { "size": [4, 12, 4], "pos": [0, 0, 2], "origin": [0, 0, 0], "north": {"uv": [4.01, 13.01, 4.99, 15.99], "texture": "#1"}, "east": {"uv": [8.01, 13.01, 6.99, 15.99], "texture": "#1"}, "south": {"uv": [6.01, 13.01, 6.99, 15.99], "texture": "#1"}, "west": {"uv": [5.01, 13.01, 5.99, 15.99], "texture": "#1"}, "up": {"uv": [5.01, 12.01, 5.99, 12.99], "texture": "#1", "rotation": 90}, "down": {"uv": [6.01, 12.01, 6.99, 12.99], "texture": "#1", "rotation": 90} }, { "size": [4, 12, 8], "pos": [0, 12, 0], "origin": [0, 0, 0], "north": {"uv": [4.01, 5.01, 4.99, 7.99], "texture": "#1"}, "east": {"uv": [8.01, 5.01, 9.99, 7.99], "texture": "#1"}, "south": {"uv": [7.01, 5.01, 7.99, 7.99], "texture": "#1"}, "west": {"uv": [5.01, 5.01, 6.99, 7.99], "texture": "#1"}, "up": {"uv": [5.01, 4.01, 6.99, 4.99], "texture": "#1", "rotation": 90}, "down": {"uv": [7.01, 4.01, 8.99, 4.99], "texture": "#1", "rotation": 270} }, { "size": [8, 8, 8], "pos": [0, 22, 0], "origin": [0, 0, 0], "north": {"uv": [0.01, 2.01, 1.99, 3.99], "texture": "#1"}, "east": {"uv": [6.01, 2.01, 7.99, 3.99], "texture": "#1"}, "south": {"uv": [4.01, 2.01, 5.99, 3.99], "texture": "#1"}, "west": {"uv": [2.01, 2.01, 3.99, 3.99], "texture": "#1"}, "up": {"uv": [2.01, 0.01, 3.99, 1.99], "texture": "#1", "rotation": 90}, "down": {"uv": [4.01, 0.01, 5.99, 1.99], "texture": "#1", "rotation": 90} }, { "size": [12, 4, 4], "pos": [-4, 16, -6], "origin": [0, 0, 0], "north": {"uv": [12.01, 5.01, 12.99, 7.99], "texture": "#1", "rotation": 270}, "east": {"uv": [11.01, 4.01, 11.99, 4.99], "texture": "#1", "rotation": 180}, "south": {"uv": [10.01, 5.01, 10.99, 7.99], "texture": "#1", "rotation": 90}, "west": {"uv": [12.01, 4.01, 12.99, 4.99], "texture": "#1", "rotation": 180}, "up": {"uv": [11.01, 5.01, 11.99, 7.99], "texture": "#1", "rotation": 90}, "down": {"uv": [13.01, 5.01, 13.99, 7.99], "texture": "#1", "rotation": 90} }, { "size": [12, 4, 4], "pos": [-4, 16, 6], "origin": [0, 0, 0], "north": {"uv": [10.01, 13.01, 10.99, 15.99], "texture": "#1", "rotation": 270}, "east": {"uv": [9.01, 12.01, 9.99, 12.99], "texture": "#1", "rotation": 180}, "south": {"uv": [8.01, 13.01, 8.99, 15.99], "texture": "#1", "rotation": 90}, "west": {"uv": [10.01, 12.01, 10.99, 12.99], "texture": "#1", "rotation": 180}, "up": {"uv": [9.01, 13.01, 9.99, 15.99], "texture": "#1", "rotation": 90}, "down": {"uv": [11.01, 13.01, 11.99, 15.99], "texture": "#1", "rotation": 90} } ]`), 'assets/zombie.png') } buildBabyZombie() { this.buildModel(JSON.parse(`[ { "size": [2, 6, 2], "pos": [-2.220446049250313e-16, -3, -1], "origin": [0, 0, 0], "north": {"uv": [0.01, 5.01, 0.99, 7.99], "texture": "#1"}, "east": {"uv": [3.01, 5.01, 3.99, 7.99], "texture": "#1"}, "south": {"uv": [2.01, 5.01, 2.99, 7.99], "texture": "#1"}, "west": {"uv": [1.01, 5.01, 1.99, 7.99], "texture": "#1"}, "up": {"uv": [1.01, 4.01, 1.99, 4.99], "texture": "#1", "rotation": 90}, "down": {"uv": [2.01, 4.01, 2.99, 4.99], "texture": "#1", "rotation": 90} }, { "size": [2, 6, 2], "pos": [-2.220446049250313e-16, -3, 1], "origin": [0, 0, 0], "north": {"uv": [4.01, 13.01, 4.99, 15.99], "texture": "#1"}, "east": {"uv": [8.01, 13.01, 6.99, 15.99], "texture": "#1"}, "south": {"uv": [6.01, 13.01, 6.99, 15.99], "texture": "#1"}, "west": {"uv": [5.01, 13.01, 5.99, 15.99], "texture": "#1"}, "up": {"uv": [5.01, 12.01, 5.99, 12.99], "texture": "#1", "rotation": 90}, "down": {"uv": [6.01, 12.01, 6.99, 12.99], "texture": "#1", "rotation": 90} }, { "size": [2, 6, 4], "pos": [-2.220446049250313e-16, 3, 0], "origin": [0, 0, 0], "north": {"uv": [4.01, 5.01, 4.99, 7.99], "texture": "#1"}, "east": {"uv": [8.01, 5.01, 9.99, 7.99], "texture": "#1"}, "south": {"uv": [7.01, 5.01, 7.99, 7.99], "texture": "#1"}, "west": {"uv": [5.01, 5.01, 6.99, 7.99], "texture": "#1"}, "up": {"uv": [5.01, 4.01, 6.99, 4.99], "texture": "#1", "rotation": 90}, "down": {"uv": [7.01, 4.01, 8.99, 4.99], "texture": "#1", "rotation": 270} }, { "size": [6.0, 6.0, 6.0], "pos": [0, 9, 0], "origin": [0, 9, 0], "north": {"uv": [0.01, 2.01, 1.99, 3.99], "texture": "#1"}, "east": {"uv": [6.01, 2.01, 7.99, 3.99], "texture": "#1"}, "south": {"uv": [4.01, 2.01, 5.99, 3.99], "texture": "#1"}, "west": {"uv": [2.01, 2.01, 3.99, 3.99], "texture": "#1"}, "up": {"uv": [2.01, 0.01, 3.99, 1.99], "texture": "#1", "rotation": 90}, "down": {"uv": [4.01, 0.01, 5.99, 1.99], "texture": "#1", "rotation": 90} }, { "size": [6, 2, 2], "pos": [-2.000000000000001, 5, -3], "origin": [0, 0, 0], "north": {"uv": [12.01, 5.01, 12.99, 7.99], "texture": "#1", "rotation": 270}, "east": {"uv": [11.01, 4.01, 11.99, 4.99], "texture": "#1", "rotation": 180}, "south": {"uv": [10.01, 5.01, 10.99, 7.99], "texture": "#1", "rotation": 90}, "west": {"uv": [12.01, 4.01, 12.99, 4.99], "texture": "#1", "rotation": 180}, "up": {"uv": [11.01, 5.01, 11.99, 7.99], "texture": "#1", "rotation": 90}, "down": {"uv": [13.01, 5.01, 13.99, 7.99], "texture": "#1", "rotation": 90} }, { "size": [6, 2, 2], "pos": [-2.000000000000001, 5, 3], "origin": [0, 0, 0], "north": {"uv": [10.01, 13.01, 10.99, 15.99], "texture": "#1", "rotation": 270}, "east": {"uv": [9.01, 12.01, 9.99, 12.99], "texture": "#1", "rotation": 180}, "south": {"uv": [8.01, 13.01, 8.99, 15.99], "texture": "#1", "rotation": 90}, "west": {"uv": [10.01, 12.01, 10.99, 12.99], "texture": "#1", "rotation": 180}, "up": {"uv": [9.01, 13.01, 9.99, 15.99], "texture": "#1", "rotation": 90}, "down": {"uv": [11.01, 13.01, 11.99, 15.99], "texture": "#1", "rotation": 90} } ]`), 'assets/zombie.png') } buildMonitor() { this.buildModel(JSON.parse(`[ {"size": [8, 8, 0.1], "pos": [0, 4.93, 31.20], "origin": [0, 0, 0], "north":{"uv":[0,0,0,0]},"east":{"uv":[0,0,0,0]},"south":{"uv":[0,0,0,0]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,0,0]},"down":{"uv":[0,0,0,0]}}, {"size": [8, 8, 0.1], "pos": [0, -4.93, 31.20], "origin": [0, 0, 0], "north":{"uv":[0,0,0,0]},"east":{"uv":[0,0,0,0]},"south":{"uv":[0,0,0,0]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,0,0]},"down":{"uv":[0,0,0,0]}}, {"size": [8, 8, 0.1], "pos": [5.65, 0, 31.2], "origin": [0, 0, 0], "north":{"uv":[0,0,0,0]},"east":{"uv":[0,0,0,0]},"south":{"uv":[0,0,0,0]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,0,0]},"down":{"uv":[0,0,0,0]}}, {"size": [8, 8, 0.1], "pos": [-5.65, 0, 31.2], "origin": [0, 0, 0], "north":{"uv":[0,0,0,0]},"east":{"uv":[0,0,0,0]},"south":{"uv":[0,0,0,0]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,0,0]},"down":{"uv":[0,0,0,0]}} ]`), 'black') } buildBlock() { this.buildModel(JSON.parse(`[ {"size": [16,16,16], "pos": [8, -7.98, 8], "origin": [0, 0, 0], "north":{"uv":[0,0,16,16]},"east":{"uv":[0,0,16,16]},"south":{"uv":[0,0,16,16]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,16,16]},"down":{"uv":[0,0,16,16]}} ]`), 'assets/missing.png') } buildFrame() { this.buildModel(JSON.parse(`[ {"size": [16,16,16], "pos": [8, 8, 8], "origin": [0, 0, 0], "north":{"uv":[0,0,16,16]},"east":{"uv":[0,0,16,16]},"south":{"uv":[0,0,16,16]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,16,16]},"down":{"uv":[0,0,16,16]}} ]`), 'assets/missing.png') this.buildModel(JSON.parse(`[ {"size": [10,10,0.5], "pos": [8, 8, -0.25], "origin": [0, 0, 0], "north":{"uv":[3,3,13,13]},"east":{"uv":[0,0,0,0]},"south":{"uv":[0,0,0,0]},"west":{"uv":[0,0,0,0]},"up":{"uv":[0,0,0,0]},"down":{"uv":[0,0,0,0]}}, {"size": [1,12,1], "pos": [13.5, 8, -0.5], "origin": [0, 0, 0], "north":{"uv":[2,2,3,14]},"east":{"uv":[2,2,3,14]},"south":{"uv":[2,2,3,14]},"west":{"uv":[2,2,3,14]},"up":{"uv":[2,2,3,3]},"down":{"uv":[2,2,3,3]}}, {"size": [1,12,1], "pos": [2.5, 8, -0.5], "origin": [0, 0, 0], "north":{"uv":[2,2,3,14]},"east":{"uv":[2,2,3,14]},"south":{"uv":[2,2,3,14]},"west":{"uv":[2,2,3,14]},"up":{"uv":[2,2,3,3]},"down":{"uv":[2,2,3,3]}}, {"size": [10,1,1], "pos": [8, 13.5, -0.5], "origin": [0, 0, 0], "north":{"uv":[3,2,13,3]},"east":{"uv":[3,2,13,3]},"south":{"uv":[3,2,13,3]},"west":{"uv":[3,2,13,3]},"up":{"uv":[3,2,13,3]},"down":{"uv":[3,2,13,3]}}, {"size": [10,1,1], "pos": [8, 2.5, -0.5], "origin": [0, 0, 0], "north":{"uv":[3,13,13,14]},"east":{"uv":[3,13,13,14]},"south":{"uv":[3,13,13,14]},"west":{"uv":[3,13,13,14]},"up":{"uv":[3,13,13,14]},"down":{"uv":[3,13,13,14]}} ]`), 'assets/item_frame.png') } buildFrameInvisible() { this.buildModel(JSON.parse(`[ {"size": [16,16,16], "pos": [8, 8, 8], "origin": [0, 0, 0], "north":{"uv":[0,0,16,16]},"east":{"uv":[0,0,16,16]},"south":{"uv":[0,0,16,16]},"west":{"uv":[0,0,16,16]},"up":{"uv":[0,0,16,16]},"down":{"uv":[0,0,16,16]}} ]`), 'assets/missing.png') } } window.displayReferenceObjects = { refmodels: { player: new refModel('player', {icon: 'icon-player'}), zombie: new refModel('zombie', {icon: 'icon-zombie'}), armor_stand: new refModel('armor_stand', {icon: 'icon-armor_stand'}), baby_zombie: new refModel('baby_zombie', {icon: 'icon-baby_zombie'}), armor_stand_small: new refModel('armor_stand_small', {icon: 'icon-armor_stand_small'}), monitor: new refModel('monitor', {icon: 'fa-asterisk'}), bow: new refModel('bow', {icon: 'icon-bow'}), crossbow: new refModel('crossbow', {icon: 'icon-crossbow'}), block: new refModel('block', {icon: 'fa-cube'}), frame: new refModel('frame', {icon: 'filter_frames'}), frame_invisible: new refModel('frame_invisible', {icon: 'visibility_off'}), inventory_nine: new refModel('inventory_nine', {icon: 'icon-inventory_nine'}), inventory_full: new refModel('inventory_full', {icon: 'icon-inventory_full'}), hud: new refModel('hud', {icon: 'icon-hud'}) }, active: '', bar: function(buttons) { $('#display_ref_bar').html('') if (buttons.length === 10000) { this.refmodels[buttons[0]].load() return; } if (buttons.length < 2) { $('.reference_model_bar').css('visibility', 'hidden') } else { $('.reference_model_bar').css('visibility', 'visible') } var i = 0; while (i < buttons.length) { var ref = this.refmodels[buttons[i]] let icon = Blockbench.getIconNode(ref.icon); var button = $( `
${ tl('display.slot') }