152 lines
4.4 KiB
JavaScript
152 lines
4.4 KiB
JavaScript
/*
|
|
* @Author: printempw
|
|
* @Date: 2016-01-21 13:56:40
|
|
* @Last Modified by: printempw
|
|
* @Last Modified time: 2016-03-19 10:08:55
|
|
*/
|
|
|
|
'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 reader = new FileReader();
|
|
reader.onload = function (e) {
|
|
var img = new Image();
|
|
img.onload = function () {
|
|
if (type == "skin") {
|
|
MSP.changeSkin(img.src);
|
|
var model = $('#model-alex').prop('checked') ? "alex" : "steve";
|
|
change2dTexture(model, img.src);
|
|
} else {
|
|
MSP.changeCape(img.src);
|
|
change2dTexture('cape', img.src);
|
|
}
|
|
};
|
|
img.onerror = function () {
|
|
showCallout("alert-danger", "错误：这张图片编码不对哦");
|
|
};
|
|
img.src = this.result;
|
|
};
|
|
reader.readAsDataURL(file);
|
|
} else {
|
|
showCallout("alert-danger", "错误：皮肤文件必须为 PNG 格式");
|
|
}
|
|
}
|
|
};
|
|
|
|
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(function(){
|
|
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() {
|
|
preview_type = "2d";
|
|
$('#canvas3d').remove();
|
|
$('.operations').hide();
|
|
$('#preview-2d').show();
|
|
$('#preview').html('切换 3D 预览').attr('href', 'javascript:show3dPreview();');
|
|
}
|
|
|
|
function show3dPreview() {
|
|
if (isMobile() && preview_type == "2d") {
|
|
showAlert("手机上的 3D 预览可能会出现奇怪的问题，亟待解决。确定要启用吗？", function(){
|
|
preview_type = "3d";
|
|
show3dPreview();
|
|
}, function(){
|
|
return false;
|
|
});
|
|
} else {
|
|
preview_type = "3d";
|
|
}
|
|
if (preview_type == "3d") {
|
|
init3dCanvas();
|
|
$('#preview-2d').hide();
|
|
$('.operations').show();
|
|
$('#preview').html('切换 2D 预览').attr('href', 'javascript:show2dPreview();');
|
|
}
|
|
}
|
|
|
|
function changeModel(uname) {
|
|
showAlert('确定要更改优先皮肤模型吗？', 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);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$('#preview-2d').hide();
|
|
$('#model-steve').prop('checked', true);
|
|
|
|
if (isMobile()) {
|
|
show2dPreview();
|
|
}
|
|
});
|
|
|
|
function change2dTexture(type, file) {
|
|
$('#'+type).attr('src', file);
|
|
}
|
|
|
|
function onWindowResize() {
|
|
if (preview_type == "3d") {
|
|
camera.aspect = (window.innerWidth - sidebarWidth) / window.innerHeight;
|
|
camera.updateProjectionMatrix();
|
|
|
|
var canvas3d = document.getElementById('canvas3d');
|
|
canvas3d.width = 600;
|
|
canvas3d.height = 350;
|
|
|
|
canvas3d.setSize(container.clientWidth, container.clientWidth/12*7);
|
|
} else {
|
|
show2dPreview();
|
|
}
|
|
}
|
|
|
|
window.addEventListener('resize', onWindowResize, false);
|