GameCult/repixelizer
Watch
9
0
Fork
You've already forked repixelizer
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rename source labels to input

Browse source
This commit is contained in:
Meta Vens 2026-04-24 17:42:31 +01:00
commit 8a9c70596b
3 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app.ts
View file

@ -348,7 +348,7 @@ async function renderInputPreview(): Promise<void> {
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);
@ -436,7 +436,7 @@ function renderMetrics(): void {
"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");
@ -472,7 +472,7 @@ async function renderViewer(): Promise<void> {
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) {
@ -816,8 +816,8 @@ async function handleEvent(eventName: string, payload: JsonRecord): Promise<void
break;
case "source_loaded":
state.sourceImage = payload.sourceImage as ImageAsset;
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 as ImageAsset;
@ -860,7 +860,7 @@ async function handleEvent(eventName: string, payload: JsonRecord): Promise<void
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;
}

12
src/repixelizer/gui_static/app.js
View file

@ -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;
}

6
src/repixelizer/gui_static/index.html
View file

@ -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>