Skip to content

Z
zeroing-libs
Commit 564408cc authored by 任建锋's avatar 任建锋
Browse files
Options

Merge branch 'dev' of http://gitlab2.dui88.com/laoqifeng/zeroing-libs into dev

parents 0e85c3c0 35cac742
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 176 additions and 99 deletions
dist/customs/jump-high.json
View file @ 564408cc
This diff is collapsed.
dist/processes/other/pick-image.json
View file @ 564408cc
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
"success" "success"
], ],
"id": "pick-image", "id": "pick-image",
"script": "var input = document.createElement('input');\ninput.type = 'file';\ninput.onchange = function (e) {\n processImage(input.files[0], function (imgData) {\n next('success', imgData);\n });\n};\ninput.click();\nfunction processImage(file, callback) {\n var reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = function (e) {\n callback(reader.result);\n };\n}\n", "script": "pick(function (imgData) {\n next('success', imgData);\n});\nfunction getExif(img, callback) {\n EXIF.getData(img, function () {\n var allMetaData = EXIF.getAllTags(this);\n callback(allMetaData);\n });\n}\nfunction pick(callback) {\n var fileInput = document.createElement(\"input\");\n fileInput.type = \"file\";\n fileInput.accept = \"image/*\";\n fileInput.style.display = \"none\";\n document.body.insertBefore(fileInput, document.body.firstChild);\n fileInput.addEventListener(\"change\", function (evt) {\n var mime = { \"png\": \"image/png\", \"jpg\": \"image/jpeg\", \"jpeg\": \"image/jpeg\", \"bmp\": \"image/bmp\" };\n var file = evt.target.files[0];\n var type = file.type;\n if (!type) {\n type = mime[file.name.match(/\\.([^\\.]+)$/i)[1]];\n }\n var fileReader = new FileReader();\n fileReader.onload = function () {\n getExif(file, function (exif) {\n var orientation = -1;\n if (exif) {\n orientation = exif[\"Orientation\"];\n }\n var image = new Image();\n image.onload = function () {\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n canvas.width = image.width;\n canvas.height = image.height;\n if (orientation > 4) {\n canvas.width = image.height;\n canvas.height = image.width;\n }\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n switch (orientation) {\n case 2:\n ctx.translate(canvas.width, 0);\n ctx.scale(-1, 1);\n break;\n case 3:\n ctx.translate(canvas.width, canvas.height);\n ctx.rotate(Math.PI);\n break;\n case 4:\n ctx.translate(0, canvas.height);\n ctx.scale(1, -1);\n break;\n case 5:\n ctx.rotate(0.5 * Math.PI);\n ctx.scale(1, -1);\n break;\n case 6:\n ctx.rotate(0.5 * Math.PI);\n ctx.translate(0, -image.height);\n break;\n case 7:\n ctx.rotate(0.5 * Math.PI);\n ctx.translate(canvas.width, -canvas.height);\n ctx.scale(-1, 1);\n break;\n case 8:\n ctx.rotate(-0.5 * Math.PI);\n ctx.translate(-canvas.height, 0);\n break;\n default:\n ctx.transform(1, 0, 0, 1, 0, 0);\n }\n ctx.drawImage(image, 0, 0);\n var imagetype = \"png\";\n if (orientation !== -1) {\n imagetype = \"jpeg\";\n }\n var resultURL = \"\";\n if (imagetype === \"jpg\" || imagetype === \"jpeg\") {\n resultURL = canvas.toDataURL(\"image/\" + imagetype);\n }\n else {\n resultURL = canvas.toDataURL(\"image/\" + imagetype);\n }\n callback(resultURL);\n image.parentNode.removeChild(image);\n fileInput.parentNode.removeChild(fileInput);\n };\n image.src = fileReader.result;\n image.style.display = \"none\";\n document.body.appendChild(image);\n fileInput.value = \"\";\n });\n };\n fileReader.readAsDataURL(file);\n }, false);\n fileInput.click();\n}\n",
"group": "other", "group": "other",
"type": "builtin" "type": "builtin"
} }
dist/processes/other/resize-image.json
View file @ 564408cc
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
"success" "success"
], ],
"id": "resize-image", "id": "resize-image",
"script": "var width = engine.findVariable('width', args, props);\nvar height = engine.findVariable('height', args, props);\nvar cutType = engine.findVariable('cutType', args, props);\nvar type = engine.findVariable('type', args, props);\nvar quality = engine.findVariable('quality', args, props);\nvar img = args;\nif (typeof args === 'string') {\n img = new Image();\n img.onload = function () {\n deal();\n };\n img.onerror = function (e) {\n console.log(e);\n };\n img.src = args;\n}\nelse {\n deal();\n}\nfunction getExif(callback) {\n EXIF.getData(img, function () {\n var allMetaData = EXIF.getAllTags(this);\n callback(allMetaData);\n });\n}\nfunction deal() {\n getExif(function (allMetaData) {\n var m = cutType === 'inner' ? Math.min : Math.max;\n var r = m(width / img.width, height / img.height);\n var imgWidth = img.width * r;\n var imgHeight = img.height * r;\n var x = (width - imgWidth) / 2;\n var y = (height - imgHeight) / 2;\n var canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n var ctx = canvas.getContext('2d');\n ctx.translate(x, y);\n ctx.scale(r, r);\n allMetaData.Orientation = 1;\n if (allMetaData.Orientation) {\n var orientation = allMetaData.Orientation;\n switch (orientation) {\n case 2:\n ctx.translate(img.width, 0);\n ctx.scale(-1, 1);\n break;\n case 3:\n ctx.translate(img.width, img.height);\n ctx.rotate(Math.PI);\n break;\n case 4:\n ctx.translate(0, img.height);\n ctx.scale(1, -1);\n break;\n case 5:\n ctx.rotate(-0.5 * Math.PI);\n ctx.scale(-1, 1);\n ctx.translate(x / r - y / r, y / r - x / r);\n break;\n case 6:\n ctx.rotate(-0.5 * Math.PI);\n ctx.translate(-img.width + y / r - x / r, y / r - x / r);\n break;\n case 7:\n ctx.rotate(0.5 * Math.PI);\n ctx.scale(-1, 1);\n ctx.translate(-img.width + y / r - x / r, -img.height + x / r - y / r);\n break;\n case 8:\n ctx.rotate(-0.5 * Math.PI);\n ctx.translate(-img.width + y / r - x / r, -x / r + y / r);\n break;\n }\n }\n ctx.drawImage(img, 0, 0);\n var dataUrl = canvas.toDataURL('image/' + type, quality);\n next('success', dataUrl);\n });\n}\n", "script": "var width = engine.findVariable('width', args, props);\nvar height = engine.findVariable('height', args, props);\nvar cutType = engine.findVariable('cutType', args, props);\nvar type = engine.findVariable('type', args, props);\nvar quality = engine.findVariable('quality', args, props);\nvar img = args;\nif (typeof args === 'string') {\n img = new Image();\n img.onload = function () {\n deal();\n };\n img.onerror = function (e) {\n console.log(e);\n };\n img.src = args;\n}\nelse {\n deal();\n}\nfunction deal() {\n var m = cutType === 'inner' ? Math.min : Math.max;\n var r = m(width / img.width, height / img.height);\n var imgWidth = img.width * r;\n var imgHeight = img.height * r;\n var x = (width - imgWidth) / 2;\n var y = (height - imgHeight) / 2;\n var canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n var ctx = canvas.getContext('2d');\n ctx.translate(x, y);\n ctx.scale(r, r);\n ctx.drawImage(img, 0, 0);\n var dataUrl = canvas.toDataURL('image/' + type, quality);\n next('success', dataUrl);\n}\n",
"group": "other", "group": "other",
"type": "builtin" "type": "builtin"
} }
dist/processes/view/show-toast.json
View file @ 564408cc
...@@ -6,13 +6,42 @@ ...@@ -6,13 +6,42 @@
}, },
"text": { "text": {
"type": "string", "type": "string",
"alias": "内容" "alias": "文本内容"
},
"labelAlign": {
"alias": "文本对齐",
"type": "enum",
"enum": [
{
"label": "左对齐",
"value": "left"
},
{
"label": "居中对齐",
"value": "center"
},
{
"label": "右对齐",
"value": "right"
}
],
"default": "center"
},
"labSize": {
"alias": "文本大小",
"type": "number",
"default": 30
}, },
"padding": { "padding": {
"type": "number", "type": "number",
"default": 10, "default": 10,
"alias": "边距" "alias": "边距"
}, },
"bgAlpha": {
"type": "number",
"default": 0.7,
"alias": "背景透明度"
},
"paddingH": { "paddingH": {
"type": "number", "type": "number",
"alias": "横向边距" "alias": "横向边距"
......
src/custom/jump-high/debug/main.js
View file @ 564408cc
...@@ -13,11 +13,8 @@ ...@@ -13,11 +13,8 @@
engine.injectProp(props, p); engine.injectProp(props, p);
} }
function getTexture(uuid) {
return engine.Texture.from(uuid);
}
function getTextureByName(name) { function getTextureByName(name) {
return getTexture(getAssetByName(name).uuid); return engine.Texture.from(getAssetByName(name).uuid);
} }
function getBlockAsset(type) { function getBlockAsset(type) {
return engine.getAssetByName(props.blockAssets[type]); return engine.getAssetByName(props.blockAssets[type]);
...@@ -853,7 +850,6 @@ ...@@ -853,7 +850,6 @@
}; };
return GameView; return GameView;
}(engine.Container)); }(engine.Container));
//# sourceMappingURL=GameView.js.map
var JumpHigh = (function (_super) { var JumpHigh = (function (_super) {
tslib.__extends(JumpHigh, _super); tslib.__extends(JumpHigh, _super);
......
src/custom/jump-high/debug/main.js.map
View file @ 564408cc
This source diff could not be displayed because it is too large. You can view the blob instead.
src/custom/jump-high/src/game/utils.ts
View file @ 564408cc
...@@ -8,7 +8,7 @@ export function getTexture(uuid) { ...@@ -8,7 +8,7 @@ export function getTexture(uuid) {
} }
export function getTextureByName(name) { export function getTextureByName(name) {
return getTexture(getAssetByName(name).uuid); return engine.Texture.from(getAssetByName(name).uuid);
} }
export function getBlockAsset(type) { export function getBlockAsset(type) {
......
src/process/other/pick-image/index.ts
View file @ 564408cc
...@@ -2,19 +2,106 @@ ...@@ -2,19 +2,106 @@
* Created by rockyl on 2019-11-16. * Created by rockyl on 2019-11-16.
*/ */
let input = document.createElement('input'); pick(function (imgData) {
input.type = 'file'; next('success', imgData);
input.onchange = function (e) { });
processImage(input.files[0], (imgData)=>{
next('success', imgData);
})
};
input.click();
function processImage(file, callback) { function getExif(img, callback) {
let reader = new FileReader(); EXIF.getData(img, function () {
reader.readAsDataURL(file); let allMetaData = EXIF.getAllTags(this);
reader.onload = function(e) { callback(allMetaData)
callback(reader.result) });
} }
function pick(callback) {
let fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.accept = "image/*";
fileInput.style.display = "none";
document.body.insertBefore(fileInput, document.body.firstChild);
fileInput.addEventListener("change", function (evt) {
let mime = {"png": "image/png", "jpg": "image/jpeg", "jpeg": "image/jpeg", "bmp": "image/bmp"};
let file = evt.target.files[0];
let type = file.type;
if (!type) {
type = mime[file.name.match(/\.([^\.]+)$/i)[1]];
}
let fileReader = new FileReader();
fileReader.onload = function () {
getExif(file, (exif) => {
//let exif = EXIF.readFromBinaryFile(arrayBuffer);
let orientation = -1;
if (exif) {
orientation = exif["Orientation"];
}
let image = new Image();
image.onload = function () {
let canvas = document.createElement("canvas");
let ctx = canvas.getContext("2d");
canvas.width = image.width;
canvas.height = image.height;
if (orientation > 4) {
canvas.width = image.height;
canvas.height = image.width;
}
ctx.clearRect(0, 0, canvas.width, canvas.height);
switch (orientation) {
case 2:
// horizontal flip
ctx.translate(canvas.width, 0);
ctx.scale(-1, 1);
break;
case 3:
// 180° rotate left
ctx.translate(canvas.width, canvas.height);
ctx.rotate(Math.PI);
break;
case 4:
ctx.translate(0, canvas.height);
ctx.scale(1, -1);
break;
case 5:
ctx.rotate(0.5 * Math.PI);
ctx.scale(1, -1);
break;
case 6:
ctx.rotate(0.5 * Math.PI);
ctx.translate(0, -image.height);
break;
case 7:
ctx.rotate(0.5 * Math.PI);
ctx.translate(canvas.width, -canvas.height);
ctx.scale(-1, 1);
break;
case 8:
ctx.rotate(-0.5 * Math.PI);
ctx.translate(-canvas.height, 0);
break;
default:
ctx.transform(1, 0, 0, 1, 0, 0);
}
ctx.drawImage(image, 0, 0);
let imagetype = "png";
if (orientation !== -1) {
imagetype = "jpeg";
}
let resultURL = "";
if (imagetype === "jpg" || imagetype === "jpeg") {
resultURL = canvas.toDataURL("image/" + imagetype);
} else {
resultURL = canvas.toDataURL("image/" + imagetype);
}
callback(resultURL);
image.parentNode.removeChild(image);
fileInput.parentNode.removeChild(fileInput);
};
image.src = fileReader.result;
image.style.display = "none";
document.body.appendChild(image);
fileInput.value = "";
});
};
fileReader.readAsDataURL(file);
}, false);
fileInput.click();
} }
src/process/other/resize-image/index.ts
View file @ 564408cc
...@@ -7,7 +7,6 @@ const height = engine.findVariable('height', args, props); ...@@ -7,7 +7,6 @@ const height = engine.findVariable('height', args, props);
const cutType = engine.findVariable('cutType', args, props); const cutType = engine.findVariable('cutType', args, props);
const type = engine.findVariable('type', args, props); const type = engine.findVariable('type', args, props);
const quality = engine.findVariable('quality', args, props); const quality = engine.findVariable('quality', args, props);
let img = args; let img = args;
if (typeof args === 'string') { if (typeof args === 'string') {
img = new Image(); img = new Image();
...@@ -18,79 +17,25 @@ if (typeof args === 'string') { ...@@ -18,79 +17,25 @@ if (typeof args === 'string') {
console.log(e); console.log(e);
}; };
img.src = args; img.src = args;
} else {
deal();
} }
else {
function getExif(callback) { deal();
EXIF.getData(img, function () {
var allMetaData = EXIF.getAllTags(this);
callback(allMetaData)
});
} }
function deal() { function deal() {
getExif((allMetaData) => { let m = cutType === 'inner' ? Math.min : Math.max;
let m = cutType === 'inner' ? Math.min : Math.max; let r = m(width / img.width, height / img.height);
let r = m(width / img.width, height / img.height); let imgWidth = img.width * r;
let imgWidth = img.width * r; let imgHeight = img.height * r;
let imgHeight = img.height * r; let x = (width - imgWidth) / 2;
let x = (width - imgWidth) / 2; let y = (height - imgHeight) / 2;
let y = (height - imgHeight) / 2; let canvas = document.createElement('canvas');
canvas.width = width;
let canvas = document.createElement('canvas'); canvas.height = height;
canvas.width = width; let ctx = canvas.getContext('2d');
canvas.height = height; ctx.translate(x, y);
let ctx = canvas.getContext('2d'); ctx.scale(r, r);
ctx.drawImage(img, 0, 0);
//ctx.strokeStyle = 'blue'; let dataUrl = canvas.toDataURL('image/' + type, quality);
//ctx.strokeRect(0, 0, width, height); next('success', dataUrl);
ctx.translate(x, y);
ctx.scale(r, r);
allMetaData.Orientation = 1;
if (allMetaData.Orientation) {
let orientation = allMetaData.Orientation;
switch (orientation) {
case 2: //水平翻转
ctx.translate(img.width, 0);
ctx.scale(-1, 1);
break;
case 3: //180°
ctx.translate(img.width, img.height);
ctx.rotate(Math.PI);
break;
case 4: //垂直翻转
ctx.translate(0, img.height);
ctx.scale(1, -1);
break;
case 5: //逆时针90°+水平翻转
ctx.rotate(-0.5 * Math.PI);
ctx.scale(-1, 1);
ctx.translate(x / r -y / r, y / r - x / r);
break;
case 6: //逆时针90°
ctx.rotate(-0.5 * Math.PI);
ctx.translate(-img.width + y / r - x / r, y / r - x / r);
break;
case 7: //顺时针90°+垂直翻转
ctx.rotate(0.5 * Math.PI);
ctx.scale(-1, 1);
ctx.translate(-img.width + y / r - x / r, -img.height + x / r - y / r);
break;
case 8: //顺时针90°
ctx.rotate(-0.5 * Math.PI);
ctx.translate(-img.width + y / r - x / r, -x / r + y / r);
break;
}
}
ctx.drawImage(img, 0, 0);
let dataUrl = canvas.toDataURL('image/' + type, quality);
next('success', dataUrl);
})
} }
src/process/view/show-toast/meta.json
View file @ 564408cc
...@@ -6,13 +6,33 @@ ...@@ -6,13 +6,33 @@
}, },
"text": { "text": {
"type": "string", "type": "string",
"alias": "内容" "alias": "文本内容"
},
"labelAlign": {
"alias": "文本对齐",
"type": "enum",
"enum": [
{"label":"左对齐", "value":"left"},
{"label":"居中对齐", "value":"center"},
{"label":"右对齐", "value":"right"}
],
"default": "center"
},
"labSize": {
"alias": "文本大小",
"type": "number",
"default": 30
}, },
"padding": { "padding": {
"type": "number", "type": "number",
"default": 10, "default": 10,
"alias": "边距" "alias": "边距"
}, },
"bgAlpha": {
"type": "number",
"default": 0.7,
"alias": "背景透明度"
},
"paddingH": { "paddingH": {
"type": "number", "type": "number",
"alias": "横向边距" "alias": "横向边距"
...@@ -46,4 +66,4 @@ ...@@ -46,4 +66,4 @@
"output": [ "output": [
"success" "success"
] ]
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment