(function introWorker(N, state, paint2) { const scope = self; let ctx = null; let shapes = null; let mode2 = "full"; let colours = null; let view = null; let far = 1; let began = -1; let asked = 0; let drawn = null; let over = false; const most = 83e5; let seen = 0; let last = -1; let worst = 0; const waits = []; const next = scope.requestAnimationFrame ? function(fn) { scope.requestAnimationFrame(fn); } : function(fn) { setTimeout(function() { fn(performance.now()); }, 16); }; const measure = function(w, h, dpr) { const ratio = Math.min(dpr, Math.sqrt(most / Math.max(1, w * h))); let wide2 = N.stage[0][1]; for (let i = 0; i < N.stage.length; i++) if (w >= N.stage[i][0]) wide2 = N.stage[i][1]; const unit = wide2 / N.width * ratio; const width2 = Math.max(1, Math.round(w * ratio)); const height2 = Math.max(1, Math.round(h * ratio)); const left = (w * ratio - N.width * unit) / 2; const top = (h * ratio - N.height * unit) / 2; const cx = left + N.portal[0] * unit; const cy = top + N.portal[1] * unit; const dx = Math.max(cx, width2 - cx) / (N.reach[0] * unit); const dy = Math.max(cy, height2 - cy) / (N.reach[1] * unit); far = Math.sqrt(dx * dx + dy * dy) * 1.06; ctx.canvas.width = width2; ctx.canvas.height = height2; view = { width: width2, height: height2, ratio, left, top, unit, fresh: true }; drawn = null; }; const frame = function(now) { if (over || !ctx || !view || !colours || !shapes) return; const first = began < 0; if (first) began = now; seen++; if (last >= 0) { const wait = now - last; if (wait > worst) worst = wait; if (waits.length < 2e3) waits.push(wait); } last = now; const S = state(N, mode2, (now - began) / 1e3, far); if (S.key !== drawn || view.fresh) { paint2(ctx, N, view, S, colours, shapes); drawn = S.key; view.fresh = false; } if (first) scope.postMessage({ on: true, late: asked ? (Date.now() - asked) / 1e3 : 0 }); if (S.phase === 2) { over = true; const sorted = waits.slice().sort(function(a, b) { return a - b; }); const usual = sorted.length ? sorted[Math.floor(sorted.length / 2)] : 0; let slow = 0; for (let i = 0; i < waits.length; i++) if (waits[i] > usual * 1.5) slow++; scope.postMessage({ over: true, pace: { frames: seen, seconds: (now - began) / 1e3, usual, worst, slow } }); return; } next(frame); }; scope.onmessage = function(event) { const data = event.data; try { if (data.canvas) { ctx = data.canvas.getContext("2d"); if (!ctx) throw new Error("no 2d"); mode2 = data.mode; colours = data.colours; asked = data.asked || 0; const letters = []; for (let i = 0; i < N.letters.length; i++) letters.push(new Path2D(N.letters[i])); shapes = { letters, counter: new Path2D(N.counter) }; } if (data.colours && !data.canvas) { colours = data.colours; drawn = null; if (view) view.fresh = true; } if (data.view && ctx) measure(data.view.w, data.view.h, data.view.dpr); if (data.canvas) next(frame); } catch { over = true; scope.postMessage({ failed: true }); } }; })({"line":0.12,"strike":0.46,"open":0.56,"step":0.05,"part":0.62,"hold":0.12,"zoom":0.86,"shortIn":0.22,"shortHold":0.3,"shortZoom":0.72,"cuts":[-0.03,0.15616,0.32022,0.53671,0.70221,0.84336,1.03],"middle":0.6135,"over":0.14,"width":504.35,"height":76.43,"portal":[312.4,46.98],"reach":[26.28,19.83],"counter":"M312.4 27.15C327.27 27.15 338.68 34.68 338.68 46.98C338.68 59.28 327.27 66.81 312.4 66.81C297.53 66.81 286.12 59.28 286.12 46.98C286.12 34.68 297.53 27.15 312.4 27.15Z","letters":["M0 0L10.73 0L10.73 27.1C12.57 26.14 19.03 17.33 37.01 17.33C69.03 17.33 74.01 38.5 74.01 46.88C74.01 55.26 69.03 76.43 37.01 76.43C6.12 76.43 0 59.42 0 47.02L0 0ZM36.9 27.15C21.67 27.15 10.73 34.48 10.73 46.98C10.73 59.48 21.67 66.81 36.9 66.81C52.13 66.81 63.07 59.48 63.07 46.98C63.07 34.48 52.13 27.15 36.9 27.15Z","M120.09 17.33C144.69 17.33 156.67 32.05 156.67 46.88C156.67 48.37 156.55 49.86 156.31 51.33L94.75 51.33C96.98 61.33 107.04 66.81 120.09 66.81C129.12 66.81 136.71 64.19 141.28 59.27L151.38 61.29C150.57 62.76 148.07 76.43 120.09 76.43C95.5 76.43 83.52 61.71 83.52 46.88C83.52 32.05 95.5 17.33 120.09 17.33ZM94.99 41.69L145.2 41.69C142.56 32.29 132.73 27.15 120.09 27.15C107.46 27.15 97.63 32.29 94.99 41.69Z","M166.33 75.23L166.33 43.04C166.33 31.05 176.77 17.33 193.98 17.33C203.89 17.33 211.55 21.88 216.27 28.03C220.99 21.88 228.65 17.33 238.56 17.33C255.77 17.33 266.2 31.05 266.2 43.04L266.2 75.23L255.5 75.23L255.5 44.79C255.5 30.44 244.25 27.2 238.56 27.2C232.87 27.2 221.62 30.44 221.62 44.79L221.62 75.23L210.91 75.23L210.91 44.79C210.91 30.44 199.67 27.2 193.98 27.2C188.29 27.2 177.04 30.44 177.04 44.79L177.04 75.23L166.33 75.23Z","M312.4 17.33C341.08 17.33 349.63 35.55 349.63 46.88C349.63 58.21 341.08 76.43 312.4 76.43C283.72 76.43 275.17 58.21 275.17 46.88C275.17 35.55 283.72 17.33 312.4 17.33ZM312.4 27.15C297.53 27.15 286.12 34.68 286.12 46.98C286.12 59.28 297.53 66.81 312.4 66.81C327.27 66.81 338.68 59.28 338.68 46.98C338.68 34.68 327.27 27.15 312.4 27.15Z","M358.69 75.23L358.69 45.5C358.69 27.9 372.7 17.33 389.75 17.33C406.8 17.33 420.81 27.9 420.81 45.5L420.81 75.23L409.9 75.23L409.9 45.12C409.9 33.41 400.62 27.2 389.75 27.2C378.88 27.2 369.6 33.41 369.6 45.12L369.6 75.23L358.69 75.23Z","M467.12 17.33C495.79 17.33 504.35 35.55 504.35 46.88C504.35 58.21 495.79 76.43 467.12 76.43C438.44 76.43 429.89 58.21 429.89 46.88C429.89 35.55 438.44 17.33 467.12 17.33ZM467.12 27.15C452.25 27.15 440.84 34.68 440.84 46.98C440.84 59.28 452.25 66.81 467.12 66.81C481.99 66.81 493.4 59.28 493.4 46.98C493.4 34.68 481.99 27.15 467.12 27.15Z"],"spans":[[-15.1305,78.759296],[78.759296,161.502957],[161.502957,270.68968850000005],[270.68968850000005,354.15961350000003],[354.15961350000003,425.348616],[425.348616,519.4805]],"stage":[[0,262],[480,353],[768,464],[1200,565],[1800,656]]},function introState(N, mode2, t, far) { const clamp2 = function(v) { return v < 0 ? 0 : v > 1 ? 1 : v; }; const bezier = function(x1, y1, x2, y2, x) { if (x <= 0) return 0; if (x >= 1) return 1; let lo = 0; let hi = 1; let u = x; for (let i2 = 0; i2 < 24; i2++) { u = (lo + hi) / 2; const v = 1 - u; const at = 3 * v * v * u * x1 + 3 * v * u * u * x2 + u * u * u; if (at < x) lo = u; else hi = u; } const w = 1 - u; return 3 * w * w * u * y1 + 3 * w * u * u * y2 + u * u * u; }; const letters = N.cuts.length - 1; const short = mode2 === "short"; const opened = N.open + (letters - 1) * N.step + N.part; const from2 = short ? N.shortHold : opened + N.hold; const length = short ? N.shortZoom : N.zoom; const open = []; const edge = []; let i = 0; if (t >= from2 + length) { return { phase: 2, key: "over", strike: 1, lit: 0, open, edge, name: 0, scale: far, hole: 1 }; } if (t >= from2) { const z2 = (t - from2) / length; for (i = 0; i < letters; i++) { open.push(1); edge.push(0); } return { phase: 1, key: t, strike: 1, lit: 0, open, edge, // The letters are gone before they are large: nothing dark fills the // window on the way. name: 1 - clamp2(z2 / 0.5), scale: Math.pow(far, Math.pow(z2, 1.45)), hole: clamp2(z2 / 0.22) }; } if (short) { const shown = clamp2(t / N.shortIn); for (i = 0; i < letters; i++) { open.push(1); edge.push(0); } return { phase: 0, key: shown < 1 ? shown : "stands", strike: 1, lit: 0, open, edge, name: shown, scale: 1, hole: 0 }; } const struck = clamp2((t - N.line) / N.strike); const lit2 = clamp2(struck / 0.3); for (i = 0; i < letters; i++) { const begins = N.open + i * N.step; const parted = bezier(0.66, 0, 0.16, 1, clamp2((t - begins) / N.part)); open.push(parted); edge.push(lit2 * Math.pow(1 - parted, 1.5)); } return { phase: 0, key: t < N.line ? "blank" : t >= opened ? "stands" : t, strike: bezier(0.16, 1, 0.3, 1, struck), lit: lit2, open, edge, name: 1, scale: 1, hole: 0 }; },function introPaint(ctx, N, view, S, C, shapes) { const r = view.ratio; const k = view.unit; const ox = view.left; const oy = view.top; const letters = N.cuts.length - 1; let i = 0; ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.globalAlpha = 1; ctx.globalCompositeOperation = "source-over"; ctx.shadowColor = "transparent"; ctx.shadowBlur = 0; ctx.shadowOffsetX = 0; if (S.phase === 2) { ctx.clearRect(0, 0, view.width, view.height); return; } if (S.phase === 1) { const m = k * S.scale; const tx = ox + N.portal[0] * k - N.portal[0] * m; const ty = oy + N.portal[1] * k - N.portal[1] * m; ctx.fillStyle = C.ground; ctx.fillRect(0, 0, view.width, view.height); if (S.hole > 0) { ctx.globalCompositeOperation = "destination-out"; ctx.globalAlpha = S.hole; ctx.setTransform(m, 0, 0, m, tx, ty); ctx.fill(shapes.counter); ctx.globalCompositeOperation = "source-over"; } if (S.name > 0) { ctx.globalAlpha = S.name; ctx.fillStyle = C.ink; ctx.setTransform(m, 0, 0, m, tx, ty); for (i = 0; i < letters; i++) { if (tx + N.spans[i][1] * m < 0 || tx + N.spans[i][0] * m > view.width) continue; ctx.fill(shapes.letters[i]); } } if (S.hole > 0) { ctx.globalAlpha = 0.5 * S.hole; ctx.strokeStyle = C.ink; ctx.setTransform(m, 0, 0, m, tx, ty); ctx.lineWidth = Math.max(r, 0.3 * m) / m; ctx.stroke(shapes.counter); } ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.globalAlpha = 1; return; } const W = N.width * k; const H = N.height * k; const left = ox + N.cuts[0] * W; const right = ox + N.cuts[letters] * W; const middle = oy + N.middle * H; const up = (N.over + N.middle) * H * 1.01; const down = (1 + N.over - N.middle) * H * 1.01; const reach = 34 * r; ctx.fillStyle = C.ground; if (view.fresh) ctx.fillRect(0, 0, view.width, view.height); else ctx.fillRect( Math.floor(left - reach), Math.floor(middle - up - reach), Math.ceil(right - left + 2 * reach), Math.ceil(up + down + 2 * reach) ); if (S.name > 0) { for (i = 0; i < letters; i++) { const o = S.open[i]; if (o <= 0) continue; const x0 = Math.round(ox + N.cuts[i] * W); const x1 = Math.round(ox + N.cuts[i + 1] * W); ctx.save(); ctx.beginPath(); ctx.rect(x0, middle - up * o, x1 - x0, (up + down) * o); ctx.clip(); ctx.globalAlpha = S.name; ctx.fillStyle = C.ink; ctx.setTransform(k, 0, 0, k, ox, oy); ctx.fill(shapes.letters[i]); ctx.restore(); } } const centre = (left + right) / 2; const half = (right - left) / 2 * S.strike; const thick = Math.max(1, 1.5 * r); const away = view.width + 4e3; for (i = 0; i < letters; i++) { const e = S.edge[i]; if (e <= 0) continue; const a = Math.max(Math.round(ox + N.cuts[i] * W), centre - half); const b = Math.min(Math.round(ox + N.cuts[i + 1] * W), centre + half); if (b <= a) continue; const parted = S.open[i]; for (let side = 0; side < 2; side++) { if (side === 1 && parted <= 0) break; const y = side === 0 ? middle - up * parted : middle + down * parted; ctx.globalAlpha = e; if (C.glow) { ctx.shadowOffsetX = away; ctx.fillStyle = C.ink; ctx.shadowColor = C.halo[1]; ctx.shadowBlur = 22 * r; ctx.fillRect(a - away, y - thick / 2 - 4 * r, b - a, thick + 8 * r); ctx.shadowColor = C.halo[0]; ctx.shadowBlur = 7 * r; ctx.fillRect(a - away, y - thick / 2 - r, b - a, thick + 2 * r); ctx.shadowColor = "transparent"; ctx.shadowBlur = 0; ctx.shadowOffsetX = 0; } ctx.fillStyle = C.ink; ctx.fillRect(a, y - thick / 2, b - a, thick); } } ctx.globalAlpha = 1; })

Create an account.