ambiser
/
human
mirror of https://github.com/vladmandic/human
9
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updated menu handler

pull/50/head
Vladimir Mandic 2020-10-27 14:07:39 -04:00
parent a35682756b
commit 55fd163388
6 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
demo/browser.js
View File

@ -321,15 +321,15 @@ function setupMenu() {
menuFX.addHTML('<hr style="min-width: 200px; border-style: inset; border-color: dimgray">'); menuFX.addHTML('<hr style="min-width: 200px; border-style: inset; border-color: dimgray">');
menuFX.addLabel('Image Filters'); menuFX.addLabel('Image Filters');
menuFX.addBool('Enabled', config.filter, 'enabled'); menuFX.addBool('Enabled', config.filter, 'enabled');
menuFX.addRange('Image width', config.filter, 'width', 100, 3840, 10, (val) => config.filter.width = parseInt(val)); menuFX.addRange('Image width', config.filter, 'width', 100, 3840, 10);
menuFX.addRange('Image height', config.filter, 'height', 100, 2160, 10, (val) => config.filter.height = parseInt(val)); menuFX.addRange('Image height', config.filter, 'height', 100, 2160, 10);
menuFX.addRange('Brightness', config.filter, 'brightness', -1.0, 1.0, 0.05, (val) => config.filter.brightness = parseFloat(val)); menuFX.addRange('Brightness', config.filter, 'brightness', -1.0, 1.0, 0.05);
menuFX.addRange('Contrast', config.filter, 'contrast', -1.0, 1.0, 0.05, (val) => config.filter.contrast = parseFloat(val)); menuFX.addRange('Contrast', config.filter, 'contrast', -1.0, 1.0, 0.05);
menuFX.addRange('Sharpness', config.filter, 'sharpness', 0, 1.0, 0.05, (val) => config.filter.sharpness = parseFloat(val)); menuFX.addRange('Sharpness', config.filter, 'sharpness', 0, 1.0, 0.05);
menuFX.addRange('Blur', config.filter, 'blur', 0, 20, 1, (val) => config.filter.blur = parseInt(val)); menuFX.addRange('Blur', config.filter, 'blur', 0, 20, 1);
menuFX.addRange('Saturation', config.filter, 'saturation', -1.0, 1.0, 0.05, (val) => config.filter.saturation = parseFloat(val)); menuFX.addRange('Saturation', config.filter, 'saturation', -1.0, 1.0, 0.05);
menuFX.addRange('Hue', config.filter, 'hue', 0, 360, 5, (val) => config.filter.hue = parseInt(val)); menuFX.addRange('Hue', config.filter, 'hue', 0, 360, 5);
menuFX.addRange('Pixelate', config.filter, 'pixelate', 0, 32, 1, (val) => config.filter.pixelate = parseInt(val)); menuFX.addRange('Pixelate', config.filter, 'pixelate', 0, 32, 1);
menuFX.addBool('Negative', config.filter, 'negative'); menuFX.addBool('Negative', config.filter, 'negative');
menuFX.addBool('Sepia', config.filter, 'sepia'); menuFX.addBool('Sepia', config.filter, 'sepia');
menuFX.addBool('Vintage', config.filter, 'vintage'); menuFX.addBool('Vintage', config.filter, 'vintage');

9
demo/menu.js
View File

@ -133,10 +133,15 @@ class Menu {
async addRange(title, object, variable, min, max, step, callback) { async addRange(title, object, variable, min, max, step, callback) {
const el = document.createElement('div'); const el = document.createElement('div');
el.className = 'menu-item'; el.className = 'menu-item';
el.innerHTML = `<input class="menu-range" type="range" id="${this.newID}" min="${min}" max="${max}" step="${step}" value="${object[variable]}">${title}`; const arr = Array.isArray(variable);
el.innerHTML = `<input class="menu-range" type="range" id="${this.newID}" min=${min} max=${max} step=${step} value=${arr ? object[variable[0]] : object[variable]}>${title}`;
this.container.appendChild(el); this.container.appendChild(el);
el.addEventListener('change', (evt) => { el.addEventListener('change', (evt) => {
object[variable] = evt.target.value; const int = parseInt(evt.target.value) === parseFloat(evt.target.value);
const val = Array.isArray(variable) ? variable : [variable];
for (const item of val) {
object[item] = int ? parseInt(evt.target.value) : parseFloat(evt.target.value);
}
evt.target.setAttribute('value', evt.target.value); evt.target.setAttribute('value', evt.target.value);
if (callback) callback(evt.target.value); if (callback) callback(evt.target.value);
}); });

2
dist/human.esm-nobundle.js vendored
View File

@ -5777,7 +5777,7 @@ var require_config = __commonJS((exports) => {
var require_package = __commonJS((exports, module) => { var require_package = __commonJS((exports, module) => {
module.exports = { module.exports = {
name: "@vladmandic/human", name: "@vladmandic/human",
version: "0.4.6", version: "0.4.7",
description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction", description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction",
sideEffects: false, sideEffects: false,
main: "dist/human.node.js", main: "dist/human.node.js",

2
dist/human.esm.js vendored
View File

@ -71039,7 +71039,7 @@ var require_config = __commonJS((exports) => {
var require_package = __commonJS((exports, module) => { var require_package = __commonJS((exports, module) => {
module.exports = { module.exports = {
name: "@vladmandic/human", name: "@vladmandic/human",
version: "0.4.6", version: "0.4.7",
description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction", description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction",
sideEffects: false, sideEffects: false,
main: "dist/human.node.js", main: "dist/human.node.js",

2
dist/human.js vendored
View File

@ -71040,7 +71040,7 @@ var Human = (() => {
var require_package = __commonJS((exports, module) => { var require_package = __commonJS((exports, module) => {
module.exports = { module.exports = {
name: "@vladmandic/human", name: "@vladmandic/human",
version: "0.4.6", version: "0.4.7",
description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction", description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction",
sideEffects: false, sideEffects: false,
main: "dist/human.node.js", main: "dist/human.node.js",

2
dist/human.node.js vendored
View File

@ -5777,7 +5777,7 @@ var require_config = __commonJS((exports2) => {
var require_package = __commonJS((exports2, module2) => { var require_package = __commonJS((exports2, module2) => {
module2.exports = { module2.exports = {
name: "@vladmandic/human", name: "@vladmandic/human",
version: "0.4.6", version: "0.4.7",
description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction", description: "human: 3D Face Detection, Iris Tracking and Age & Gender Prediction",
sideEffects: false, sideEffects: false,
main: "dist/human.node.js", main: "dist/human.node.js",