🎮 HTML GAME CODING HUB 💻🔥

{text:"🤝 International partnerships",stats:{leadership:11,vision:4},xp:25},
{text:"🎨 Culture + creativity",stats:{creativity:11,vision:4},xp:25}
]
},
{
title:"MISSION 10 — FINAL DECISION",
question:"Aapko ek single 2047 promise choose karna hai.",
options:[
{text:"🚀 India will lead the future",stats:{tech:8,vision:10},xp:35},
{text:"🇮🇳 India will empower every citizen",stats:{leadership:12,vision:7},xp:35},
{text:"✨ India will create what nobody imagined",stats:{creativity:12,tech:7},xp:35}
]
}
];

var achievements=[
["🚀","FIRST LAUNCH","Complete your first mission."],
["⚡","XP HUNTER","Reach 100 XP."],
["🧠","STRATEGIST","Complete 5 missions."],
["🌌","FUTURE THINKER","Complete all missions."],
["🤖","TECH MASTER","Reach 30 Tech."],
["🎨","CREATIVE CORE","Reach 30 Creativity."],
["👑","LEADER","Reach 30 Leadership."],
["🔭","VISIONARY","Reach 30 Vision."],
["🔐","SECRET AGENT","Unlock a secret room."],
["🏆","LEGEND","Reach the highest rank."]
];

/* =========================================================
DOM HELPERS
========================================================= */

function el(id){
return document.getElementById(id);
}

function show(id){
el(id).classList.add("active");
}

function hide(id){
el(id).classList.remove("active");
}

function toast(message){
var t=el("toast");
t.textContent=message;
t.classList.add("show");

setTimeout(function(){
t.classList.remove("show");
},1800);
}

function vibrate(pattern){
if(navigator.vibrate){
try{navigator.vibrate(pattern);}catch(e){}
}
}

/* =========================================================
PARTICLES
========================================================= */

var canvas=el("space");
var ctx=canvas.getContext("2d");
var particles=[];

function resizeCanvas(){
canvas.width=window.innerWidth;
canvas.height=window.innerHeight;
}

function createParticles(){
particles=[];

var count=Math.min(100,Math.max(35,Math.floor(window.innerWidth/6)));

for(var i=0;i<count;i++){
particles.push({
x:Math.random()*canvas.width,
y:Math.random()*canvas.height,
r:Math.random()*1.8+.3,
dx:(Math.random()-.5)*.25,
dy:(Math.random()-.5)*.25,
a:Math.random()
});
}
}

function animateParticles(){
ctx.clearRect(0,0,canvas.width,canvas.height);

for(var i=0;i<particles.length;i++){
var p=particles[i];

p.x+=p.dx;
p.y+=p.dy;

if(p.x<0)p.x=canvas.width;
if(p.x>canvas.width)p.x=0;
if(p.y<0)p.y=canvas.height;
if(p.y>canvas.height)p.y=0;

ctx.beginPath();
ctx.arc(p.x,p.y,p.r,0,Math.PI*2);
ctx.fillStyle="rgba(100,220,255,"+p.a+")";
ctx.fill();
}

requestAnimationFrame(animateParticles);
}

window.addEventListener("resize",function(){
resizeCanvas();
createParticles();
});

resizeCanvas();
createParticles();
animateParticles();

/* =========================================================
CLICK PARTICLE BURST
========================================================= */

document.addEventListener("click",function(e){

for(var i=0;i<8;i++){

var s=document.createElement("span");

s.style.position="fixed";
s.style.left=e.clientX+"px";
s.style.top=e.clientY+"px";
s.style.width="4px";
s.style.height="4px";
s.style.borderRadius="50%";
s.style.background=i%3===0?"#ff9933":i%3===1?"#fff":"#19b83f";
s.style.pointerEvents="none";
s.style.zIndex="5000";

document.body.appendChild(s);

var angle=Math.random()*Math.PI*2;
var distance=25+Math.random()*45;

s.animate([
{transform:"translate(0,0) scale(1)",opacity:1},
{
transform:"translate("+
Math.cos(angle)*distance+"px,"+
Math.sin(angle)*distance+"px) scale(0)",
opacity:0
}
],{
duration:500,
easing:"ease-out"
});

setTimeout(function(node){
return function(){
if(node.parentNode)node.parentNode.removeChild(node);
};
}(s),520);
}
});

/* =========================================================
LOGIN / BOOT
========================================================= */

function startMission(){

var name=el("creatorName").value.trim();

3 views09:04