Files
ttvfx/app/set/spill/page.tsx
T
twotalesanimation 52d492506b
Deploy / deploy (push) Successful in 35s
Add /set/spill: on-set green screen spill checker
- Phone camera or photo -> WebGL shader that classifies every pixel against
  the sampled screen colour; colour-blind friendly (stripes, motion, words)
- Views: Spill, Screen (flat colour), rough live Key, Evenness
- Spill = worse of lean toward the screen hue and the green/blue despill
  limit, tuned on a real Alexa car-interior plate (teal screen, green bounce)
- Plain-English verdict incl. widespread colour cast; tap for readouts
- Pick screen / pick white (neutral reference), freeze, exposure/WB lock
- Service worker caches each /set page under its own path (spill page no
  longer overwrites the markers page offline); link from /set

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-07 11:55:24 +02:00

26 lines
759 B
TypeScript

import type { Metadata, Viewport } from "next";
import SpillChecker from "@/components/set/SpillChecker";
// On-set green/blue screen spill checker. Like /set, not linked from the site and
// kept out of search results and the sitemap.
export const metadata: Metadata = {
title: "Spill checker",
description: "Two Tales VFX on-set green screen spill checker.",
robots: { index: false, follow: false },
manifest: "/set/manifest.webmanifest",
appleWebApp: { capable: true, title: "Spill", statusBarStyle: "black-translucent" },
};
export const viewport: Viewport = {
themeColor: "#000000",
viewportFit: "cover",
};
export default function SpillPage() {
return (
<main className="h-dvh bg-black">
<SpillChecker />
</main>
);
}