Rename source labels to input
This commit is contained in:
parent
c11db59364
commit
8a9c70596b
3 changed files with 15 additions and 15 deletions
|
|
@ -254,7 +254,7 @@ async function renderInputPreview() {
|
|||
context.fillRect(0, 0, inputPreviewCanvas.width, inputPreviewCanvas.height);
|
||||
context.fillStyle = "rgba(255,255,255,0.2)";
|
||||
context.font = "16px sans-serif";
|
||||
context.fillText("No source loaded yet", 20, 32);
|
||||
context.fillText("No input loaded yet", 20, 32);
|
||||
return;
|
||||
}
|
||||
const image = await loadImage(asset);
|
||||
|
|
@ -338,7 +338,7 @@ function renderMetrics() {
|
|||
"Final fidelity",
|
||||
formatNumber(readNestedNumber(state.runSummary, ["source_fidelity", "final_output", "score"])),
|
||||
]);
|
||||
items.push(["Source color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
|
||||
items.push(["Input color ratio", formatNumber(readNestedNumber(state.runSummary, ["output_colors_from_source_ratio"]))]);
|
||||
}
|
||||
for (const [label, value] of items) {
|
||||
const node = document.createElement("div");
|
||||
|
|
@ -372,7 +372,7 @@ async function renderViewer() {
|
|||
const frame = getSelectedFrame();
|
||||
let leftAsset = state.preprocessedImage ?? state.sourceImage;
|
||||
let rightAsset = state.finalOutputImage ?? state.cleanupImage ?? state.sourceImage;
|
||||
let leftLabel = "Source";
|
||||
let leftLabel = "Input";
|
||||
let rightLabel = "Output";
|
||||
if (state.latticeImage) {
|
||||
leftAsset = state.latticeImage;
|
||||
|
|
@ -696,8 +696,8 @@ async function handleEvent(eventName, payload) {
|
|||
break;
|
||||
case "source_loaded":
|
||||
state.sourceImage = payload.sourceImage;
|
||||
setStatus("running", "Source loaded. Survey crew is measuring the mess.");
|
||||
addLog("Source", "Loaded the input image.");
|
||||
setStatus("running", "Input loaded. Survey crew is measuring the mess.");
|
||||
addLog("Input", "Loaded the input image.");
|
||||
break;
|
||||
case "preprocess_completed":
|
||||
state.preprocessedImage = payload.sourceImage;
|
||||
|
|
@ -738,7 +738,7 @@ async function handleEvent(eventName, payload) {
|
|||
state.selectedFrameIndex = Math.max(0, state.frames.findIndex((candidate) => candidate.step === frame.step));
|
||||
}
|
||||
if (eventName === "phase_field_final") {
|
||||
addLog("Solver", "Final nearest-source sample committed.");
|
||||
addLog("Solver", "Final nearest-input sample committed.");
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
<canvas id="lossCanvas" class="loss-canvas" width="800" height="120"></canvas>
|
||||
<div class="viewer-grid viewer-grid-dual">
|
||||
<figure class="viz-card">
|
||||
<div class="viz-label" id="leftVizLabel">Source</div>
|
||||
<div class="viz-label" id="leftVizLabel">Input</div>
|
||||
<canvas id="leftCanvas"></canvas>
|
||||
</figure>
|
||||
<figure class="viz-card">
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
<div class="card-head">
|
||||
<div class="copy-stack card-copy">
|
||||
<h2>Input</h2>
|
||||
<p class="copy-tag">Start with the ugly source.</p>
|
||||
<p class="copy-tag">Start with the ugly input.</p>
|
||||
</div>
|
||||
<button id="pickFileButton" class="button button-small button-secondary" type="button">Choose File</button>
|
||||
</div>
|
||||
|
|
@ -131,7 +131,7 @@
|
|||
<span id="dropzoneLabel">PNG, sprite scrap, cursed logo. Whatever started this.</span>
|
||||
</button>
|
||||
<figure class="input-preview-card">
|
||||
<div class="viz-label">Selected Source</div>
|
||||
<div class="viz-label">Selected Input</div>
|
||||
<canvas id="inputPreviewCanvas"></canvas>
|
||||
</figure>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue