Meta Description" name="description" />
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><meta name="ad.size" content="width=320,height=480" /><script src="mraid.js"></script><script>window.CLICK_URL="{CLICK_URL}https%3A%2F%2Fwww.udtracking.com%2Fclick%3Fpid%3D132%26offer_id%3D3619%26sub1%3D{CONVERSION_ID}%26sub2%3D{EXCHANGE_ID}_{APP_BUNDLE}%26sub5%3D{DEVICE_PLATFORM_ID}";</script><title>Soccer 3D</title><style> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { width: 100vw; height: 100vh; overflow: hidden; background: #0A0F1A; font-family: 'Arial Black', Arial, sans-serif; user-select: none; } canvas { display: block; position: fixed; inset: 0; z-index: 1; } #result { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 20; font-size: clamp(40px, 13vw, 76px); font-weight: 900; letter-spacing: 4px; text-align: center; pointer-events: none; transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1); } #result.visible { transform: translate(-50%, -50%) scale(1); } #result.goal { color: #FFD700; text-shadow: 0 0 40px rgba(255,215,0,0.8); } #result.saved { color: #FF4444; text-shadow: 0 0 40px rgba(255,68,68,0.8); } #result.miss { color: #FF8C00; text-shadow: 0 0 40px rgba(255,140,0,0.8); } #swipe-hint { position: fixed; bottom: 5vh; left: 0; right: 0; z-index: 10; text-align: center; pointer-events: none; color: rgba(255,255,255,0.9); font-size: 16px; font-weight: 900; letter-spacing: 3px; text-shadow: 0 0 14px rgba(255,215,0,0.7); display: none; animation: swipePulse 1.4s ease-in-out infinite; } @keyframes swipePulse { 0%, 100% { opacity: 0.65; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-5px); } } #aim-svg { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 15; overflow: visible; } #shoot-area { position: fixed; inset: 0; z-index: 5; touch-action: none; } #loading { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); color: #FFD700; font-size: 22px; font-weight: 900; letter-spacing: 3px; } #start-screen { position: fixed; inset: 0; z-index: 60; background: #000 center/cover no-repeat; display: none; cursor: pointer; transition: opacity 0.3s; } #start-screen.visible { display: block; } #hud { position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: none; align-items: flex-start; justify-content: space-between; padding: 12px 16px; pointer-events: none; font-family: 'Arial', sans-serif; } #hud.visible { display: flex; } #score-board { background: rgba(0,0,0,0.65); border-radius: 14px; padding: 8px 16px; display: flex; align-items: center; gap: 6px; backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.1); } #hud-logo { width: 28px; height: 28px; object-fit: contain; border-radius: 50%; } #score-label { color: rgba(255,255,255,0.6); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; display: block; } #score-value { color: #fff; font-size: 28px; font-weight: 800; line-height: 1; display: block; } #shots-display { background: rgba(0,0,0,0.65); border-radius: 14px; padding: 8px 14px; display: flex; align-items: center; gap: 4px; backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.1); } .hud-ball { font-size: 22px; line-height: 1; filter: drop-shadow(0 0 4px rgba(255,255,100,0.6)); transition: all 0.3s; } .hud-ball.used { opacity: 0.25; filter: grayscale(1); } .coupon-overlay { position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px) } .coupon-overlay.visible { display:flex } .coupon-content { width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:16px;box-sizing:border-box } .coupon-image-full { max-width:100%;max-height:90vh;display:block;border-radius:12px;object-fit:contain } .fireworks { position:absolute;inset:0;pointer-events:none;overflow:hidden } .firework { position:absolute;width:6px;height:6px;border-radius:50%;animation:_fw 1.5s ease-out forwards } @keyframes _fw { 0%{transform:translateY(0) scale(1);opacity:1} 100%{transform:translateY(-100px) scale(0);opacity:0} } #wiply-logo { width:20%;height:auto; } @media (min-width:600px) { #wiply-logo { width:10%; } } </style></head><body><div id="hud"><div id="score-board"><img id="hud-logo" alt="" style="display:none"><div><span id="score-label">GOALS</span><span id="score-value">0</span></div></div><div id="shots-display"><span class="hud-ball" id="hb0">:soccer:</span><span class="hud-ball" id="hb1">:soccer:</span><span class="hud-ball" id="hb2">:soccer:</span><span class="hud-ball" id="hb3">:soccer:</span></div></div><div id="result"></div><div id="start-screen"></div><img id="wiply-logo" src="https://wiplyplatform.fra1.cdn.digitaloceanspaces.com/mraid-tests/estate/soccer3d/kayzen/mini-v13/soccer3d-minimal/agency-logo.png" onclick="_mraidOpen('https://wiply.com/')" style="position:fixed;left:8px;bottom:8px;z-index:50;cursor:pointer;opacity:0.85"><div id="loading">LOADING...</div><div id="swipe-hint">:soccer: SWIPE TO SHOOT</div><svg id="aim-svg"></svg><div id="shoot-area"></div><div id="coupon-overlay" class="coupon-overlay"><div id="fireworks-container" class="fireworks"></div><div id="coupon-content" class="coupon-content"></div></div><script>(function(){function l(){var s=document.createElement("script");s.src="https://wiplyplatform.fra1.cdn.digitaloceanspaces.com/mraid-tests/estate/soccer3d/kayzen/mini-v13/soccer3d-minimal/game.js";document.head.appendChild(s);}if(typeof mraid==="undefined"){l();return;}if(mraid.getState()==="loading"){mraid.addEventListener("ready",l);}else{l();}})();</script></body></html>24
3
2314KB
4214KB
96.0ms
108.0ms
4,509.0ms