test: evaluation of SemanticVisuals metric #54

sergiomrebelo · Aug 10, 2023 · c2d4402 · c2d4402
1 parent f21f5a4
commit c2d4402
Show file tree

Hide file tree

Showing 7 changed files with 468 additions and 27 deletions.
diff --git a/src/@evoposter/evaluator/src/index.mjs b/src/@evoposter/evaluator/src/index.mjs
@@ -9,18 +9,23 @@
 
 import * as Legibility from "./metrics/Legibility.mjs";
 import * as GridAppropriateSize from "./metrics/GridAppropriateSize.mjs";
-import * as LayoutSemantics from "./metrics/LayoutSemantics.mjs";
+import * as SemanticsLayout from "./metrics/SemanticsLayout.mjs";
 import * as SemanticsEmphasis from "./metrics/SemanticsEmphasis.mjs";
 import * as SemanticsVisuals from "./metrics/SemanticVisuals.mjs";
 
 export const info = () => {
     console.log ("Evaluator working");
 }
 
+// constraints
 export const legibility = Legibility.compute;
 export const gridAppropriateSize = GridAppropriateSize.compute;
-export const layoutSemantics = LayoutSemantics.compute;
+
+// semantics
+export const semanticsLayout = SemanticsLayout.compute;
 export const semanticsEmphasis = SemanticsEmphasis.compute;
 export const semanticsVisuals = SemanticsVisuals.compute;
 
+// aesthetics
+
 export { info as default };
diff --git a/src/@evoposter/evaluator/src/metrics/SemanticVisuals.mjs b/src/@evoposter/evaluator/src/metrics/SemanticVisuals.mjs
@@ -19,13 +19,13 @@
 
 const MAX_COLOR_DISTANCE = 441.67;
 
-
-import * as config from "../../visual-semantics.config.js";
+import * as configurationFile from "../../visual-semantics.config.js";
 import {arrMean, colorDistance, hexToRGB, constraint} from "../utils.js";
 
 
-export const compute = async (data, textboxes, globalFeatures, typefaceData) => {
-    const emotion = data.predominant.emotion;
+export const compute = async (data, textboxes, background, typefaceData, config = configurationFile) => {
+
+    let emotion = data.predominant.emotion;
 
     if (config["default"][emotion] === undefined) return 1;
 
@@ -49,17 +49,18 @@ export const compute = async (data, textboxes, globalFeatures, typefaceData) =>
             }
             typefaceColorsDistances.push(typefaceColorsDist);
         }
+
         meanTypefaceColorDistance = typefaceColorsDistances.length < 1 ? 1 : arrMean(typefaceColorsDistances);
         meanTypefaceColorDistance /= MAX_COLOR_DISTANCE;
-        meanTypefaceColorDistance = constraint(meanTypefaceColorDistance, 0, 1);
+        meanTypefaceColorDistance = constraint(1-meanTypefaceColorDistance, 0, 1);
     }
 
     // background colour
     let meanTypefaceBackgroundDistance = 1;
     if (targetBackgroundColors !== undefined && targetBackgroundColors.length !== 0) {
         let backgroundColorsDistances = [];
         meanTypefaceBackgroundDistance = 0;
-        for (let c of globalFeatures) {
+        for (let c of background) {
             c = hexToRGB(c);
             let backgroundColorsDist = Number.MAX_VALUE;
             for (let targetColor of targetBackgroundColors) {
@@ -74,7 +75,7 @@ export const compute = async (data, textboxes, globalFeatures, typefaceData) =>
 
         meanTypefaceBackgroundDistance = meanTypefaceBackgroundDistance.length < 1 ? 1 : arrMean(backgroundColorsDistances);
         meanTypefaceBackgroundDistance /= MAX_COLOR_DISTANCE;
-        meanTypefaceBackgroundDistance = constraint(meanTypefaceBackgroundDistance, 0, 1);
+        meanTypefaceBackgroundDistance = constraint(1-meanTypefaceBackgroundDistance, 0, 1);
     }
 
     // typeface
@@ -98,6 +99,8 @@ export const compute = async (data, textboxes, globalFeatures, typefaceData) =>
     }
 
     return (meanTypefaceColorDistance + meanTypefaceBackgroundDistance + meanTypefaceError)/3;
+
+
 }
 
 

diff --git a/...evaluator/src/metrics/LayoutSemantics.mjs → ...evaluator/src/metrics/SemanticsLayout.mjs b/...evaluator/src/metrics/LayoutSemantics.mjs → ...evaluator/src/metrics/SemanticsLayout.mjs
diff --git a/src/@evoposter/evaluator/test/unit/LayoutSemantics.test.js b/src/@evoposter/evaluator/test/unit/LayoutSemantics.test.js
@@ -1,4 +1,4 @@
-import {layoutSemantics} from '../../src/index.mjs'
+import {semanticsLayout} from '../../src/index.mjs'
 
 const TESTING_PARAMS = [
     {
@@ -95,7 +95,7 @@ describe(`Testing Layout Semantics metric`, () => {
     for (let i in TESTING_PARAMS) {
         let params = TESTING_PARAMS[i];
         test(`Test ${i}`, async () => {
-            const res = layoutSemantics(
+            const res = semanticsLayout(
                 params.textboxesHeights, params.dist,
                 params.type, params.genotype
             );