.toast{
position:fixed;
z-index:999;
left:50%;
bottom:20px;
transform:translate(-50%,120px);
opacity:0;
padding:12px 17px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:rgba(5,12,20,.94);
backdrop-filter:blur(12px);
font-size:9px;
transition:.3s;
pointer-events:none;
}
.toast.show{
opacity:1;
transform:translate(-50%,0);
}
footer{
text-align:center;
color:#52667c;
font-size:7px;
padding:20px;
letter-spacing:2px;
}
@media(max-width:700px){
.layout{grid-template-columns:1fr}
.stats{grid-template-columns:repeat(2,1fr)}
.topbar{padding-left:5px;padding-right:5px}
}
</style>
</head>
<body>
<canvas id="space"></canvas>
<div class="grid"></div>
<div id="app">
<!-- LOGIN -->
<section id="loginScreen" class="screen active">
<div class="panel login">
<div class="logo">ANAND HUB // CLASSIFIED SYSTEM</div>
<div class="tricolor"><i></i><i></i><i></i></div>
<h1>INDIA 2047</h1>
<div class="sub">
THE FUTURE IS NOT WAITING.<br>
YOU ARE ABOUT TO BUILD IT.
</div>
<div class="terminal" id="terminal">
> SYSTEM: READY<br>
> SECURITY: ACTIVE<br>
> FUTURE CORE: LOCKED<br>
> ENTER CREATOR ID TO BEGIN...
</div>
<input
id="creatorName"
class="input"
maxlength="25"
placeholder="Enter your creator name"
autocomplete="off"
>
<button class="btn primary" onclick="startMission()">
๐ ENTER COMMAND CENTER
</button>
<button class="btn" onclick="resumeMission()">
๐ RESUME SAVED MISSION
</button>
</div>
</section>
<!-- BOOT -->
<section id="bootScreen" class="screen">
<div class="panel boot">
<div class="logo">ANAND HUB // BOOT SEQUENCE</div>
<h2>SYSTEM INITIALIZING...</h2>
<div class="bootLog" id="bootLog"></div>
<div class="loader">
<span></span>
</div>
<div class="sub">CONNECTING TO INDIA 2047 FUTURE CORE</div>
</div>
</section>
<!-- COMMAND CENTER -->
<main id="command" style="display:none">
<div class="topbar">
<div class="brand">
๐ฎ๐ณ ANAND <span>HUB</span>
</div>
<div class="rank">
<small>CREATOR RANK</small>
<b id="rankName">ROOKIE</b>
</div>
</div>
<section class="hero">
<div class="heroFlag">๐ฎ๐ณ</div>
<h1>INDIA 2047</h1>
<p>
Welcome, <b id="playerName">Creator</b>.
Your decisions will shape your digital future profile.
</p>
<div class="xpbar">
<span id="xpFill"></span>
</div>
<div class="xptext" id="xpText">
LEVEL 1 โข 0 XP
</div>
<div class="stats">
<div class="stat">
<b id="tech">0</b>
<small>TECH</small>
</div>
<div class="stat">
<b id="vision">0</b>
<small>VISION</small>
</div>
<div class="stat">
<b id="leadership">0</b>
<small>LEADERSHIP</small>
</div>
<div class="stat">
<b id="creativity">0</b>
<small>CREATIVITY</small>
</div>
</div>
</section>
<div class="layout">
<section class="card">
<h3>๐ฐ๏ธ ACTIVE MISSION</h3>
<p>
Choose carefully. Different decisions change your
final 2047 profile.
</p>
<div id="missionArea"></div>
</section>
<aside>
<section class="card">
<h3>๐ ACHIEVEMENTS</h3>
<div id="achievements"></div>
</section>
<section class="card secret">
<h3>๐ SECRET ACCESS</h3>
<p>
Hidden protocols detected. Enter a code.
</p>
<input
id="secretCode"
class="input"
placeholder="ENTER CODE"
autocomplete="off"
>
<button class="btn cyan" onclick="unlockSecret()">
UNLOCK
</button>
<div id="hiddenRoom" class="hiddenRoom">
<h4>โก SECRET ROOM UNLOCKED</h4>
<p>
You found an ANAND HUB hidden protocol.
Future Creator Badge acquired.
</p>
<button class="btn primary" onclick="miniPuzzle()">
๐งฉ START SECRET PUZZLE
</button>
</div>
</section>
</aside>
</div>
<section class="card shareCard">
<h3>๐ YOUR 2047 VISION</h3>
<div class="vision">
<div class="big" id="finalRank">ROOKIE</div>
<h3 id="visionTitle">Future Creator</h3>
position:fixed;
z-index:999;
left:50%;
bottom:20px;
transform:translate(-50%,120px);
opacity:0;
padding:12px 17px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:rgba(5,12,20,.94);
backdrop-filter:blur(12px);
font-size:9px;
transition:.3s;
pointer-events:none;
}
.toast.show{
opacity:1;
transform:translate(-50%,0);
}
footer{
text-align:center;
color:#52667c;
font-size:7px;
padding:20px;
letter-spacing:2px;
}
@media(max-width:700px){
.layout{grid-template-columns:1fr}
.stats{grid-template-columns:repeat(2,1fr)}
.topbar{padding-left:5px;padding-right:5px}
}
</style>
</head>
<body>
<canvas id="space"></canvas>
<div class="grid"></div>
<div id="app">
<!-- LOGIN -->
<section id="loginScreen" class="screen active">
<div class="panel login">
<div class="logo">ANAND HUB // CLASSIFIED SYSTEM</div>
<div class="tricolor"><i></i><i></i><i></i></div>
<h1>INDIA 2047</h1>
<div class="sub">
THE FUTURE IS NOT WAITING.<br>
YOU ARE ABOUT TO BUILD IT.
</div>
<div class="terminal" id="terminal">
> SYSTEM: READY<br>
> SECURITY: ACTIVE<br>
> FUTURE CORE: LOCKED<br>
> ENTER CREATOR ID TO BEGIN...
</div>
<input
id="creatorName"
class="input"
maxlength="25"
placeholder="Enter your creator name"
autocomplete="off"
>
<button class="btn primary" onclick="startMission()">
๐ ENTER COMMAND CENTER
</button>
<button class="btn" onclick="resumeMission()">
๐ RESUME SAVED MISSION
</button>
</div>
</section>
<!-- BOOT -->
<section id="bootScreen" class="screen">
<div class="panel boot">
<div class="logo">ANAND HUB // BOOT SEQUENCE</div>
<h2>SYSTEM INITIALIZING...</h2>
<div class="bootLog" id="bootLog"></div>
<div class="loader">
<span></span>
</div>
<div class="sub">CONNECTING TO INDIA 2047 FUTURE CORE</div>
</div>
</section>
<!-- COMMAND CENTER -->
<main id="command" style="display:none">
<div class="topbar">
<div class="brand">
๐ฎ๐ณ ANAND <span>HUB</span>
</div>
<div class="rank">
<small>CREATOR RANK</small>
<b id="rankName">ROOKIE</b>
</div>
</div>
<section class="hero">
<div class="heroFlag">๐ฎ๐ณ</div>
<h1>INDIA 2047</h1>
<p>
Welcome, <b id="playerName">Creator</b>.
Your decisions will shape your digital future profile.
</p>
<div class="xpbar">
<span id="xpFill"></span>
</div>
<div class="xptext" id="xpText">
LEVEL 1 โข 0 XP
</div>
<div class="stats">
<div class="stat">
<b id="tech">0</b>
<small>TECH</small>
</div>
<div class="stat">
<b id="vision">0</b>
<small>VISION</small>
</div>
<div class="stat">
<b id="leadership">0</b>
<small>LEADERSHIP</small>
</div>
<div class="stat">
<b id="creativity">0</b>
<small>CREATIVITY</small>
</div>
</div>
</section>
<div class="layout">
<section class="card">
<h3>๐ฐ๏ธ ACTIVE MISSION</h3>
<p>
Choose carefully. Different decisions change your
final 2047 profile.
</p>
<div id="missionArea"></div>
</section>
<aside>
<section class="card">
<h3>๐ ACHIEVEMENTS</h3>
<div id="achievements"></div>
</section>
<section class="card secret">
<h3>๐ SECRET ACCESS</h3>
<p>
Hidden protocols detected. Enter a code.
</p>
<input
id="secretCode"
class="input"
placeholder="ENTER CODE"
autocomplete="off"
>
<button class="btn cyan" onclick="unlockSecret()">
UNLOCK
</button>
<div id="hiddenRoom" class="hiddenRoom">
<h4>โก SECRET ROOM UNLOCKED</h4>
<p>
You found an ANAND HUB hidden protocol.
Future Creator Badge acquired.
</p>
<button class="btn primary" onclick="miniPuzzle()">
๐งฉ START SECRET PUZZLE
</button>
</div>
</section>
</aside>
</div>
<section class="card shareCard">
<h3>๐ YOUR 2047 VISION</h3>
<div class="vision">
<div class="big" id="finalRank">ROOKIE</div>
<h3 id="visionTitle">Future Creator</h3>
<p id="visionSummary">
Complete missions to generate your profile.
</p>
<p>
โก <b id="finalXP">0 XP</b>
</p>
</div>
<button class="btn primary" onclick="shareVision()">
๐ฒ SHARE MY 2047 PROFILE
</button>
<button class="btn restart" onclick="resetMission()">
๐ RESET & START AGAIN
</button>
</section>
<footer>
ANAND HUB โข INDIA 2047 FUTURE CORE โข MADE WITH ๐ฎ๐ณ
</footer>
</main>
<div id="toast" class="toast"></div>
<script>
/* =========================================================
SAFE STATE
========================================================= */
var state={
name:"",
mission:0,
xp:0,
tech:0,
vision:0,
leadership:0,
creativity:0,
achievements:[],
finished:false
};
var missions=[
{
title:"MISSION 01 โ THE FIRST MOVE",
question:"2047 mein India ko sabse pehle kis direction mein push karoge?",
options:[
{text:"๐ค AI & advanced technology",stats:{tech:10,vision:4},xp:20},
{text:"๐ณ Green cities & clean energy",stats:{vision:10,creativity:4},xp:20},
{text:"๐ Future education for everyone",stats:{leadership:8,vision:7},xp:20}
]
},
{
title:"MISSION 02 โ SMART INDIA",
question:"Ek new smart city design karni hai. Priority kya hogi?",
options:[
{text:"๐๏ธ AI-powered infrastructure",stats:{tech:9,vision:5},xp:20},
{text:"๐ฑ Zero-pollution ecosystem",stats:{creativity:8,vision:7},xp:20},
{text:"๐จโ๐ฉโ๐ง People-first public services",stats:{leadership:10,vision:3},xp:20}
]
},
{
title:"MISSION 03 โ SPACE FRONTIER",
question:"India ka next giant space mission kya hona chahiye?",
options:[
{text:"๐ Permanent lunar research base",stats:{vision:10,tech:8},xp:25},
{text:"๐ด Mars exploration program",stats:{tech:10,creativity:6},xp:25},
{text:"๐ฐ๏ธ Earth protection satellite network",stats:{leadership:8,vision:8},xp:25}
]
},
{
title:"MISSION 04 โ EDUCATION 2047",
question:"Future classroom mein sabse powerful tool kya hoga?",
options:[
{text:"๐ง Personal AI tutor",stats:{tech:9,creativity:5},xp:20},
{text:"๐ฅฝ VR world classrooms",stats:{creativity:10,tech:5},xp:20},
{text:"๐ Global collaborative learning",stats:{leadership:9,vision:5},xp:20}
]
},
{
title:"MISSION 05 โ DIGITAL INDIA",
question:"Har citizen ko better digital future dene ke liye?",
options:[
{text:"๐ Strong digital security",stats:{tech:8,leadership:8},xp:25},
{text:"๐ก Internet everywhere",stats:{vision:9,leadership:6},xp:25},
{text:"๐ก Free digital learning ecosystem",stats:{creativity:7,vision:9},xp:25}
]
},
{
title:"MISSION 06 โ THE CRISIS",
question:"A sudden nationwide crisis appears. Your first move?",
options:[
{text:"โก Build an emergency tech network",stats:{tech:8,leadership:9},xp:25},
{text:"๐ค Unite local communities",stats:{leadership:12,vision:3},xp:25},
{text:"๐ง Analyze the problem before acting",stats:{tech:5,creativity:10},xp:25}
]
},
{
title:"MISSION 07 โ FUTURE GAMING",
question:"Indian gaming industry ko world leader kaise banaoge?",
options:[
{text:"๐ฎ Build original global IPs",stats:{creativity:11,tech:4},xp:25},
{text:"๐ฅฝ Invest in AR/VR gaming",stats:{tech:9,creativity:7},xp:25},
{text:"๐ Create massive esports ecosystem",stats:{leadership:8,creativity:8},xp:25}
]
},
{
title:"MISSION 08 โ CLEAN ENERGY",
question:"India ka future energy system?",
options:[
{text:"โ๏ธ Massive solar network",stats:{vision:10,creativity:4},xp:25},
{text:"โ๏ธ Advanced nuclear technology",stats:{tech:10,vision:5},xp:25},
{text:"๐ Multiple clean-energy sources",stats:{vision:8,leadership:6},xp:25}
]
},
{
title:"MISSION 09 โ GLOBAL INDIA",
question:"India ko global stage par strongest advantage kya dega?",
options:[
{text:"๐ป Technology leadership",stats:{tech:11,vision:4},xp:25},
Complete missions to generate your profile.
</p>
<p>
โก <b id="finalXP">0 XP</b>
</p>
</div>
<button class="btn primary" onclick="shareVision()">
๐ฒ SHARE MY 2047 PROFILE
</button>
<button class="btn restart" onclick="resetMission()">
๐ RESET & START AGAIN
</button>
</section>
<footer>
ANAND HUB โข INDIA 2047 FUTURE CORE โข MADE WITH ๐ฎ๐ณ
</footer>
</main>
<div id="toast" class="toast"></div>
<script>
/* =========================================================
SAFE STATE
========================================================= */
var state={
name:"",
mission:0,
xp:0,
tech:0,
vision:0,
leadership:0,
creativity:0,
achievements:[],
finished:false
};
var missions=[
{
title:"MISSION 01 โ THE FIRST MOVE",
question:"2047 mein India ko sabse pehle kis direction mein push karoge?",
options:[
{text:"๐ค AI & advanced technology",stats:{tech:10,vision:4},xp:20},
{text:"๐ณ Green cities & clean energy",stats:{vision:10,creativity:4},xp:20},
{text:"๐ Future education for everyone",stats:{leadership:8,vision:7},xp:20}
]
},
{
title:"MISSION 02 โ SMART INDIA",
question:"Ek new smart city design karni hai. Priority kya hogi?",
options:[
{text:"๐๏ธ AI-powered infrastructure",stats:{tech:9,vision:5},xp:20},
{text:"๐ฑ Zero-pollution ecosystem",stats:{creativity:8,vision:7},xp:20},
{text:"๐จโ๐ฉโ๐ง People-first public services",stats:{leadership:10,vision:3},xp:20}
]
},
{
title:"MISSION 03 โ SPACE FRONTIER",
question:"India ka next giant space mission kya hona chahiye?",
options:[
{text:"๐ Permanent lunar research base",stats:{vision:10,tech:8},xp:25},
{text:"๐ด Mars exploration program",stats:{tech:10,creativity:6},xp:25},
{text:"๐ฐ๏ธ Earth protection satellite network",stats:{leadership:8,vision:8},xp:25}
]
},
{
title:"MISSION 04 โ EDUCATION 2047",
question:"Future classroom mein sabse powerful tool kya hoga?",
options:[
{text:"๐ง Personal AI tutor",stats:{tech:9,creativity:5},xp:20},
{text:"๐ฅฝ VR world classrooms",stats:{creativity:10,tech:5},xp:20},
{text:"๐ Global collaborative learning",stats:{leadership:9,vision:5},xp:20}
]
},
{
title:"MISSION 05 โ DIGITAL INDIA",
question:"Har citizen ko better digital future dene ke liye?",
options:[
{text:"๐ Strong digital security",stats:{tech:8,leadership:8},xp:25},
{text:"๐ก Internet everywhere",stats:{vision:9,leadership:6},xp:25},
{text:"๐ก Free digital learning ecosystem",stats:{creativity:7,vision:9},xp:25}
]
},
{
title:"MISSION 06 โ THE CRISIS",
question:"A sudden nationwide crisis appears. Your first move?",
options:[
{text:"โก Build an emergency tech network",stats:{tech:8,leadership:9},xp:25},
{text:"๐ค Unite local communities",stats:{leadership:12,vision:3},xp:25},
{text:"๐ง Analyze the problem before acting",stats:{tech:5,creativity:10},xp:25}
]
},
{
title:"MISSION 07 โ FUTURE GAMING",
question:"Indian gaming industry ko world leader kaise banaoge?",
options:[
{text:"๐ฎ Build original global IPs",stats:{creativity:11,tech:4},xp:25},
{text:"๐ฅฝ Invest in AR/VR gaming",stats:{tech:9,creativity:7},xp:25},
{text:"๐ Create massive esports ecosystem",stats:{leadership:8,creativity:8},xp:25}
]
},
{
title:"MISSION 08 โ CLEAN ENERGY",
question:"India ka future energy system?",
options:[
{text:"โ๏ธ Massive solar network",stats:{vision:10,creativity:4},xp:25},
{text:"โ๏ธ Advanced nuclear technology",stats:{tech:10,vision:5},xp:25},
{text:"๐ Multiple clean-energy sources",stats:{vision:8,leadership:6},xp:25}
]
},
{
title:"MISSION 09 โ GLOBAL INDIA",
question:"India ko global stage par strongest advantage kya dega?",
options:[
{text:"๐ป Technology leadership",stats:{tech:11,vision:4},xp:25},
{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();
{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();
if(!name){
el("creatorName").classList.add("bad");
vibrate([80,50,80]);
toast("โ ๏ธ Creator name enter karo!");
setTimeout(function(){
el("creatorName").classList.remove("bad");
},500);
return;
}
state.name=name;
state.mission=0;
state.xp=0;
state.tech=0;
state.vision=0;
state.leadership=0;
state.creativity=0;
state.achievements=[];
state.finished=false;
saveState();
hide("loginScreen");
show("bootScreen");
runBoot();
}
function resumeMission(){
var saved=null;
try{
saved=JSON.parse(
localStorage.getItem("anandHub2047")
);
}catch(e){
saved=null;
}
if(!saved || !saved.name){
toast("โ ๏ธ No saved mission found!");
vibrate([80,50,80]);
return;
}
state=saved;
hide("loginScreen");
show("bootScreen");
runBoot();
}
/* =========================================================
BOOT SEQUENCE
========================================================= */
function runBoot(){
var log=el("bootLog");
log.innerHTML="";
var lines=[
"> INITIALIZING ANAND HUB FUTURE CORE...",
"> VERIFYING CREATOR ID...",
"> SECURITY PROTOCOL: ACTIVE",
"> INDIA 2047 DATABASE: CONNECTED",
"> MISSION ENGINE: ONLINE",
"> DECISION TREE: READY",
"> SECRET PROTOCOLS: ARMED",
"> COMMAND CENTER: UNLOCKED"
];
var index=0;
var timer=setInterval(function(){
if(index<lines.length){
log.innerHTML+=lines[index]+"<br>";
index++;
}else{
clearInterval(timer);
setTimeout(function(){
hide("bootScreen");
el("command").style.display="block";
renderAll();
toast("๐ Command Center Online!");
},600);
}
},330);
}
/* =========================================================
SAVE SYSTEM
========================================================= */
function saveState(){
try{
localStorage.setItem(
"anandHub2047",
JSON.stringify(state)
);
}catch(e){
console.log("Save error:",e);
}
}
/* =========================================================
MISSION ENGINE
========================================================= */
function renderMission(){
var area=el("missionArea");
if(state.finished){
showFinalMission();
return;
}
var mission=missions[state.mission];
if(!mission){
finishGame();
return;
}
var html="";
html+=
'<div class="mission">'+
'<div class="missionTop">'+
'<b>'+mission.title+'</b>'+
'<span>+'+mission.options[0].xp+' XP</span>'+
'</div>'+
'<p>'+mission.question+'</p>'+
'<div class="options">';
for(
var i=0;
i<mission.options.length;
i++
){
html+=
'<button class="option" '+
'onclick="chooseOption('+i+')">'+
mission.options[i].text+
'</button>';
}
html+=
'</div>'+
'</div>';
area.innerHTML=html;
}
function chooseOption(index){
if(state.finished)return;
var mission=missions[state.mission];
if(!mission || !mission.options[index])return;
var option=mission.options[index];
var buttons=
document.querySelectorAll(".option");
buttons.forEach(function(btn,i){
if(i===index){
btn.classList.add("good");
}
btn.disabled=true;
});
vibrate(35);
setTimeout(function(){
if(option.stats){
if(option.stats.tech)
state.tech+=option.stats.tech;
if(option.stats.vision)
state.vision+=option.stats.vision;
if(option.stats.leadership)
state.leadership+=option.stats.leadership;
if(option.stats.creativity)
state.creativity+=option.stats.creativity;
}
state.xp+=option.xp;
state.mission++;
checkAchievements();
saveState();
renderAll();
if(!state.finished){
toast("โก Decision accepted! +"+option.xp+" XP");
}
},450);
}
/* =========================================================
ACHIEVEMENTS
========================================================= */
function checkAchievements(){
var unlock=function(index){
if(state.achievements.indexOf(index)===-1){
state.achievements.push(index);
setTimeout(function(){
toast("๐ Achievement Unlocked: "+achievements[index][1]);
},200);
}
};
if(state.mission>=1)
unlock(0);
if(state.xp>=100)
unlock(1);
el("creatorName").classList.add("bad");
vibrate([80,50,80]);
toast("โ ๏ธ Creator name enter karo!");
setTimeout(function(){
el("creatorName").classList.remove("bad");
},500);
return;
}
state.name=name;
state.mission=0;
state.xp=0;
state.tech=0;
state.vision=0;
state.leadership=0;
state.creativity=0;
state.achievements=[];
state.finished=false;
saveState();
hide("loginScreen");
show("bootScreen");
runBoot();
}
function resumeMission(){
var saved=null;
try{
saved=JSON.parse(
localStorage.getItem("anandHub2047")
);
}catch(e){
saved=null;
}
if(!saved || !saved.name){
toast("โ ๏ธ No saved mission found!");
vibrate([80,50,80]);
return;
}
state=saved;
hide("loginScreen");
show("bootScreen");
runBoot();
}
/* =========================================================
BOOT SEQUENCE
========================================================= */
function runBoot(){
var log=el("bootLog");
log.innerHTML="";
var lines=[
"> INITIALIZING ANAND HUB FUTURE CORE...",
"> VERIFYING CREATOR ID...",
"> SECURITY PROTOCOL: ACTIVE",
"> INDIA 2047 DATABASE: CONNECTED",
"> MISSION ENGINE: ONLINE",
"> DECISION TREE: READY",
"> SECRET PROTOCOLS: ARMED",
"> COMMAND CENTER: UNLOCKED"
];
var index=0;
var timer=setInterval(function(){
if(index<lines.length){
log.innerHTML+=lines[index]+"<br>";
index++;
}else{
clearInterval(timer);
setTimeout(function(){
hide("bootScreen");
el("command").style.display="block";
renderAll();
toast("๐ Command Center Online!");
},600);
}
},330);
}
/* =========================================================
SAVE SYSTEM
========================================================= */
function saveState(){
try{
localStorage.setItem(
"anandHub2047",
JSON.stringify(state)
);
}catch(e){
console.log("Save error:",e);
}
}
/* =========================================================
MISSION ENGINE
========================================================= */
function renderMission(){
var area=el("missionArea");
if(state.finished){
showFinalMission();
return;
}
var mission=missions[state.mission];
if(!mission){
finishGame();
return;
}
var html="";
html+=
'<div class="mission">'+
'<div class="missionTop">'+
'<b>'+mission.title+'</b>'+
'<span>+'+mission.options[0].xp+' XP</span>'+
'</div>'+
'<p>'+mission.question+'</p>'+
'<div class="options">';
for(
var i=0;
i<mission.options.length;
i++
){
html+=
'<button class="option" '+
'onclick="chooseOption('+i+')">'+
mission.options[i].text+
'</button>';
}
html+=
'</div>'+
'</div>';
area.innerHTML=html;
}
function chooseOption(index){
if(state.finished)return;
var mission=missions[state.mission];
if(!mission || !mission.options[index])return;
var option=mission.options[index];
var buttons=
document.querySelectorAll(".option");
buttons.forEach(function(btn,i){
if(i===index){
btn.classList.add("good");
}
btn.disabled=true;
});
vibrate(35);
setTimeout(function(){
if(option.stats){
if(option.stats.tech)
state.tech+=option.stats.tech;
if(option.stats.vision)
state.vision+=option.stats.vision;
if(option.stats.leadership)
state.leadership+=option.stats.leadership;
if(option.stats.creativity)
state.creativity+=option.stats.creativity;
}
state.xp+=option.xp;
state.mission++;
checkAchievements();
saveState();
renderAll();
if(!state.finished){
toast("โก Decision accepted! +"+option.xp+" XP");
}
},450);
}
/* =========================================================
ACHIEVEMENTS
========================================================= */
function checkAchievements(){
var unlock=function(index){
if(state.achievements.indexOf(index)===-1){
state.achievements.push(index);
setTimeout(function(){
toast("๐ Achievement Unlocked: "+achievements[index][1]);
},200);
}
};
if(state.mission>=1)
unlock(0);
if(state.xp>=100)
unlock(1);
if(state.mission>=5)
unlock(2);
if(state.mission>=missions.length)
unlock(3);
if(state.tech>=30)
unlock(4);
if(state.creativity>=30)
unlock(5);
if(state.leadership>=30)
unlock(6);
if(state.vision>=30)
unlock(7);
if(state.achievements.indexOf(8)!==-1)
unlock(8);
if(getRank()==="LEGEND")
unlock(9);
}
/* =========================================================
ACHIEVEMENT UI
========================================================= */
function renderAchievements(){
var box=el("achievements");
box.innerHTML="";
for(var i=0;i<achievements.length;i++){
var a=achievements[i];
var unlocked=
state.achievements.indexOf(i)!==-1;
box.innerHTML+=
'<div class="achievement '+
(unlocked?"unlocked":"")+
'">'+
'<div class="achievementIcon">'+a[0]+'</div>'+
'<div>'+
'<b>'+a[1]+'</b>'+
'<small>'+a[2]+'</small>'+
'</div>'+
'</div>';
}
}
/* =========================================================
XP / LEVEL / RANK
========================================================= */
function getLevel(){
return Math.max(
1,
Math.floor(state.xp/100)+1
);
}
function getRank(){
var xp=state.xp;
if(xp>=280)return "LEGEND";
if(xp>=220)return "VISIONARY";
if(xp>=160)return "INNOVATOR";
if(xp>=80)return "EXPLORER";
return "ROOKIE";
}
function updateProgress(){
var level=getLevel();
var rank=getRank();
el("rankName").textContent=rank;
var currentXP=state.xp%100;
el("xpFill").style.width=
Math.min(100,currentXP)+"%";
el("xpText").textContent=
"LEVEL "+level+
" โข "+state.xp+" XP";
el("tech").textContent=state.tech;
el("vision").textContent=state.vision;
el("leadership").textContent=state.leadership;
el("creativity").textContent=state.creativity;
el("playerName").textContent=
state.name || "Creator";
el("finalXP").textContent=
state.xp+" XP";
el("finalRank").textContent=
rank;
var titles={
ROOKIE:"Future Recruit",
EXPLORER:"Future Explorer",
INNOVATOR:"India Innovator",
VISIONARY:"2047 Visionary",
LEGEND:"India 2047 Legend"
};
el("visionTitle").textContent=
titles[rank] || "Future Creator";
}
/* =========================================================
FINAL PROFILE
========================================================= */
function finishGame(){
state.finished=true;
checkAchievements();
saveState();
renderAll();
toast("๐ ALL MISSIONS COMPLETE!");
setTimeout(function(){
document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
},500);
}
function showFinalMission(){
var area=el("missionArea");
var total=
state.tech+
state.vision+
state.leadership+
state.creativity;
var strongest="TECH";
var values={
TECH:state.tech,
VISION:state.vision,
LEADERSHIP:state.leadership,
CREATIVITY:state.creativity
};
for(var key in values){
if(values[key]>values[strongest]){
strongest=key;
}
}
area.innerHTML=
'<div class="mission">'+
'<div class="missionTop">'+
'<b>๐ MISSION COMPLETE</b>'+
'<span>2047 CORE</span>'+
'</div>'+
'<p>'+
'All strategic decisions completed. '+
'Your strongest trait is <b>'+strongest+
'</b>. Your future profile has been generated.'+
'</p>'+
'<button class="btn primary" onclick="scrollToVision()">'+
'๐ VIEW MY 2047 PROFILE'+
'</button>'+
'</div>';
}
function scrollToVision(){
document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
}
/* =========================================================
SECRET SYSTEM
========================================================= */
function unlockSecret(){
var input=el("secretCode");
var code=input.value
.trim()
.toUpperCase();
var valid=[
"ANAND2047",
"FREEDOM2047",
"HUB2047",
"INDIA2047"
];
if(valid.indexOf(code)!==-1){
el("hiddenRoom").classList.add("show");
if(state.achievements.indexOf(8)===-1){
state.achievements.push(8);
}
saveState();
renderAchievements();
input.value="";
unlock(2);
if(state.mission>=missions.length)
unlock(3);
if(state.tech>=30)
unlock(4);
if(state.creativity>=30)
unlock(5);
if(state.leadership>=30)
unlock(6);
if(state.vision>=30)
unlock(7);
if(state.achievements.indexOf(8)!==-1)
unlock(8);
if(getRank()==="LEGEND")
unlock(9);
}
/* =========================================================
ACHIEVEMENT UI
========================================================= */
function renderAchievements(){
var box=el("achievements");
box.innerHTML="";
for(var i=0;i<achievements.length;i++){
var a=achievements[i];
var unlocked=
state.achievements.indexOf(i)!==-1;
box.innerHTML+=
'<div class="achievement '+
(unlocked?"unlocked":"")+
'">'+
'<div class="achievementIcon">'+a[0]+'</div>'+
'<div>'+
'<b>'+a[1]+'</b>'+
'<small>'+a[2]+'</small>'+
'</div>'+
'</div>';
}
}
/* =========================================================
XP / LEVEL / RANK
========================================================= */
function getLevel(){
return Math.max(
1,
Math.floor(state.xp/100)+1
);
}
function getRank(){
var xp=state.xp;
if(xp>=280)return "LEGEND";
if(xp>=220)return "VISIONARY";
if(xp>=160)return "INNOVATOR";
if(xp>=80)return "EXPLORER";
return "ROOKIE";
}
function updateProgress(){
var level=getLevel();
var rank=getRank();
el("rankName").textContent=rank;
var currentXP=state.xp%100;
el("xpFill").style.width=
Math.min(100,currentXP)+"%";
el("xpText").textContent=
"LEVEL "+level+
" โข "+state.xp+" XP";
el("tech").textContent=state.tech;
el("vision").textContent=state.vision;
el("leadership").textContent=state.leadership;
el("creativity").textContent=state.creativity;
el("playerName").textContent=
state.name || "Creator";
el("finalXP").textContent=
state.xp+" XP";
el("finalRank").textContent=
rank;
var titles={
ROOKIE:"Future Recruit",
EXPLORER:"Future Explorer",
INNOVATOR:"India Innovator",
VISIONARY:"2047 Visionary",
LEGEND:"India 2047 Legend"
};
el("visionTitle").textContent=
titles[rank] || "Future Creator";
}
/* =========================================================
FINAL PROFILE
========================================================= */
function finishGame(){
state.finished=true;
checkAchievements();
saveState();
renderAll();
toast("๐ ALL MISSIONS COMPLETE!");
setTimeout(function(){
document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
},500);
}
function showFinalMission(){
var area=el("missionArea");
var total=
state.tech+
state.vision+
state.leadership+
state.creativity;
var strongest="TECH";
var values={
TECH:state.tech,
VISION:state.vision,
LEADERSHIP:state.leadership,
CREATIVITY:state.creativity
};
for(var key in values){
if(values[key]>values[strongest]){
strongest=key;
}
}
area.innerHTML=
'<div class="mission">'+
'<div class="missionTop">'+
'<b>๐ MISSION COMPLETE</b>'+
'<span>2047 CORE</span>'+
'</div>'+
'<p>'+
'All strategic decisions completed. '+
'Your strongest trait is <b>'+strongest+
'</b>. Your future profile has been generated.'+
'</p>'+
'<button class="btn primary" onclick="scrollToVision()">'+
'๐ VIEW MY 2047 PROFILE'+
'</button>'+
'</div>';
}
function scrollToVision(){
document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
}
/* =========================================================
SECRET SYSTEM
========================================================= */
function unlockSecret(){
var input=el("secretCode");
var code=input.value
.trim()
.toUpperCase();
var valid=[
"ANAND2047",
"FREEDOM2047",
"HUB2047",
"INDIA2047"
];
if(valid.indexOf(code)!==-1){
el("hiddenRoom").classList.add("show");
if(state.achievements.indexOf(8)===-1){
state.achievements.push(8);
}
saveState();
renderAchievements();
input.value="";
vibrate([40,40,80]);
toast("๐ SECRET ROOM UNLOCKED!");
}else{
input.classList.add("bad");
vibrate([100,50,100]);
toast("โ ACCESS DENIED");
setTimeout(function(){
input.classList.remove("bad");
},500);
}
}
/* =========================================================
SECRET PUZZLE
========================================================= */
function miniPuzzle(){
var answer=prompt(
"๐งฉ SECRET CODE PUZZLE\n\n"+
"If:\n"+
"2 โ 6\n"+
"3 โ 12\n"+
"4 โ 20\n"+
"5 โ ?\n\n"+
"Enter the answer:"
);
if(answer===null)return;
if(answer.trim()==="30"){
state.xp+=50;
if(state.achievements.indexOf(8)===-1)
state.achievements.push(8);
saveState();
renderAll();
vibrate([50,40,100]);
toast("๐ง PUZZLE SOLVED! +50 XP");
}else{
vibrate([100,40,100]);
toast("โ Wrong answer!");
}
}
/* =========================================================
SHARE PROFILE
========================================================= */
function shareVision(){
var rank=getRank();
var text=
"๐ฎ๐ณ ANAND HUB โ INDIA 2047\n\n"+
"๐ My 2047 Future Profile\n"+
"๐ค Creator: "+state.name+"\n"+
"๐ Rank: "+rank+"\n"+
"โก XP: "+state.xp+"\n\n"+
"๐ค Tech: "+state.tech+"\n"+
"๐ญ Vision: "+state.vision+"\n"+
"๐ Leadership: "+state.leadership+"\n"+
"๐จ Creativity: "+state.creativity+"\n\n"+
"๐ I completed the India 2047 Future Core!\n"+
"๐ฎ๐ณ What will YOUR India 2047 look like?";
if(navigator.share){
navigator.share({
title:"My India 2047 Vision",
text:text
}).catch(function(){});
}else{
if(navigator.clipboard){
navigator.clipboard.writeText(text)
.then(function(){
toast("๐ Profile copied!");
})
.catch(function(){
fallbackCopy(text);
});
}else{
fallbackCopy(text);
}
}
}
function fallbackCopy(text){
var area=document.createElement("textarea");
area.value=text;
area.style.position="fixed";
area.style.opacity="0";
document.body.appendChild(area);
area.select();
try{
document.execCommand("copy");
toast("๐ Profile copied!");
}catch(e){
toast("Share text ready!");
}
document.body.removeChild(area);
}
/* =========================================================
RESET
========================================================= */
function resetMission(){
var ok=confirm(
"โ ๏ธ Reset your India 2047 mission?\n\n"+
"All saved progress will be deleted."
);
if(!ok)return;
localStorage.removeItem("anandHub2047");
state={
name:"",
mission:0,
xp:0,
tech:0,
vision:0,
leadership:0,
creativity:0,
achievements:[],
finished:false
};
el("command").style.display="none";
hide("bootScreen");
show("loginScreen");
el("creatorName").value="";
toast("๐ Mission reset!");
}
/* =========================================================
RENDER EVERYTHING
========================================================= */
function renderAll(){
updateProgress();
renderMission();
renderAchievements();
if(state.finished){
el("visionSummary").textContent=
"Your decisions created a unique 2047 profile. "+
"Your strongest trait is ready to lead the future.";
}else{
el("visionSummary").textContent=
"Complete all missions to generate your final "+
"India 2047 Vision Card.";
}
}
/* =========================================================
AUTO RESUME NOTICE
========================================================= */
(function(){
var saved=null;
try{
saved=JSON.parse(
localStorage.getItem("anandHub2047")
);
}catch(e){
saved=null;
}
if(saved && saved.name){
setTimeout(function(){
toast("๐ Saved mission detected for "+saved.name);
},700);
}
})();
/* =========================================================
ENTER KEY
========================================================= */
el("creatorName").addEventListener(
"keydown",
function(e){
if(e.key==="Enter"){
startMission();
}
});
el("secretCode").addEventListener(
"keydown",
function(e){
if(e.key==="Enter"){
unlockSecret();
}
});
toast("๐ SECRET ROOM UNLOCKED!");
}else{
input.classList.add("bad");
vibrate([100,50,100]);
toast("โ ACCESS DENIED");
setTimeout(function(){
input.classList.remove("bad");
},500);
}
}
/* =========================================================
SECRET PUZZLE
========================================================= */
function miniPuzzle(){
var answer=prompt(
"๐งฉ SECRET CODE PUZZLE\n\n"+
"If:\n"+
"2 โ 6\n"+
"3 โ 12\n"+
"4 โ 20\n"+
"5 โ ?\n\n"+
"Enter the answer:"
);
if(answer===null)return;
if(answer.trim()==="30"){
state.xp+=50;
if(state.achievements.indexOf(8)===-1)
state.achievements.push(8);
saveState();
renderAll();
vibrate([50,40,100]);
toast("๐ง PUZZLE SOLVED! +50 XP");
}else{
vibrate([100,40,100]);
toast("โ Wrong answer!");
}
}
/* =========================================================
SHARE PROFILE
========================================================= */
function shareVision(){
var rank=getRank();
var text=
"๐ฎ๐ณ ANAND HUB โ INDIA 2047\n\n"+
"๐ My 2047 Future Profile\n"+
"๐ค Creator: "+state.name+"\n"+
"๐ Rank: "+rank+"\n"+
"โก XP: "+state.xp+"\n\n"+
"๐ค Tech: "+state.tech+"\n"+
"๐ญ Vision: "+state.vision+"\n"+
"๐ Leadership: "+state.leadership+"\n"+
"๐จ Creativity: "+state.creativity+"\n\n"+
"๐ I completed the India 2047 Future Core!\n"+
"๐ฎ๐ณ What will YOUR India 2047 look like?";
if(navigator.share){
navigator.share({
title:"My India 2047 Vision",
text:text
}).catch(function(){});
}else{
if(navigator.clipboard){
navigator.clipboard.writeText(text)
.then(function(){
toast("๐ Profile copied!");
})
.catch(function(){
fallbackCopy(text);
});
}else{
fallbackCopy(text);
}
}
}
function fallbackCopy(text){
var area=document.createElement("textarea");
area.value=text;
area.style.position="fixed";
area.style.opacity="0";
document.body.appendChild(area);
area.select();
try{
document.execCommand("copy");
toast("๐ Profile copied!");
}catch(e){
toast("Share text ready!");
}
document.body.removeChild(area);
}
/* =========================================================
RESET
========================================================= */
function resetMission(){
var ok=confirm(
"โ ๏ธ Reset your India 2047 mission?\n\n"+
"All saved progress will be deleted."
);
if(!ok)return;
localStorage.removeItem("anandHub2047");
state={
name:"",
mission:0,
xp:0,
tech:0,
vision:0,
leadership:0,
creativity:0,
achievements:[],
finished:false
};
el("command").style.display="none";
hide("bootScreen");
show("loginScreen");
el("creatorName").value="";
toast("๐ Mission reset!");
}
/* =========================================================
RENDER EVERYTHING
========================================================= */
function renderAll(){
updateProgress();
renderMission();
renderAchievements();
if(state.finished){
el("visionSummary").textContent=
"Your decisions created a unique 2047 profile. "+
"Your strongest trait is ready to lead the future.";
}else{
el("visionSummary").textContent=
"Complete all missions to generate your final "+
"India 2047 Vision Card.";
}
}
/* =========================================================
AUTO RESUME NOTICE
========================================================= */
(function(){
var saved=null;
try{
saved=JSON.parse(
localStorage.getItem("anandHub2047")
);
}catch(e){
saved=null;
}
if(saved && saved.name){
setTimeout(function(){
toast("๐ Saved mission detected for "+saved.name);
},700);
}
})();
/* =========================================================
ENTER KEY
========================================================= */
el("creatorName").addEventListener(
"keydown",
function(e){
if(e.key==="Enter"){
startMission();
}
});
el("secretCode").addEventListener(
"keydown",
function(e){
if(e.key==="Enter"){
unlockSecret();
}
});
/* =========================================================
INITIAL STATE
========================================================= */
renderAchievements();
updateProgress();
</script>
</body>
</html>
INITIAL STATE
========================================================= */
renderAchievements();
updateProgress();
</script>
</body>
</html>
๐ฅ1
๐ เคเคฐ เคฌเฅเค เฅ เคฌเคเฅเคเฅ เคฌเคเฅเคเฅ เค เคฎเคพ เคฐเคนเฅ เคนเฅเค
๐ฅฐ Without investment ๐ฅฐ
เคเฅ เคญเฅ 2 - 3 เคเคเคเฅ เคเคพเคฎ เคเคฐ เคเฅ เคฐเฅเคเคพเคจเคพ เคเคพ 3-4 เคนเคเคพเคฐ เค เคฎเคพเคจเคพ เคเคพเคนเคคเฅ เคนเฅ เคตเฅ เคจเฅเคเฅ เคฆเคฟเค เคเค เคฒเคฟเคเค เคชเคฐ เคเฅเคฒเคฟเค เคเคฐเคเฅ เคซเคพเคฐเฅเคฎ เคซเฅเคฒ เคเคฐเฅ ๐๐
๐ฅฐ Click here fast โฉ๐๐
https://docs.google.com/forms/d/e/1FAIpQLSd8DzFUts1YU0ZzVazjXh5XiQkLJsvjGOA_5IiE_OTKJnT0Zg/viewform?usp=header
๐ฅฐ Without investment ๐ฅฐ
เคเฅ เคญเฅ 2 - 3 เคเคเคเฅ เคเคพเคฎ เคเคฐ เคเฅ เคฐเฅเคเคพเคจเคพ เคเคพ 3-4 เคนเคเคพเคฐ เค เคฎเคพเคจเคพ เคเคพเคนเคคเฅ เคนเฅ เคตเฅ เคจเฅเคเฅ เคฆเคฟเค เคเค เคฒเคฟเคเค เคชเคฐ เคเฅเคฒเคฟเค เคเคฐเคเฅ เคซเคพเคฐเฅเคฎ เคซเฅเคฒ เคเคฐเฅ ๐๐
๐ฅฐ Click here fast โฉ๐๐
https://docs.google.com/forms/d/e/1FAIpQLSd8DzFUts1YU0ZzVazjXh5XiQkLJsvjGOA_5IiE_OTKJnT0Zg/viewform?usp=header
Google Docs
online ๐ฐ
Only 18+ fill
๐ฅ1
๐งฌโก NEW GAME DROP โก๐งฌ
๐จ CYBER ESCAPE ๐จ
THE SYSTEM HAS BEEN BREACHED... ๐
๐ฎ Your Mission:
๐ Swipe to move
๐ก Collect Energy
๐ด Avoid Drones
๐ Survive Every Level
๐งฌ Reach the CORE
๐ Beat the High Score
๐ฅ COLLECT โข SURVIVE โข ESCAPE
๐ฌ CHALLENGE:
Tumhara highest score kitna jayega? ๐
๐ฑ 100% Touch Gaming
๐ป HTML + CSS + JavaScript
๐ More Powerful Games Coming Soon...
๐ฎ๐ณ ANAND HUB โข HTML GAME LAB
#CyberEscape #HTMLGame #JavaScript #Coding #GameDevelopment #TouchGame
๐จ CYBER ESCAPE ๐จ
THE SYSTEM HAS BEEN BREACHED... ๐
๐ฎ Your Mission:
๐ Swipe to move
๐ก Collect Energy
๐ด Avoid Drones
๐ Survive Every Level
๐งฌ Reach the CORE
๐ Beat the High Score
๐ฅ COLLECT โข SURVIVE โข ESCAPE
๐ฌ CHALLENGE:
Tumhara highest score kitna jayega? ๐
๐ฑ 100% Touch Gaming
๐ป HTML + CSS + JavaScript
๐ More Powerful Games Coming Soon...
๐ฎ๐ณ ANAND HUB โข HTML GAME LAB
#CyberEscape #HTMLGame #JavaScript #Coding #GameDevelopment #TouchGame
โค1
โก NEON ESCAPE โ ANAND HUB ๐ง ๐ฎ
The room is watching.
Think fast. Tap faster. ๐ฅ
๐จ 10 CHAMBERS
๐งฉ Logic Puzzles
๐ Secret Code Missions
โก Reaction Challenges
โค๏ธ 3 Lives
๐ Multiple Ranks
๐ฅ Combo & Bonus System
๐ Full Neon Cyber Interface
Can you break the ESCAPE CORE before time runs out? ๐
Your mission:
๐ฏ Solve every chamber
โก React as fast as possible
๐ง Don't lose your lives
๐ Beat your best score
NEON ESCAPE
ANAND HUB // CLASSIFIED GAME LAB ๐ฐ๏ธ
๐ฅ CHALLENGE ACCEPTED?
#ANANDHUB #NeonEscape #HTMLGame #Gaming #MiniGame #Challenge
The room is watching.
Think fast. Tap faster. ๐ฅ
๐จ 10 CHAMBERS
๐งฉ Logic Puzzles
๐ Secret Code Missions
โก Reaction Challenges
โค๏ธ 3 Lives
๐ Multiple Ranks
๐ฅ Combo & Bonus System
๐ Full Neon Cyber Interface
Can you break the ESCAPE CORE before time runs out? ๐
Your mission:
๐ฏ Solve every chamber
โก React as fast as possible
๐ง Don't lose your lives
๐ Beat your best score
NEON ESCAPE
ANAND HUB // CLASSIFIED GAME LAB ๐ฐ๏ธ
๐ฅ CHALLENGE ACCEPTED?
#ANANDHUB #NeonEscape #HTMLGame #Gaming #MiniGame #Challenge
โค1
๐ STUDYVERSE AI โ GRANDMASTER EDITION ๐
Ab padhai hogi random nahi, strategy ke saath. ๐ง โก
๐ Class 6โ12 Support
๐ค AI Study Planner
๐ฏ Weakness Radar
โฑ๏ธ Deep Focus Timer
๐ Smart Class-Wise Timetable
โ๏ธ Writing Practice Tracker
๐ Revision Engine
๐ Mock Test Arena
โ๏ธ Daily Boss Challenges
๐ Performance Analytics
๐ XP โข Levels โข Achievements
๐ฅ Your Study. Your Strategy. Your Evolution.
๐ STUDYVERSE AI
Your Personal Study Command Center.
๐ Would you use an app like this?
Comment โGRANDMASTERโ ๐ if you want to try it!
Ab padhai hogi random nahi, strategy ke saath. ๐ง โก
๐ Class 6โ12 Support
๐ค AI Study Planner
๐ฏ Weakness Radar
โฑ๏ธ Deep Focus Timer
๐ Smart Class-Wise Timetable
โ๏ธ Writing Practice Tracker
๐ Revision Engine
๐ Mock Test Arena
โ๏ธ Daily Boss Challenges
๐ Performance Analytics
๐ XP โข Levels โข Achievements
๐ฅ Your Study. Your Strategy. Your Evolution.
๐ STUDYVERSE AI
Your Personal Study Command Center.
๐ Would you use an app like this?
Comment โGRANDMASTERโ ๐ if you want to try it!
โค1
๐๐ฑ NAG PANCHAMI SPECIAL ๐ฑ๐
เคเค ANAND HUB เคชเคฐ เคเฅเค SPECIAL เคฒเฅเคเคฐ เคเค เคนเฅเค! โจ
๐ เคฐเคพเคค เคเคพ cinematic เคฎเคเคฆเคฟเคฐ
๐ช glowing เคฆเฅเคชเค
๐ฑ เคฎเคนเคพเคฆเฅเคต เคเคพ เคเคถเฅเคฐเฅเคตเคพเคฆ
๐ เคจเคพเค เคชเคเคเคฎเฅ เคเคพ special experience
โจ เคเคฐ เคเค hidden blessing effect!
๐ เคจเฅเคเฅ เคตเคพเคฒเฅ Nag Panchami Special HTML file เคเฅ เคเฅเคฒเฅ เคเคฐ โTAP TO BLESSโ เคฆเคฌเคพเค! ๐๐ฅ
๐๏ธ เฅ เคจเคฎเค เคถเคฟเคตเคพเคฏ ๐๏ธ
๐ เคจเคพเค เคฆเฅเคตเคคเคพ เคเฅ เคเฅเคชเคพ เคธเคญเฅ เคชเคฐ เคฌเคจเฅ เคฐเคนเฅเฅค
โ ANAND HUB ๐
#NagPanchami #NagPanchami2026 #HarHarMahadev #OmNamahShivay #ANANDHUB
เคเค ANAND HUB เคชเคฐ เคเฅเค SPECIAL เคฒเฅเคเคฐ เคเค เคนเฅเค! โจ
๐ เคฐเคพเคค เคเคพ cinematic เคฎเคเคฆเคฟเคฐ
๐ช glowing เคฆเฅเคชเค
๐ฑ เคฎเคนเคพเคฆเฅเคต เคเคพ เคเคถเฅเคฐเฅเคตเคพเคฆ
๐ เคจเคพเค เคชเคเคเคฎเฅ เคเคพ special experience
โจ เคเคฐ เคเค hidden blessing effect!
๐ เคจเฅเคเฅ เคตเคพเคฒเฅ Nag Panchami Special HTML file เคเฅ เคเฅเคฒเฅ เคเคฐ โTAP TO BLESSโ เคฆเคฌเคพเค! ๐๐ฅ
๐๏ธ เฅ เคจเคฎเค เคถเคฟเคตเคพเคฏ ๐๏ธ
๐ เคจเคพเค เคฆเฅเคตเคคเคพ เคเฅ เคเฅเคชเคพ เคธเคญเฅ เคชเคฐ เคฌเคจเฅ เคฐเคนเฅเฅค
โ ANAND HUB ๐
#NagPanchami #NagPanchami2026 #HarHarMahadev #OmNamahShivay #ANANDHUB
๐บโจ NEW HTML PROJECT ALERT! โจ๐บ
Aaj maine banaya hai ek AMAZING GROWING FLOWER ANIMATION ๐บ๐ฅ
๐ฑ Stem smoothly grow hota hai
๐ Leaves appear hoti hain
๐บ Petals one-by-one bloom karte hain
โจ Glowing center + magical particles effect
๐ป Made with HTML + CSS + JavaScript
Agar tumhe bhi aise creative coding projects pasand hain, to CHANNEL ko FOLLOW/SUBSCRIBE zarur karo! ๐
๐ฅ COMMENT karo:
"FLOWER ๐บ"
agar tumhe iska CODE chahiye!
โโโโโโโโโโโโโโโโโโ
๐ PINNED COMMENT:
๐บ Rate this animation from 1๏ธโฃโ๐!
Agle project mein kya banana chahiye? ๐
1๏ธโฃ Glowing Rose ๐น
2๏ธโฃ Blooming Lotus ๐ชท
3๏ธโฃ Magical Sunflower ๐ป
4๏ธโฃ Rainbow Flower ๐๐บ
COMMENT YOUR CHOICE! ๐ฅ
#HTML #CSS #JavaScript #Coding #WebDevelopment #Frontend #FlowerAnimation #CreativeCoding #WebDesign #Programming #ANANDHUB #CodeWithAnand
Aaj maine banaya hai ek AMAZING GROWING FLOWER ANIMATION ๐บ๐ฅ
๐ฑ Stem smoothly grow hota hai
๐ Leaves appear hoti hain
๐บ Petals one-by-one bloom karte hain
โจ Glowing center + magical particles effect
๐ป Made with HTML + CSS + JavaScript
Agar tumhe bhi aise creative coding projects pasand hain, to CHANNEL ko FOLLOW/SUBSCRIBE zarur karo! ๐
๐ฅ COMMENT karo:
"FLOWER ๐บ"
agar tumhe iska CODE chahiye!
โโโโโโโโโโโโโโโโโโ
๐ PINNED COMMENT:
๐บ Rate this animation from 1๏ธโฃโ๐!
Agle project mein kya banana chahiye? ๐
1๏ธโฃ Glowing Rose ๐น
2๏ธโฃ Blooming Lotus ๐ชท
3๏ธโฃ Magical Sunflower ๐ป
4๏ธโฃ Rainbow Flower ๐๐บ
COMMENT YOUR CHOICE! ๐ฅ
#HTML #CSS #JavaScript #Coding #WebDevelopment #Frontend #FlowerAnimation #CreativeCoding #WebDesign #Programming #ANANDHUB #CodeWithAnand