GF.game({ title: "Aethera: Crystal Quest", instructions: "Left side: joystick. Right side: tap buttons to attack/dash.", scoreLabel: "Crystals", bg: '#2d1b0e', accent: '#e8a840', winText: "Balance Restored! Aethera is saved!", loseText: "The darkness consumed you...", lives: 3, hud: true, controls: 'none', setup: function(GF) { var s = GF.load(); this.level = s ? s.level : 1; this.xp = s ? s.xp : 0; this.xpNext = 100; this.crystalsCollected = s ? s.crystalsCollected : 0; this.totalCrystals = 20; this.player = { x: GF.W/2, y: GF.H/2, r: 18, speed: 210, hp: 100, maxHp: 100, atk: 15, range: 80, invTimer: 0, facing: 0, walkAnim: 0, meleeTimer: 0, attackCooldown: 0, dashTimer: 0, dashDir: {x:0,y:0} }; this.zones = [ {name:'Forest', x:0, y:0, w:GF.W, h:GF.H, color:'#3a5c2a'}, {name:'Cave', x:20, y:500, w:160, h:200, color:'#2a2030'}, {name:'Mountain', x:300, y:50, w:180, h:220, color:'#6a5a4a'}, {name:'Ruins', x:100, y:200, w:200, h:180, color:'#7a6a50'} ]; this.crystals = []; for(var i=0;i<8;i++){ this.crystals.push({ x: GF.rand(40, GF.W-40), y: GF.rand(120, GF.H-160), r: 12, collected: false, pulse: GF.rand(0,6.28), color: ['#4af','#fa4','#f4a','#4fa','#a4f'][i%5] }); } this.enemies = []; this.spawnTimer = 0; this.spawnInterval = 4; for(var j=0;j<4;j++) this.spawnEnemy(GF); this.projectiles = []; this.enemyProjectiles = []; this.particles = []; this.dayTimer = 0; this.dayLength = 60; this.isDay = true; this.dayAlpha = 0; this.weatherTimer = 0; this.weatherType = 'clear'; this.rainDrops = []; this.bossSpawned = false; this.boss = null; this.won = false; // Joystick: tracks touch on left half this.joystickBase = {x:90, y:GF.H-130}; this.joystickPos = {x:90, y:GF.H-130}; this.joystickActive = false; this.joystickStartX = 0; this.joystickStartY = 0; // Fixed button positions (right side) this.meleeBtn = {x:GF.W-110, y:GF.H-90}; this.rangeBtn = {x:GF.W-55, y:GF.H-160}; this.dashBtn = {x:GF.W-55, y:GF.H-85}; this.flashTimer = 0; this.flashColor = '#fff'; this.msgTimer = 0; this.msg = ''; }, spawnEnemy: function(GF) { var types = [ {name:'Shadefiend',hp:40,maxHp:40,spd:80,atk:10,r:16,color:'#7a3a8a',ranged:false,xp:20}, {name:'Stonecrawler',hp:70,maxHp:70,spd:50,atk:15,r:20,color:'#8a7a5a',ranged:false,xp:30}, {name:'Gloomwing',hp:30,maxHp:30,spd:120,atk:8,r:14,color:'#4a6a9a',ranged:true,xp:25} ]; var t = types[GF.randInt(0,2)]; var edge = GF.randInt(0,3); var ex,ey; if(edge===0){ex=GF.rand(0,GF.W);ey=-20;} else if(edge===1){ex=GF.W+20;ey=GF.rand(0,GF.H);} else if(edge===2){ex=GF.rand(0,GF.W);ey=GF.H+20;} else{ex=-20;ey=GF.rand(0,GF.H);} this.enemies.push({ x:ex,y:ey,r:t.r,hp:t.hp,maxHp:t.maxHp, spd:t.spd,atk:t.atk,color:t.color, ranged:t.ranged,xp:t.xp,name:t.name, shootTimer:GF.rand(1,3),wobble:GF.rand(0,6.28), invTimer:0 }); }, spawnBoss: function(GF) { this.boss = { x:GF.W/2, y:150, r:36, hp:400, maxHp:400, spd:60, atk:25, color:'#c03060', phase:1, timer:0, shootTimer:1.5, wobble:0, name:'Void Colossus' }; this.bossSpawned = true; this.showMsg('BOSS: Void Colossus appears!', 3); GF.sound('explode'); }, showMsg: function(txt, dur) { this.msg = txt; this.msgTimer = dur||2; }, spawnParticles: function(x,y,color,n) { for(var i=0;i<(n||6);i++){ var a=GF.rand(0,6.28), sp=GF.rand(60,180); this.particles.push({ x:x,y:y,vx:Math.cos(a)*sp,vy:Math.sin(a)*sp, r:GF.rand(3,7),color:color,life:0.6,maxLife:0.6 }); } }, update: function(dt, GF) { if(this.won) return; var p = this.player; // Day/night this.dayTimer += dt; if(this.dayTimer > this.dayLength){ this.dayTimer=0; this.isDay=!this.isDay; } var dayFrac = this.dayTimer/this.dayLength; this.dayAlpha = this.isDay ? Math.max(0,(dayFrac-0.8)*5)*0.5 : Math.min(0.5,(1-dayFrac)*5+0.5); // Weather this.weatherTimer -= dt; if(this.weatherTimer<=0){ this.weatherTimer = GF.rand(15,30); this.weatherType = GF.rand(0,1)>0.6?'rain':'clear'; } if(this.weatherType==='rain'){ if(this.rainDrops.length<40){ this.rainDrops.push({x:GF.rand(0,GF.W),y:-10,spd:GF.rand(300,500)}); } } for(var ri=this.rainDrops.length-1;ri>=0;ri--){ this.rainDrops[ri].y+=this.rainDrops[ri].spd*dt; if(this.rainDrops[ri].y>GF.H) this.rainDrops.splice(ri,1); } // --- Joystick --- var jx=0,jy=0; var maxR=55; if(GF.pointer.down){ var px=GF.pointer.x, py=GF.pointer.y; if(!this.joystickActive && px < GF.W/2){ // Start joystick wherever finger lands on left half this.joystickActive = true; this.joystickStartX = px; this.joystickStartY = py; this.joystickBase = {x:px, y:py}; this.joystickPos = {x:px, y:py}; } if(this.joystickActive){ var ddx = px - this.joystickBase.x; var ddy = py - this.joystickBase.y; var dd = Math.sqrt(ddx*ddx+ddy*ddy); if(dd>maxR){ ddx=ddx/dd*maxR; ddy=ddy/dd*maxR; } this.joystickPos = {x:this.joystickBase.x+ddx, y:this.joystickBase.y+ddy}; jx = ddx/maxR; jy = ddy/maxR; } } else { this.joystickActive = false; this.joystickBase = {x:90, y:GF.H-130}; this.joystickPos = {x:90, y:GF.H-130}; } // Dash movement if(p.dashTimer>0){ p.dashTimer -= dt; p.x += p.dashDir.x*420*dt; p.y += p.dashDir.y*420*dt; } else { if(jx!==0||jy!==0){ p.x += jx*p.speed*dt; p.y += jy*p.speed*dt; p.facing = Math.atan2(jy,jx); p.walkAnim += dt*8; } } p.x = GF.clamp(p.x, p.r, GF.W-p.r); p.y = GF.clamp(p.y, p.r+60, GF.H-p.r-200); // --- Button taps (right half only) --- if(GF.tapped()){ var tx=GF.pointer.x, ty=GF.pointer.y; if(tx > GF.W/2){ var hitMelee = GF.dist(tx,ty,this.meleeBtn.x,this.meleeBtn.y)<40; var hitRange = GF.dist(tx,ty,this.rangeBtn.x,this.rangeBtn.y)<36; var hitDash = GF.dist(tx,ty,this.dashBtn.x, this.dashBtn.y)<36; if(hitMelee && p.attackCooldown<=0){ p.attackCooldown=0.5; p.meleeTimer=0.2; GF.sound('hit'); this.spawnParticles(p.x+Math.cos(p.facing)*40,p.y+Math.sin(p.facing)*40,'#f84',8); var allE = this.enemies.concat(this.boss?[this.boss]:[]); for(var ei=0;ei0){ var nearest=null, nd=9999; for(var ei2=0;ei2=8&&!this.bossSpawned) this.spawnBoss(GF); } } } // Spawn enemies this.spawnTimer-=dt; if(this.spawnTimer<=0){ this.spawnTimer=Math.max(2,this.spawnInterval-this.level*0.3); if(this.enemies.length<6+this.level) this.spawnEnemy(GF); } // Enemy AI for(var ei3=this.enemies.length-1;ei3>=0;ei3--){ var e=this.enemies[ei3]; e.wobble+=dt*2; var edx=p.x-e.x, edy=p.y-e.y; var edist=Math.sqrt(edx*edx+edy*edy)||1; e.x+=edx/edist*e.spd*dt; e.y+=edy/edist*e.spd*dt; if(e.ranged){ e.shootTimer-=dt; if(e.shootTimer<=0&&edist<300){ e.shootTimer=GF.rand(2,4); this.enemyProjectiles.push({ x:e.x,y:e.y, vx:edx/edist*180,vy:edy/edist*180, r:5,color:'#f8a',life:2,dmg:e.atk }); GF.sound('shoot'); } } if(edist=this.xpNext){ this.level++; this.xp=0; this.xpNext=Math.floor(this.xpNext*1.5); p.maxHp+=20; p.hp=p.maxHp; p.atk+=5; this.showMsg('LEVEL UP! Lv.'+this.level,2); GF.sound('win'); GF.save({level:this.level,xp:this.xp,crystalsCollected:this.crystalsCollected}); } this.enemies.splice(ei3,1); } } // Boss AI if(this.boss){ var b=this.boss; b.wobble+=dt*1.5; b.timer+=dt; var bdx=p.x-b.x, bdy=p.y-b.y; var bdist=Math.sqrt(bdx*bdx+bdy*bdy)||1; b.x+=bdx/bdist*b.spd*dt; b.y+=bdy/bdist*b.spd*dt; b.shootTimer-=dt; if(b.shootTimer<=0){ b.shootTimer=b.phase===2?0.8:1.5; var angles=b.phase===2?6:3; for(var ai=0;ai=0;pi--){ var proj=this.projectiles[pi]; proj.x+=proj.vx*dt; proj.y+=proj.vy*dt; proj.life-=dt; if(proj.life<=0||proj.x<0||proj.x>GF.W||proj.y<0||proj.y>GF.H){ this.projectiles.splice(pi,1); continue; } var allE3=this.enemies.concat(this.boss?[this.boss]:[]); var hit=false; for(var ei4=0;ei4=0;epi--){ var ep=this.enemyProjectiles[epi]; ep.x+=ep.vx*dt; ep.y+=ep.vy*dt; ep.life-=dt; if(ep.life<=0||ep.x<0||ep.x>GF.W||ep.y<0||ep.y>GF.H){ this.enemyProjectiles.splice(epi,1); continue; } if(GF.dist(ep.x,ep.y,p.x,p.y)=0;pari--){ var par=this.particles[pari]; par.x+=par.vx*dt; par.y+=par.vy*dt; par.vx*=0.9; par.vy*=0.9; par.life-=dt; if(par.life<=0) this.particles.splice(pari,1); } this.flashTimer = Math.max(0,this.flashTimer-dt); this.msgTimer = Math.max(0,this.msgTimer-dt); }, draw: function(GF) { GF.clear('#3a5c2a'); GF.rect(20,500,160,200,'#2a2030'); GF.rect(300,50,180,220,'#6a5a4a'); GF.rect(100,200,200,180,'#7a6a50'); var treePos=[[30,80],[60,150],[400,300],[440,400],[50,350],[380,600],[420,700],[30,650]]; for(var ti=0;ti0){ var wx=p.x+Math.cos(p.facing)*40, wy=p.y+Math.sin(p.facing)*40; GF.line(p.x,p.y,wx,wy,'#c8a040',4); GF.circle(wx,wy,8,'#f8d060'); } else { var wx2=p.x+Math.cos(p.facing)*30, wy2=p.y+Math.sin(p.facing)*30; GF.line(p.x,p.y,wx2,wy2,'#8a6a30',3); } // Particles for(var pari=0;pari0){ GF.rect(0,0,GF.W,GF.H,'rgba(0,0,30,'+this.dayAlpha+')'); } // Flash if(this.flashTimer>0){ GF.rect(0,0,GF.W,GF.H,'rgba(255,80,80,0.3)'); } // HUD overlays var hpW=120; GF.rect(10,65,hpW,10,'#400'); GF.rect(10,65,hpW*(p.hp/p.maxHp),10,'#4f4'); GF.text('HP',10,63,{size:10,color:'#8f8',align:'left'}); GF.rect(10,80,hpW,6,'#222'); GF.rect(10,80,hpW*(this.xp/this.xpNext),6,'#fa0'); GF.text('Lv.'+this.level,10,92,{size:10,color:'#fa0',align:'left'}); GF.text('Crystals: '+this.crystalsCollected+'/'+this.totalCrystals,GF.W/2,65,{size:13,color:'#4af',align:'center',bold:true}); if(!this.bossSpawned){ GF.text('Quest: Collect 8 crystals',GF.W/2,82,{size:10,color:'#fa8',align:'center'}); } else if(this.boss){ GF.text('Quest: Defeat the Void Colossus!',GF.W/2,82,{size:10,color:'#f06',align:'center',bold:true}); } var timeLabel = this.isDay ? 'Day' : 'Night'; GF.text(timeLabel,GF.W-10,65,{size:11,color:this.isDay?'#fa0':'#aaf',align:'right'}); // Joystick if(this.joystickActive){ GF.circle(this.joystickBase.x,this.joystickBase.y,55,'rgba(255,255,255,0.12)'); GF.circle(this.joystickPos.x,this.joystickPos.y,24,'rgba(255,255,255,0.45)'); } else { GF.circle(90,GF.H-130,55,'rgba(255,255,255,0.07)'); GF.circle(90,GF.H-130,24,'rgba(255,255,255,0.13)'); GF.text('move',90,GF.H-124,{size:9,color:'rgba(255,255,255,0.4)',align:'center'}); } // Action buttons GF.circle(this.meleeBtn.x,this.meleeBtn.y,34,'rgba(240,120,40,0.75)'); GF.text('ATK',this.meleeBtn.x,this.meleeBtn.y+5,{size:13,color:'#fff',align:'center',bold:true}); GF.text('Melee',this.meleeBtn.x,this.meleeBtn.y+48,{size:9,color:'#fa8',align:'center'}); GF.circle(this.rangeBtn.x,this.rangeBtn.y,30,'rgba(40,160,240,0.75)'); GF.text('SHOT',this.rangeBtn.x,this.rangeBtn.y+5,{size:10,color:'#fff',align:'center',bold:true}); GF.text('Range',this.rangeBtn.x,this.rangeBtn.y+42,{size:9,color:'#4af',align:'center'}); GF.circle(this.dashBtn.x,this.dashBtn.y,30,'rgba(160,80,240,0.75)'); GF.text('DASH',this.dashBtn.x,this.dashBtn.y+5,{size:10,color:'#fff',align:'center',bold:true}); GF.text('Dash',this.dashBtn.x,this.dashBtn.y+42,{size:9,color:'#c8f',align:'center'}); // Message if(this.msgTimer>0){ var msgA=Math.min(1,this.msgTimer); GF.text(this.msg,GF.W/2,GF.H/2-60,{size:18,color:'rgba(255,240,100,'+msgA+')',align:'center',bold:true}); } } });