🎮ArcadeLab

Trillion Rush - 1B por Mês

by MegaFlare51
93 lines4.2 KB
▶ Play
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trillion Rush - 1B por Mês</title>
<style>
  *{margin:0;padding:0;box-sizing:border-box;font-family: 'Segoe UI', sans-serif}
  body{background:#0a0a12;color:white;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}
  #game{width:360px;background:#15152a;border-radius:24px;padding:18px;border:1px solid #2a2a4a;box-shadow:0 20px 60px rgba(0,0,0,.6)}
  #header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  #money{font-size:28px;font-weight:900;color:#00ff88}
  #goal{font-size:12px;opacity:.6}
  #bar{height:14px;background:#000;border-radius:10px;overflow:hidden;margin:12px 0}
  #fill{height:100%;width:0%;background:linear-gradient(90deg,#00ff88,#00d4ff);transition:width .2s}
  #clickArea{height:260px;background:radial-gradient(circle at center,#1e1e40 0%,#0f0f20 100%);border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;user-select:none;position:relative;overflow:hidden}
  #clickArea:active{transform:scale(.98)}
  #elon{font-size:90px;animation:float 2s ease-in-out infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .coin{position:absolute;font-size:20px;font-weight:bold;color:#00ff88;pointer-events:none;animation:up 0.8s forwards}
  @keyframes up{to{transform:translateY(-120px) scale(1.5);opacity:0}}
  #upgrades{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .up{background:#22223e;border:1px solid #33335a;border-radius:12px;padding:10px;cursor:pointer;font-size:12px}
  .up:hover{background:#2d2d5a}
  .up b{display:block;font-size:13px;color:#00d4ff}
  #timer{text-align:center;font-size:13px;margin-top:10px;opacity:.8}
</style>
</head>
<body>
<div id="game">
  <div id="header">
    <div>
      <div id="money">$ 0</div>
      <div id="goal">META: $1.000.000.000 / MÊS</div>
    </div>
    <div style="font-size:24px">🚀</div>
  </div>
  <div id="bar"><div id="fill"></div></div>
  <div id="clickArea" onclick="clickMusk(event)">
    <div id="elon">👨‍🚀</div>
    <div style="margin-top:10px;font-weight:bold;opacity:.7">CLIQUE PRA GANHAR!</div>
  </div>
  <div id="upgrades">
    <div class="up" onclick="buy('tesla')"><b>🚗 Tesla +$50</b>Custa $1k</div>
    <div class="up" onclick="buy('spacex')"><b>🚀 SpaceX +$500</b>Custa $15k</div>
    <div class="up" onclick="buy('xai')"><b>🤖 xAI +$5k</b>Custa $100k</div>
    <div class="up" onclick="buy('meme')"><b>🐶 Meme +$25k</b>Custa $500k</div>
  </div>
  <div id="timer">⏳ 30s restantes</div>
</div>

<script>
let money=0, perClick=10, perSec=0, time=30;
const moneyEl=document.getElementById('money'), fill=document.getElementById('fill'), timer=document.getElementById('timer');

function fmt(n){
  if(n>=1e9) return (n/1e9).toFixed(2)+'B';
  if(n>=1e6) return (n/1e6).toFixed(1)+'M';
  if(n>=1e3) return (n/1e3).toFixed(1)+'K';
  return Math.floor(n);
}
function update(){
  moneyEl.textContent='$ '+fmt(money);
  fill.style.width=Math.min(100, money/1e9*100)+'%';
  if(money>=1e9){fill.style.background='linear-gradient(90deg,gold,orange)'; timer.textContent='🎉 VOCÊ É TRILIONÁRIO!';}
}
function clickMusk(e){
  money+=perClick;
  spawnCoin(e);
  update();
}
function spawnCoin(e){
  const rect=e.currentTarget.getBoundingClientRect();
  const c=document.createElement('div');
  c.className='coin'; c.textContent='+ $'+fmt(perClick);
  c.style.left=(e.clientX-rect.left)+'px'; c.style.top=(e.clientY-rect.top)+'px';
  e.currentTarget.appendChild(c);
  setTimeout(()=>c.remove(),800);
}
function buy(type){
  const costs={tesla:1000,spacex:15000,xai:100000,meme:500000};
  const gains={tesla:50,spacex:500,xai:5000,meme:25000};
  if(money>=costs[type]){ money-=costs[type]; perSec+=gains[type]; costs[type]*=1.6; update();}
}
setInterval(()=>{money+=perSec/10; update();},100);
setInterval(()=>{
  if(time>0 && money<1e9){time--; timer.textContent=`⏳ ${time}s restantes - Auto: $${fmt(perSec)}/s`;}
  if(time<=0 && money<1e9){timer.textContent='💀 FALIU! F5 pra tentar de novo';}
},1000);
</script>
</div>
</body>
</html>

Game Source: Trillion Rush - 1B por Mês

Creator: MegaFlare51

Libraries: none

Complexity: moderate (93 lines, 4.2 KB)

The full source code is displayed above on this page.

Remix Instructions

To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: trillion-rush-1b-por-m-s-megaflare51" to link back to the original. Then publish at arcadelab.ai/publish.