From a3947f366286dc4638876a054edd53058c99b854 Mon Sep 17 00:00:00 2001
From: FURRO404 <frostyboy2016.liam@gmail.com>
Date: Sun, 21 Jun 2026 08:06:38 -0700
Subject: [PATCH] stupid ahh embed

---
 frontend/index.html            | 10 ---------
 frontend/src/ReplayCanvas3D.js | 39 +++++++++++++++++-----------------
 2 files changed, 20 insertions(+), 29 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 4c3f6cd..cae772f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -79,21 +79,11 @@
       property="og:description"
       content="__SEO_DESCRIPTION__"
     />
-    <meta property="og:image" content="__PUBLIC_ORIGIN__/embed.svg" />
-    <meta property="og:image:secure_url" content="__PUBLIC_ORIGIN__/embed.svg" />
-    <meta property="og:image:type" content="image/svg+xml" />
-    <meta property="og:image:width" content="1200" />
-    <meta property="og:image:height" content="630" />
-    <meta property="og:image:alt" content="Toothless' TSS Bot share card" />
-    <meta property="og:logo" content="__PUBLIC_ORIGIN__/embed-icon.svg" />
-    <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="__SEO_TITLE__" />
     <meta
       name="twitter:description"
       content="__SEO_DESCRIPTION__"
     />
-    <meta name="twitter:image" content="__PUBLIC_ORIGIN__/embed.svg" />
-    <meta name="twitter:image:alt" content="Toothless' TSS Bot share card" />
     <link rel="icon" type="image/svg+xml" href="/embed-icon.svg" />
     <link rel="apple-touch-icon" href="/embed-icon.svg" />
     <script type="application/ld+json" id="site-structured-data">
diff --git a/frontend/src/ReplayCanvas3D.js b/frontend/src/ReplayCanvas3D.js
index 6b9e835..63cf547 100644
--- a/frontend/src/ReplayCanvas3D.js
+++ b/frontend/src/ReplayCanvas3D.js
@@ -18,7 +18,6 @@ const DRONE_COLOR = '#cbd5e1'
 const DIRECTION_SAMPLE_MS = 700
 const DIRECTION_BLEND = 0.22
 const KILL_LINE_WINDOW_MS = 3000
-const CAP_INTERP_MAX_GAP_MS = 4000
 const FLIP_MAP_TEXTURE_Z = true
 
 function coordsAreValid(c) {
@@ -80,6 +79,7 @@ export default class ReplayCanvas3D {
     this.players = {}
     for (const p of data.players || []) this.players[p.id] = p
     this.teamWon = data.teamWon
+    this.winnerSlot = Number(data.winnerSlot) || 0
 
     this._buildEntities()
     this._buildCaptureModel()
@@ -466,32 +466,33 @@ export default class ReplayCanvas3D {
     }
   }
 
+  // Step interpolation, matching the 2D engine's _interpSeries(series, t, true).
   _captureValueAt(zone, t) {
-    if (!zone.cap.length) return 0
-    if (t <= zone.cap[0][0]) return zone.cap[0][1]
-    for (let i = 1; i < zone.cap.length; i++) {
-      const prev = zone.cap[i - 1]
-      const cur = zone.cap[i]
-      if (t <= cur[0]) {
-        const gap = cur[0] - prev[0]
-        if (gap > CAP_INTERP_MAX_GAP_MS) return prev[1]
-        const alpha = (t - prev[0]) / Math.max(1, gap)
-        return THREE.MathUtils.lerp(prev[1], cur[1], THREE.MathUtils.clamp(alpha, 0, 1))
-      }
+    const cap = zone.cap
+    if (!cap.length) return 0
+    if (t <= cap[0][0]) return cap[0][1]
+    const last = cap[cap.length - 1]
+    if (t >= last[0]) return last[1]
+    for (let i = 1; i < cap.length; i++) {
+      if (cap[i][0] >= t) return cap[i - 1][1]
     }
-    return zone.cap[zone.cap.length - 1][1]
+    return last[1]
   }
 
   _updateCaptureZones() {
     for (const group of this.zoneGroup.children) {
       const { zone, fill } = group.userData
       if (!zone || !fill) continue
-      const value = THREE.MathUtils.clamp(this._captureValueAt(zone, this.currentT), -100, 100)
-      const amount = Math.abs(value) / 100
-      fill.visible = value !== 0
-      fill.material.color.set(value > 0 ? LOSE_COLOR : value < 0 ? WIN_COLOR : 0xd8dee9)
-      fill.material.opacity = value === 0 ? 0 : 0.18 + amount * 0.34
-      const s = value === 0 ? 0 : Math.sqrt(amount)
+      // Same logic as the 2D engine: owner is slot 2 if value>0 else slot 1,
+      // coloured green when it matches the winning slot, red otherwise.
+      const value = this._captureValueAt(zone, this.currentT)
+      const frac = Math.min(1, Math.abs(value) / 100)
+      if (frac <= 0.01) { fill.visible = false; continue }
+      const ownerSlot = value > 0 ? 2 : 1
+      fill.visible = true
+      fill.material.color.set(ownerSlot === this.winnerSlot ? WIN_COLOR : LOSE_COLOR)
+      fill.material.opacity = 0.18 + frac * 0.34
+      const s = Math.sqrt(frac)
       fill.scale.set(s, s, 1)
     }
   }