this is ramesh gamezonePage Visits: 381
<canvas id="c" style="display:block;width:100%;border-radius:12px;cursor:pointer;background:#06061a"></canvas>
<div style="text-align:center;padding:8px 0 4px;font-family:sans-serif;">
  <span id="sc" style="font-size:28px;font-weight:500;color:var(--color-text-primary)">0</span>
  <span style="font-size:13px;color:var(--color-text-secondary);margin-left:12px">Best: <span id="bs">0</span></span>
  <div id="msg" style="font-size:13px;color:var(--color-text-secondary);margin-top:2px">Click or press Space to start</div>
</div>

<script>
const cv = document.getElementById('c');
const cx = cv.getContext('2d');
const scEl = document.getElementById('sc');
const bsEl = document.getElementById('bs');
const msgEl = document.getElementById('msg');

cv.width = 640; cv.height = 400;
const W = 640, H = 400;

let best=0, mode, bird, pipes, stars, score, tick, exhaust;

function init() {
  mode='idle'; score=0; tick=0;
  bird={x:120,y:H/2,vy:0,rot:0};
  pipes=[]; exhaust=[];
  stars=[];
  for(let i=0;i<90;i++) stars.push({x:Math.random()*W,y:Math.random()*H,r:Math.random()*1.6+0.2,tw:Math.random()*6.28,spd:Math.random()*0.12+0.02});
  scEl.textContent='0';
  msgEl.textContent='Click or press Space to start';
}

function jump() {
  if(mode==='idle'){mode='play';msgEl.textContent='';}
  else if(mode==='play'){bird.vy=-7.5;}
  else if(mode==='dead'){init();}
}

function addPipe() {
  const gap=130, topH=50+Math.random()*(H-gap-100);
  pipes.push({x:W+10,top:topH,gap,done:false});
}

function drawStars() {
  stars.forEach(s=>{
    s.tw+=0.03;
    if(mode==='play') s.x-=s.spd;
    if(s.x<0) s.x=W;
    const a=0.3+0.5*Math.abs(Math.sin(s.tw));
    cx.beginPath(); cx.arc(s.x,s.y,s.r,0,6.28);
    cx.fillStyle=`rgba(255,255,255,${a.toFixed(2)})`; cx.fill();
  });
}

function drawPlanet(x,y,r,c1,c2) {
  const g=cx.createRadialGradient(x-r*.3,y-r*.3,r*.05,x,y,r);
  g.addColorStop(0,c1); g.addColorStop(1,c2);
  cx.beginPath(); cx.arc(x,y,r,0,6.28);
  cx.fillStyle=g; cx.fill();
}

function drawPipe(p) {
  const x=p.x, w=44;
  const pulse=0.15+0.08*Math.sin(tick*0.05);

  cx.fillStyle='#3a1570';
  cx.fillRect(x,0,w,p.top);
  cx.fillRect(x,p.top+p.gap,w,H-p.top-p.gap);

  const gl=cx.createLinearGradient(x,0,x+w,0);
  gl.addColorStop(0,'rgba(100,40,200,0.5)');
  gl.addColorStop(0.5,'rgba(160,80,255,0.25)');
  gl.addColorStop(1,'rgba(80,20,160,0.5)');
  cx.fillStyle=gl;
  cx.fillRect(x,0,w,p.top);
  cx.fillRect(x,p.top+p.gap,w,H-p.top-p.gap);

  cx.fillStyle='#6030c0';
  [[x-5,p.top-16,w+10,16],[x-5,p.top+p.gap,w+10,16]].forEach(([rx,ry,rw,rh])=>{
    cx.beginPath();
    cx.moveTo(rx+4,ry); cx.lineTo(rx+rw-4,ry);
    cx.quadraticCurveTo(rx+rw,ry,rx+rw,ry+4);
    cx.lineTo(rx+rw,ry+rh-4); cx.quadraticCurveTo(rx+rw,ry+rh,rx+rw-4,ry+rh);
    cx.lineTo(rx+4,ry+rh); cx.quadraticCurveTo(rx,ry+rh,rx,ry+rh-4);
    cx.lineTo(rx,ry+4); cx.quadraticCurveTo(rx,ry,rx+4,ry);
    cx.closePath(); cx.fill();
  });

  cx.strokeStyle=`rgba(180,100,255,${pulse})`;
  cx.lineWidth=1; cx.setLineDash([5,8]);
  cx.beginPath(); cx.moveTo(x+w/2,p.top+8); cx.lineTo(x+w/2,p.top+p.gap-8);
  cx.stroke(); cx.setLineDash([]);
}

function drawRocket() {
  const b=bird;
  if(mode==='play' && tick%2===0) {
    exhaust.push({x:b.x,y:b.y,vx:-2-Math.random()*2,vy:(Math.random()-.5)*1.5,life:1,maxL:1});
  }
  exhaust.forEach(e=>{
    e.x+=e.vx; e.y+=e.vy; e.life-=0.06;
    const t=e.life/e.maxL;
    cx.beginPath(); cx.arc(e.x,e.y,3*t+1,0,6.28);
    cx.fillStyle=t>.6?`rgba(255,200,60,${t})`:`rgba(255,100,30,${t*0.8})`;
    cx.fill();
  });
  exhaust=exhaust.filter(e=>e.life>0);

  cx.save();
  cx.translate(b.x,b.y);
  const targetR=Math.max(-.5,Math.min(1.1,b.vy*.055));
  b.rot+=(targetR-b.rot)*.12;
  cx.rotate(b.rot);

  cx.fillStyle='#c0b8e8';
  cx.beginPath(); cx.ellipse(0,0,23,11,0,0,6.28); cx.fill();

  cx.fillStyle='#e0d8ff';
  cx.beginPath(); cx.ellipse(2,-1,17,8,0,0,6.28); cx.fill();

  cx.fillStyle='#d03030';
  cx.beginPath(); cx.moveTo(23,0); cx.lineTo(12,-10); cx.lineTo(12,10); cx.closePath(); cx.fill();

  cx.fillStyle='#ff5050';
  cx.beginPath(); cx.moveTo(23,0); cx.lineTo(14,-6); cx.lineTo(14,6); cx.closePath(); cx.fill();

  cx.beginPath(); cx.arc(5,0,5,0,6.28);
  cx.fillStyle='#50bef0'; cx.fill();
  cx.strokeStyle='rgba(255,255,255,0.9)'; cx.lineWidth=1.2; cx.stroke();
  cx.beginPath(); cx.arc(6.5,-1.5,1.5,0,6.28);
  cx.fillStyle='rgba(255,255,255,0.7)'; cx.fill();

  cx.fillStyle='#7068c0';
  cx.beginPath(); cx.moveTo(-14,9); cx.lineTo(-23,20); cx.lineTo(-6,9); cx.closePath(); cx.fill();
  cx.beginPath(); cx.moveTo(-14,-9); cx.lineTo(-23,-20); cx.lineTo(-6,-9); cx.closePath(); cx.fill();

  cx.restore();
}

function hit() {
  const bx=bird.x, by=bird.y;
  if(by<10||by>H-10) return true;
  for(const p of pipes) {
    if(bx+17>p.x+3 && bx-17<p.x+41) {
      if(by-8<p.top||by+8>p.top+p.gap) return true;
    }
  }
  return false;
}

function loop() {
  tick++;

  cx.fillStyle='#06061a'; cx.fillRect(0,0,W,H);

  const ng=cx.createLinearGradient(0,0,0,H);
  ng.addColorStop(0,'#040416'); ng.addColorStop(1,'#0b0830');
  cx.fillStyle=ng; cx.fillRect(0,0,W,H);

  drawStars();
  drawPlanet(W-95,65,42,'#8050b0','#3a1860');
  cx.beginPath(); cx.ellipse(W-95,72,70,14,0,0,6.28);
  cx.strokeStyle='rgba(150,80,255,0.35)'; cx.lineWidth=3; cx.stroke();
  drawPlanet(65,H-65,24,'#905040','#4a1808');

  if(mode==='play') {
    bird.vy+=0.4;
    bird.y+=bird.vy;
    if(tick%88===0) addPipe();
    const spd=2.8+Math.min(score*.09,2.2);
    pipes.forEach(p=>{
      p.x-=spd;
      if(!p.done && p.x+44<bird.x) {
        p.done=true; score++;
        scEl.textContent=score;
        if(score>best){best=score;bsEl.textContent=best;}
      }
    });
    pipes=pipes.filter(p=>p.x>-60);
    if(hit()){mode='dead';msgEl.textContent='Click or tap to retry';}
  }

  pipes.forEach(drawPipe);
  drawRocket();

  if(mode==='idle') {
    cx.fillStyle='rgba(6,6,26,0.7)';
    cx.beginPath();
    cx.roundRect(W/2-130,H/2-34,260,68,10);
    cx.fill();
    cx.strokeStyle='rgba(120,80,255,0.4)'; cx.lineWidth=0.5; cx.stroke();
    cx.fillStyle='#fff'; cx.font='500 17px sans-serif'; cx.textAlign='center';
    cx.fillText('Tap or Space to launch',W/2,H/2-4);
    cx.fillStyle='rgba(180,160,255,0.6)'; cx.font='400 13px sans-serif';
    cx.fillText('Dodge the asteroid gates',W/2,H/2+20);
  }

  if(mode==='dead') {
    cx.fillStyle='rgba(4,4,18,0.8)'; cx.fillRect(0,0,W,H);
    cx.fillStyle='rgba(6,6,26,0.95)';
    cx.beginPath(); cx.roundRect(W/2-150,H/2-72,300,144,14); cx.fill();
    cx.strokeStyle='rgba(220,60,60,0.4)'; cx.lineWidth=0.5; cx.stroke();
    cx.fillStyle='#ff8080'; cx.font='500 24px sans-serif'; cx.textAlign='center';
    cx.fillText('Mission failed',W/2,H/2-28);
    cx.fillStyle='rgba(255,255,255,0.85)'; cx.font='400 15px sans-serif';
    cx.fillText(`Score: ${score}   Best: ${best}`,W/2,H/2+6);
    cx.fillStyle='rgba(200,180,255,0.65)'; cx.font='400 13px sans-serif';
    cx.fillText('Tap or click to try again',W/2,H/2+36);
  }

  requestAnimationFrame(loop);
}

cv.addEventListener('click', jump);
document.addEventListener('keydown', e=>{if(e.code==='Space'){e.preventDefault();jump();}});
cv.addEventListener('touchstart', e=>{e.preventDefault();jump();},{passive:false});

init();
loop();
</script>