// CyberX Battle Pass — Posters, season cover, merch mockups, promo // ───────────────────────────────────────────────────────────── // SEASON 1 COVER — vertical 1080×1920 // ───────────────────────────────────────────────────────────── function SeasonCoverVertical({ width = 540 }) { const h = width * (1920 / 1080); return (
{/* Layered backgrounds */}
{/* sparks */} {Array.from({ length: 50 }).map((_, i) => { const seed = i * 2654435761 % 1000; const left = (seed % 100); const top = ((seed * 31) % 100); const sz = ((seed * 17) % 4) + 1.5; return (
); })} {/* Diagonal sweep */}
{/* Top — logo */}
{/* HUGE S1 */}
S1
СЕЗОН ПЕРВЫЙ
{/* Operation name */}
ОПЕРАЦИЯ
COPPER
{/* Bottom meta */}
{[ { l: 'ДНЕЙ', v: '90' }, { l: 'УРОВНЕЙ', v: '30' }, { l: 'НАГРАД', v: '60+' }, ].map(s => (
{s.v}
{s.l}
))}
15.05.2026 — 12.08.2026 • CYBERX КОПЕЙСК
{/* Corner red shadow */}
); } // Horizontal version function SeasonCoverHorizontal({ width = 900 }) { const h = width * (1080 / 1920); return (
{Array.from({ length: 40 }).map((_, i) => { const seed = i * 2654435761 % 1000; const left = (seed % 100); const top = ((seed * 31) % 100); const sz = ((seed * 17) % 3) + 1.5; return (
); })} {/* Left big S1 */}
S1
{/* Right copy */}
ОПЕРАЦИЯ
COPPER
90 ДНЕЙ • 30 УРОВНЕЙ • 60+ НАГРАД
); } // ───────────────────────────────────────────────────────────── // VK Story (1080×1920) — half-vertical, recreates story format // ───────────────────────────────────────────────────────────── function VKStory({ width = 280 }) { const h = width * (1920 / 1080); return (
{Array.from({ length: 30 }).map((_, i) => { const seed = i * 2654435761 % 1000; return (
); })} {/* Top: small CyberX logo */}
CYBERX
{/* Center label */}
СТАРТУЕТ
{/* HUGE BATTLE PASS */}
BATTLE
PASS
{/* Mid: 30 levels */}
30
УРОВНЕЙ НАГРАД
{/* CTA button */}
СВАЙПНИ ВВЕРХ
15.05 — 12.08 • CYBERX КОПЕЙСК
); } // ───────────────────────────────────────────────────────────── // VK Post (1080×1080) // ───────────────────────────────────────────────────────────── function VKPost({ width = 360 }) { return (
{Array.from({ length: 25 }).map((_, i) => { const seed = i * 2654435761 % 1000; return (
); })} {/* Left text block */}
СЕЗОН 1 • 15 МАЯ
BATTLE
PASS
ИГРАЙ • ВЫПОЛНЯЙ • ЗАБИРАЙ
ПОДРОБНОСТИ →
{/* Right big S1 */}
S1
{/* Bottom branding */}
CYBERX КОПЕЙСК
); } // ───────────────────────────────────────────────────────────── // MERCH — Hoodie // ───────────────────────────────────────────────────────────── function HoodieMock({ width = 280, back = false }) { return (
{/* hoodie shape */} {/* Body */} {/* Hood */} {!back && ( <> {/* Front pouch */} {/* Cords */} {/* Chest logo */} CYBERX )} {!back ? null : ( <> {/* Back: big BATTLE PASS S1 */} BATTLE PASS S1 OPERATION COPPER {/* Bronze stripe */} )} {/* Sleeves */}
HOODIE.CX_S1.{back ? 'BACK' : 'FRONT'}
); } // T-shirt mock function TshirtMock({ width = 260 }) { return (
{/* Center logo */} CYBERX OPERATION COPPER • S1
TSHIRT.CX_S1
); } // Mousepad function MousepadMock({ width = 320 }) { return (
{Array.from({ length: 20 }).map((_, i) => { const seed = i * 2654435761 % 1000; return
; })}
CYBERX
BATTLE PASS • S1
MOUSEPAD.CX_S1 • 800×400
); } // Sticker pack function StickerPack({ width = 320 }) { const stickers = [ { kind: 'mark' }, { kind: 's1' }, { kind: 'legend' }, { kind: 'frag' }, ]; return (
{/* mark */} {/* S1 die-cut */}
S1
OP. COPPER
{/* LEGEND */}
LEGEND
{/* FRAG */}
FRAG
OR DIE
STICKERS.CX_S1 • 4× DIE-CUT
); } // A3 Club Poster function ClubPoster({ width = 280 }) { const h = width * 1.414; // A3 ratio return (
{Array.from({ length: 35 }).map((_, i) => { const seed = i * 2654435761 % 1000; return
; })} {/* Header */}
{/* Big S1 */}
S1
ОПЕРАЦИЯ COPPER
{/* Hook copy */}
ИГРАЙ. ЗАРАБАТЫВАЙ XP.
ЗАБИРАЙ МЕРЧ И ХУДИ.
Каждый час в клубе, каждый чек в баре, каждый фраг в CS2 —
теперь это XP. 30 уровней. 60+ наград. ДР под ключ на финале.
{/* QR */}
СКАНЬ КОД
СТАНЬ LEGEND
cyberx.club/pass
); } // Laptop sticker w/ QR function LaptopSticker({ width = 220 }) { return (
CYBERX
BATTLE PASS
Сканяй — получай 100 XP стартовых
STICKER.LAPTOP_QR • 65×40mm
); } // Fake QR using deterministic noise function FakeQR({ size = 80 }) { const cells = 21; const cellSize = size / cells; const out = []; for (let y = 0; y < cells; y++) { for (let x = 0; x < cells; x++) { // Anchor squares const inAnchor = (x < 7 && y < 7) || (x >= cells - 7 && y < 7) || (x < 7 && y >= cells - 7); if (inAnchor) { const lx = x < 7 ? x : x - (cells - 7); const ly = y < 7 ? y : y - (cells - 7); const inOuter = lx === 0 || lx === 6 || ly === 0 || ly === 6; const inInner = lx >= 2 && lx <= 4 && ly >= 2 && ly <= 4; if (inOuter || inInner) out.push(); continue; } const v = ((x*7+y*13+x*y) % 3 === 0); if (v) out.push(); } } return {out}; } Object.assign(window, { SeasonCoverVertical, SeasonCoverHorizontal, VKStory, VKPost, HoodieMock, TshirtMock, MousepadMock, StickerPack, ClubPoster, LaptopSticker, FakeQR, });