mirror of
https://github.com/bs-community/blessing-skin-server.git
synced 2024-12-21 06:19:38 +08:00
143 lines
4.9 KiB
JavaScript
143 lines
4.9 KiB
JavaScript
/*
|
|
* @Author: prpr
|
|
* @Date: 2016-01-21 13:56:40
|
|
* @Last Modified by: prpr
|
|
* @Last Modified time: 2016-02-05 18:46:35
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
$('body').on('change', '#skininput', function(){
|
|
var files = $('#skininput').prop('files');
|
|
handleFiles(files, 'skin');
|
|
});
|
|
|
|
$('body').on('change', '#capeinput', function(){
|
|
var files = $('#capeinput').prop('files');
|
|
handleFiles(files, 'cape');
|
|
});
|
|
|
|
// Real-time preview
|
|
function handleFiles(files, type) {
|
|
if(files.length > 0) {
|
|
var file = files[0];
|
|
if(file.type === "image/png") {
|
|
var fr = new FileReader();
|
|
fr.onload = function (e) {
|
|
var img = new Image();
|
|
img.onload = function () {
|
|
if (type == "skin") {
|
|
MSP.changeSkin(img.src);
|
|
} else {
|
|
MSP.changeCape(img.src);
|
|
}
|
|
};
|
|
img.onerror = function () {
|
|
showMsg("alert-danger", "Error: Not an image or unknown file format");
|
|
};
|
|
img.src = this.result;
|
|
};
|
|
fr.readAsDataURL(file);
|
|
} else {
|
|
showMsg("alert-danger", "Error: This is not a PNG image!");
|
|
}
|
|
}
|
|
};
|
|
|
|
function init3dCanvas() {
|
|
if ($(window).width() < 800) {
|
|
var canvas = MSP.get3dSkinCanvas($('#skinpreview').width(), $('#skinpreview').width());
|
|
$("#skinpreview").append($(canvas).prop("id", "canvas3d"));
|
|
} else {
|
|
var canvas = MSP.get3dSkinCanvas(400, 400);
|
|
$("#skinpreview").append($(canvas).prop("id", "canvas3d"));
|
|
}
|
|
}
|
|
$(document).ready(init3dCanvas);
|
|
// Auto resize canvas to fit responsive design
|
|
$(window).resize(init3dCanvas);
|
|
|
|
// Change 3D preview status
|
|
$("[title='Movements']").click(function(){
|
|
MSP.setStatus("movements", !MSP.getStatus("movements"));
|
|
});
|
|
$("[title='Running']").click(function(){
|
|
MSP.setStatus("running", !MSP.getStatus("running"));
|
|
});
|
|
$("[title='Rotation']").click(function(){
|
|
MSP.setStatus("rotation", !MSP.getStatus("rotation"));
|
|
});
|
|
|
|
function show2dPreview() {
|
|
$('#canvas3d').remove();
|
|
$("#skinpreview").html($('<p>Skin for Steve model:</p>').append($('<img />').addClass('skin2d').attr('src', '../skin/'+docCookies.getItem('uname')+'-steve.png?v='+Math.random())));
|
|
$("#skinpreview").append($('<p>Skin for Alex model:</p>').append($('<img />').addClass('skin2d').attr('src', '../skin/'+docCookies.getItem('uname')+'-alex.png?v='+Math.random())));
|
|
$("#skinpreview").append($('<p>Cape:</p>').append($('<img />').addClass('skin2d').attr('src', '../cape/'+docCookies.getItem('uname')+'.png?v='+Math.random())));
|
|
$('#preview').html('3D Preview').attr('href', 'javascript:show3dPreview();');
|
|
}
|
|
|
|
function show3dPreview() {
|
|
$('#skinpreview').html('');
|
|
init3dCanvas()
|
|
$('#preview').html('2D Preview').attr('href', 'javascript:show2dPreview();');
|
|
}
|
|
|
|
$("#upload").click(function(){
|
|
var model = $('#model-steve').prop('checked') ? "steve" : "alex";
|
|
var skin_file = $('#skininput').get(0).files[0];
|
|
var cape_file = $('#capeinput').get(0).files[0];
|
|
var form_data = new FormData();
|
|
if (skin_file) form_data.append('skin_file', skin_file);
|
|
if (cape_file) form_data.append('cape_file', cape_file);
|
|
form_data.append('uname', docCookies.getItem('uname'));
|
|
// Ajax file upload
|
|
if (skin_file || cape_file) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '../ajax.php?action=upload&model='+model,
|
|
contentType: false,
|
|
dataType: "json",
|
|
data: form_data,
|
|
processData: false,
|
|
beforeSend: function() {
|
|
showMsg('alert-info', 'Uploading...');
|
|
},
|
|
success: function(json) {
|
|
console.log(json);
|
|
if (json.skin.errno == 0 && json.cape.errno == 0) {
|
|
showMsg('alert-success', 'Successfully uploaded.');
|
|
}
|
|
if (json.skin.errno != 0) {
|
|
showMsg('alert-danger', 'Error when uploading skin:\n'+json.skin.msg);
|
|
}
|
|
if (json.cape.errno != 0) {
|
|
showMsg('alert-danger', 'Error when uploading cape:\n'+json.cape.msg);
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
showMsg('alert-warning', 'No input file selected');
|
|
}
|
|
});
|
|
|
|
function changeModel(uname) {
|
|
showAlert("Sure to change?", function(){
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "../ajax.php?action=model",
|
|
data: { "uname": docCookies.getItem('uname') },
|
|
dataType: "json",
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
showAlert(json.msg, function(){
|
|
location.reload();
|
|
});
|
|
} else {
|
|
showAlert(json.msg);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|