Smart Brain Games

November 13, 2026

#brainGames{--bg:#fafaf8;--card:#ffffff;--text:#111113;--muted:#6e6e76;--line:#ececea;--accent:#9a7425;--accent2:#d9b45f;--soft:#faf6ea;--ink:#111113;--inkt:#ffffff;--good:#1a9d62;--bad:#e5484d;--shadow:0 1px 2px rgba(17,17,19,.04),0 14px 34px rgba(17,17,19,.06);max-width:860px;margin:0 auto;padding:20px;background:var(--bg);color:var(--text);border-radius:22px;border:1px solid var(--line);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;text-align:left;box-sizing:border-box;letter-spacing:normal;text-transform:none} #brainGames.bg-dark{--bg:#0e0e10;--card:#17171a;--text:#f4f1ea;--muted:#9d9aa3;--line:#2a2a2f;--soft:#221f17;--ink:#f4f1ea;--inkt:#111113;--accent:#d9b45f;--shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.4)} #brainGames *{box-sizing:border-box;font-family:inherit;letter-spacing:normal;text-transform:none} #brainGames i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:none} #brainGames svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #brainGames svg.bg-sym{fill:currentColor;stroke:none} #brainGames .bg-head{display:flex;align-items:center;gap:14px;margin:2px 4px 20px;padding-bottom:16px;border-bottom:1px solid var(--line)} #brainGames .bg-logo{width:50px;height:50px;border-radius:50%;background:var(--ink);color:var(--accent2);display:flex;align-items:center;justify-content:center;flex:none;border:2px solid var(--accent2)} #brainGames .bg-logo svg{width:24px;height:24px} #brainGames .bg-hd{flex:1;min-width:0} #brainGames .bg-h{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0} #brainGames .bg-sub{color:var(--muted);font-size:.88rem;margin:4px 0 0} #brainGames .bg-tools{display:flex;gap:4px} #brainGames button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600;margin:0;color:var(--text);background:var(--card);box-shadow:none;height:auto;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:7px;-webkit-appearance:none;appearance:none;transition:transform .08s,background .15s,border-color .15s} #brainGames button:active{transform:scale(.97)} #brainGames button:hover{background:var(--soft);border-color:var(--accent2)} #brainGames .bg-ib{width:42px;height:42px;padding:0;border-radius:50%;background:transparent;border-color:transparent;color:var(--muted)} #brainGames .bg-ib:hover{color:var(--accent);border-color:transparent} #brainGames .bg-go{padding:14px 26px;border-radius:999px;font-size:1rem;font-weight:700;background:var(--ink);color:var(--inkt);border-color:var(--ink)} #brainGames .bg-go:hover{background:var(--ink);border-color:var(--accent2);box-shadow:0 6px 18px rgba(0,0,0,.18)} #brainGames .bg-wrap{display:flex;gap:10px;flex-wrap:wrap} #brainGames .bg-cen{justify-content:center} #brainGames .bg-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin:0 0 16px;box-shadow:var(--shadow)} #brainGames .bg-center{text-align:center} #brainGames .bg-bigic{width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--accent2);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent2)} #brainGames .bg-bigic svg{width:28px;height:28px} #brainGames .bg-ptitle{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:700} #brainGames .bg-ptext{color:var(--muted);margin:8px auto 16px;max-width:460px;font-size:.95rem} #brainGames .bg-pbest{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.84rem;margin-bottom:16px} #brainGames .bg-plabel{font-size:.7rem;color:var(--accent);font-weight:700;text-transform:uppercase !important;letter-spacing:.14em !important;margin-bottom:10px} #brainGames .bg-big{font-family:Georgia,"Times New Roman",serif;font-size:2.6rem;font-weight:700;line-height:1.1;margin:4px 0} #brainGames .bg-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:700;margin:8px 0} #brainGames .bg-idx{display:flex;align-items:center;gap:18px;flex-wrap:wrap} #brainGames .bg-ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--accent2) calc(var(--p) * 1%),var(--line) 0);display:flex;align-items:center;justify-content:center;flex:none} #brainGames .bg-ring b{width:84px;height:84px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-family:Georgia,"Times New Roman",serif;font-size:1.9rem} #brainGames .bg-tier{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:700} #brainGames .bg-small{color:var(--muted);font-size:.84rem;margin-top:4px} #brainGames .bg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px} #brainGames .bg-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;width:100%;padding:18px;border-radius:18px;box-shadow:var(--shadow)} #brainGames .bg-tic{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--accent2);display:flex;align-items:center;justify-content:center} #brainGames .bg-tn{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;font-weight:700} #brainGames .bg-td{color:var(--muted);font-size:.86rem;font-weight:400} #brainGames .bg-tb{font-size:.8rem;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:6px;margin-top:auto} #brainGames .bg-tb svg{width:15px;height:15px} #brainGames .bg-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap} #brainGames .bg-ft{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.1rem;flex:1;min-width:120px} #brainGames .bg-hud{display:flex;gap:8px} #brainGames .bg-chip{display:flex;flex-direction:column;align-items:center;padding:5px 12px;border:1px solid var(--line);border-radius:12px;min-width:64px;background:var(--card)} #brainGames .bg-chip span{font-size:.6rem;color:var(--muted);text-transform:uppercase !important;letter-spacing:.1em !important} #brainGames .bg-chip b{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem} #brainGames .bg-status{text-align:center;color:var(--muted);font-size:.95rem;margin:0 0 14px;min-height:1.4em} #brainGames .bg-mgrid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-width:520px;margin:0 auto} #brainGames .bg-mgrid.c6{grid-template-columns:repeat(6,1fr);max-width:680px} #brainGames .bg-mc{aspect-ratio:1/1;perspective:600px;padding:0;border:0;background:transparent;border-radius:14px;display:block} #brainGames .bg-mc:hover{background:transparent;border-color:transparent} #brainGames .bg-in{position:relative;width:100%;height:100%;display:block;transition:transform .45s;transform-style:preserve-3d} #brainGames .bg-mc.on .bg-in{transform:rotateY(180deg)} #brainGames .bg-face{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:14px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden} #brainGames .bg-b{background:radial-gradient(circle at center,var(--accent2) 0,var(--accent2) 3px,transparent 4px),linear-gradient(135deg,#17171a,#34343b);border:2px solid var(--accent2)} #brainGames .bg-f{transform:rotateY(180deg);background:var(--card);border:1px solid var(--line)} #brainGames .bg-mc.ok .bg-f{border-color:var(--accent2);box-shadow:0 0 0 3px var(--soft)} #brainGames .bg-f svg{width:56%;height:56%} #brainGames .bg-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:0 auto} #brainGames .bg-st{aspect-ratio:1/1;border-radius:16px;background:var(--card);border:1px solid var(--line);padding:0;display:block} #brainGames .bg-st:hover{background:var(--card)} #brainGames .bg-st.lit{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent2);box-shadow:0 0 24px rgba(217,180,95,.7)} #brainGames .bg-st.bad{background:var(--bad);border-color:var(--bad)} #brainGames .bg-num{font-family:Georgia,"Times New Roman",serif;font-size:2.4rem;font-weight:700;letter-spacing:.1em !important;word-break:break-all;margin:10px 0 18px} #brainGames .bg-input{width:100%;max-width:340px;text-align:center;font-size:1.8rem;font-family:Georgia,"Times New Roman",serif;padding:12px;border-radius:14px;border:1.5px solid var(--text);background:var(--card);color:var(--text);margin:6px 0 16px;display:block;margin-left:auto;margin-right:auto;-webkit-appearance:none;appearance:none} #brainGames .bg-input:focus{outline:none;border-color:var(--accent2);box-shadow:0 0 0 4px var(--soft)} #brainGames .bg-bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin:6px 0 14px} #brainGames .bg-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition-property:width;transition-timing-function:linear;transition-duration:.9s} #brainGames .bg-q{font-family:Georgia,"Times New Roman",serif;font-size:2.4rem;font-weight:700;text-align:center;margin:16px 0 20px} #brainGames .bg-series{font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:700;margin:10px 0 18px;word-spacing:.15em} #brainGames .bg-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 auto} #brainGames .bg-opt{padding:18px 10px;font-size:1.4rem;font-weight:700;font-family:Georgia,"Times New Roman",serif;border-radius:14px} #brainGames .bg-opt.right{border-color:var(--good);background:rgba(26,157,98,.14)} #brainGames .bg-opt.wrong{border-color:var(--bad);background:rgba(229,72,77,.14)} #brainGames .bg-react{height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-bottom:12px;transition:background .1s} #brainGames .bg-react.wait{background:var(--ink);color:var(--inkt)} #brainGames .bg-react.go{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111113} #brainGames .bg-react.early{background:var(--bad);color:#fff} #brainGames .bg-react.done{background:var(--soft);color:var(--text);border:2px solid var(--accent2)} #brainGames .bg-foot{color:var(--muted);font-size:.78rem;text-align:center;margin:6px 0 0} #brainGames .bg-reset{background:transparent;border-color:transparent;color:var(--muted);font-size:.8rem;margin:0 auto;display:flex} @media(max-width:560px){#brainGames{padding:12px;border-radius:16px}#brainGames .bg-mgrid.c6{grid-template-columns:repeat(4,1fr);max-width:520px}#brainGames .bg-h{font-size:1.2rem}#brainGames .bg-big{font-size:2.1rem}#brainGames .bg-series{font-size:1.4rem}#brainGames .bg-panel{padding:16px}}

Smart Brain Games

Train your memory, focus and logic. Beat your best every day.

For fun and brain training. The Brain Index is not a clinical IQ test.

//<![CDATA[ (function(){ var $=function(i){return document.getElementById(i)},root=$('brainGames'),V=$('bgView'); /* ---------- storage ---------- */ function load(k,d){try{var v=localStorage.getItem(k);return v?JSON.parse(v):d}catch(e){return d}} function save(k,v){try{localStorage.setItem(k,JSON.stringify(v))}catch(e){}} var cfg=load('bgCfg1',{});cfg.theme=cfg.theme||'light';if(cfg.sound===undefined){cfg.sound=true} var best=load('bgBest1',{}); /* ---------- icons ---------- */ var IC={ bulb:'<path d="M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z"/>', cards:'<rect x="3" y="5" width="9" height="13" rx="1.5"/><rect x="12" y="7" width="9" height="13" rx="1.5"/>', grid:'<rect x="4" y="4" width="4.5" height="4.5" rx="1"/><rect x="9.8" y="4" width="4.5" height="4.5" rx="1"/><rect x="15.5" y="4" width="4.5" height="4.5" rx="1"/><rect x="4" y="9.8" width="4.5" height="4.5" rx="1"/><rect x="9.8" y="9.8" width="4.5" height="4.5" rx="1"/><rect x="15.5" y="9.8" width="4.5" height="4.5" rx="1"/><rect x="4" y="15.5" width="4.5" height="4.5" rx="1"/><rect x="9.8" y="15.5" width="4.5" height="4.5" rx="1"/><rect x="15.5" y="15.5" width="4.5" height="4.5" rx="1"/>', hash:'<path d="M5 9h14M5 15h14M10 4L8 20M16 4l-2 16"/>', calc:'<rect x="5" y="3" width="14" height="18" rx="2"/><path d="M8 7h8M8 12h2M14 12h2M8 16h2M14 16h2"/>', bolt:'<path d="M13 3L5 14h6l-1 7 8-11h-6z"/>', back:'<path d="M15 5l-7 7 7 7"/>', trophy:'<path d="M7 4h10v5a5 5 0 0 1-10 0zM7 6H4v2a3 3 0 0 0 3 3M17 6h3v2a3 3 0 0 1-3 3M12 14v4M8 21h8"/>', share:'<circle cx="6" cy="12" r="2.5"/><circle cx="18" cy="6" r="2.5"/><circle cx="18" cy="18" r="2.5"/><path d="M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"/>', repeat:'<path d="M4 12a8 8 0 0 1 14-5.3L20 9M20 4v5h-5M20 12a8 8 0 0 1-14 5.3L4 15M4 20v-5h5"/>', snd:'<path d="M4 9v6h4l5 4V5L8 9z"/><path d="M16 9a4 4 0 0 1 0 6M18.5 6.5a8 8 0 0 1 0 11"/>', mute:'<path d="M4 9v6h4l5 4V5L8 9z"/><path d="M17 9l4 6M21 9l-4 6"/>', sun:'<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M6.5 17.5L5 19"/>', moon:'<path d="M20 14.5A8.5 8.5 0 1 1 9.5 4a7 7 0 0 0 10.5 10.5z"/>', list:'<path d="M5 6h14M5 12h14M5 18h14"/>' }; function svg(n){return '<svg viewBox="0 0 24 24" aria-hidden="true">'+(IC[n]||'')+'</svg>'} function icon(n){var i=document.createElement('i');i.innerHTML=svg(n);return i} Array.prototype.forEach.call(root.querySelectorAll('[data-i]'),function(el){el.innerHTML=svg(el.getAttribute('data-i'))}); /* ---------- helpers ---------- */ function mk(t,c,x){var e=document.createElement(t);if(c){e.className=c}if(x!==undefined&&x!==''){e.textContent=x}return e} function btn(c,x,f,ic){var b=mk('button',c);b.type='button';if(ic){b.appendChild(icon(ic))}if(x){b.appendChild(document.createTextNode(x))}b.onclick=f;return b} function rnd(a,b){return a+Math.floor(Math.random()*(b-a+1))} function pick(a){return a[rnd(0,a.length-1)]} function shuffle(a){a=a.slice();for(var i=a.length-1;i>0;i--){var j=rnd(0,i),t=a[i];a[i]=a[j];a[j]=t}return a} var T=[]; function after(fn,ms){var id=setTimeout(fn,ms);T.push(id);return id} function every(fn,ms){var id=setInterval(fn,ms);T.push(id);return id} function clearT(){T.forEach(function(id){clearTimeout(id);clearInterval(id)});T=[]} /* ---------- sound ---------- */ var AC=null; function tone(f,d,type,vol){ if(!cfg.sound){return} try{ AC=AC||new (window.AudioContext||window.webkitAudioContext)(); var o=AC.createOscillator(),g=AC.createGain(),t=AC.currentTime,v=vol||0.05; o.type=type||'sine';o.frequency.value=f;o.connect(g);g.connect(AC.destination); g.gain.setValueAtTime(v,t);g.gain.exponentialRampToValueAtTime(0.0001,t+d); o.start(t);o.stop(t+d); }catch(e){} } /* ---------- theme & sound buttons ---------- */ function paintTools(){ root.classList.toggle('bg-dark',cfg.theme==='dark'); $('bgSnd').innerHTML='';$('bgSnd').appendChild(icon(cfg.sound?'snd':'mute')); $('bgThm').innerHTML='';$('bgThm').appendChild(icon(cfg.theme==='dark'?'sun':'moon')); } $('bgSnd').onclick=function(){cfg.sound=!cfg.sound;save('bgCfg1',cfg);paintTools();tone(600,.1)}; $('bgThm').onclick=function(){cfg.theme=cfg.theme==='dark'?'light':'dark';save('bgCfg1',cfg);paintTools()}; /* ---------- games list ---------- */ var GAMES=[ {id:'match',name:'Memory Match',ic:'cards',desc:'Flip cards and find every matching pair.',run:matchIntro}, {id:'seq',name:'Sequence Memory',ic:'grid',desc:'Watch the pattern light up, then repeat it.',run:seqIntro}, {id:'num',name:'Number Memory',ic:'hash',desc:'Remember longer and longer numbers.',run:numIntro}, {id:'math',name:'Math Sprint',ic:'calc',desc:'Solve as many sums as you can in 60 seconds.',run:mathIntro}, {id:'iq',name:'Logic IQ Test',ic:'bulb',desc:'Ten number pattern puzzles. Find the next number.',run:iqIntro}, {id:'react',name:'Reaction Time',ic:'bolt',desc:'Tap the moment the box turns gold.',run:reactIntro} ]; function GM(id){return GAMES.filter(function(g){return g.id===id})[0]} function brainIndex(){var s=0;GAMES.forEach(function(g){if(best[g.id]){s+=best[g.id].n}});return Math.round(s/GAMES.length)} function playedCount(){return GAMES.filter(function(g){return best[g.id]}).length} function tier(n){return n>=80?'Genius':n>=60?'Brilliant':n>=40?'Sharp Mind':n>=20?'Apprentice':'Warming Up'} /* ---------- screens ---------- */ function home(){ clearT();V.innerHTML=''; var idx=brainIndex(),pc=playedCount(); var p=mk('div','bg-panel bg-idx'),ring=mk('div','bg-ring'),b=mk('b','',pc?String(idx):'--'); ring.style.setProperty('--p',String(idx));ring.appendChild(b);p.appendChild(ring); var t=mk('div'); t.appendChild(mk('div','bg-plabel','Your Brain Index')); t.appendChild(mk('div','bg-tier',pc?tier(idx):'Play to begin')); t.appendChild(mk('div','bg-small',pc===GAMES.length?'All games played. Beat your best to climb higher.':'You have played '+pc+' of '+GAMES.length+' games. Play them all to complete your index.')); p.appendChild(t);V.appendChild(p); var grid=mk('div','bg-tiles'); GAMES.forEach(function(g){ var tile=btn('bg-tile','',function(){g.run()}); var ic=mk('div','bg-tic');ic.appendChild(icon(g.ic));tile.appendChild(ic); tile.appendChild(mk('div','bg-tn',g.name)); tile.appendChild(mk('div','bg-td',g.desc)); var bb=mk('div','bg-tb');bb.appendChild(icon('trophy')); bb.appendChild(document.createTextNode(best[g.id]?'Best: '+best[g.id].t:'Not played yet')); tile.appendChild(bb);grid.appendChild(tile); }); V.appendChild(grid); if(pc){ var r=btn('bg-reset','Reset all scores',function(){if(window.confirm('Delete all your best scores?')){best={};save('bgBest1',best);home()}}); r.style.marginTop='14px';V.appendChild(r); } } function frame(title){ clearT(); var w=mk('div'),top=mk('div','bg-top'); top.appendChild(btn('','Menu',function(){clearT();home()},'back')); top.appendChild(mk('div','bg-ft',title)); var hud=mk('div','bg-hud');top.appendChild(hud); var body=mk('div');w.appendChild(top);w.appendChild(body); V.innerHTML='';V.appendChild(w); return{body:body,chip:function(l,v){var c=mk('div','bg-chip'),s=mk('span','',l),bb=mk('b','',v);c.appendChild(s);c.appendChild(bb);hud.appendChild(c);return bb}}; } function intro(g,text,buttons){ var f=frame(g.name),p=mk('div','bg-panel bg-center'); var ic=mk('div','bg-bigic');ic.appendChild(icon(g.ic));p.appendChild(ic); p.appendChild(mk('div','bg-ptitle',g.name)); p.appendChild(mk('p','bg-ptext',text)); if(best[g.id]){p.appendChild(mk('div','bg-pbest','Your best: '+best[g.id].t))} var row=mk('div','bg-wrap bg-cen'); buttons.forEach(function(x){row.appendChild(btn('bg-go',x.t,x.fn))}); p.appendChild(row);f.body.appendChild(p); } function finish(g,big,sub,n,note,again){ var prev=best[g.id],isNew=!prev||n>prev.n; if(isNew){best[g.id]={n:n,t:big+(sub?' ('+sub+')':'')};save('bgBest1',best)} var f=frame(g.name),p=mk('div','bg-panel bg-center'); var ic=mk('div','bg-bigic');ic.appendChild(icon('trophy'));p.appendChild(ic); p.appendChild(mk('div','bg-plabel','Your result')); p.appendChild(mk('div','bg-big',big)); if(sub){p.appendChild(mk('p','bg-ptext',sub))} if(note){p.appendChild(mk('p','bg-ptext',note))} if(isNew&&n>0){p.appendChild(mk('div','bg-badge','New personal best'))} else if(prev){p.appendChild(mk('div','bg-pbest','Your best: '+prev.t))} p.appendChild(mk('p','bg-small','Brain Index now: '+brainIndex()+' ('+tier(brainIndex())+')')); var row=mk('div','bg-wrap bg-cen');row.style.marginTop='16px'; row.appendChild(btn('bg-go','Play again',again,'repeat')); row.appendChild(btn('','Share',function(){ var txt='I scored '+big+' in '+g.name+' on Smart Brain Games. Can you beat me? '+window.location.href; window.open('https://wa.me/?text='+encodeURIComponent(txt),'_blank'); },'share')); row.appendChild(btn('','Menu',home,'list')); p.appendChild(row);f.body.appendChild(p); tone(n>0?700:200,.3); } /* ---------- 1. Memory Match ---------- */ var SYM=[ {c:'#c9a227',p:'<circle cx="12" cy="12" r="8"/>'}, {c:'#1e3a8a',p:'<rect x="4" y="4" width="16" height="16" rx="3"/>'}, {c:'#be123c',p:'<path d="M12 3l9 17H3z"/>'}, {c:'#0f766e',p:'<path d="M12 2l9 10-9 10-9-10z"/>'}, {c:'#6d28d9',p:'<path d="M12 2l3 6.5 7 .9-5.1 4.9 1.3 7L12 17.8 5.8 21.3l1.3-7L2 9.4l7-.9z"/>'}, {c:'#ea580c',p:'<path d="M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z"/>'}, {c:'#0e7490',p:'<path d="M12 2l8.7 5v10L12 22 3.3 17V7z"/>'}, {c:'#db2777',p:'<path d="M9 3h6v6h6v6h-6v6H9v-6H3V9h6z"/>'}, {c:'#334155',p:'<path d="M20 14.5A8.5 8.5 0 1 1 9.5 4a7 7 0 0 0 10.5 10.5z"/>'}, {c:'#4d7c0f',p:'<path d="M13 2L4 14h7l-1 8 9-12h-7z"/>'}, {c:'#0284c7',p:'<path d="M12 2s7 7.5 7 12a7 7 0 0 1-14 0c0-4.5 7-12 7-12z"/>'}, {c:'#92400e',p:'<path d="M12 2l9.5 7-3.6 11.5H6.1L2.5 9z"/>'} ]; function symSvg(s){return '<svg viewBox="0 0 24 24" class="bg-sym" style="color:'+s.c+'" aria-hidden="true">'+s.p+'</svg>'} function matchIntro(){ intro(GM('match'),'Tap cards to flip them and find every matching pair. Fewer moves and less time means a higher score.',[ {t:'Easy (4 pairs)',fn:function(){startMatch(4,0.6,'Easy')}}, {t:'Medium (8 pairs)',fn:function(){startMatch(8,0.8,'Medium')}}, {t:'Hard (12 pairs)',fn:function(){startMatch(12,1,'Hard')}} ]); } function startMatch(pairs,factor,label){ var g=GM('match'),f=frame('Memory Match - '+label),moves=0,secs=0,found=0,first=null,lock=false,started=false,tid=null; var cM=f.chip('Moves','0'),cT=f.chip('Time','0s'),cP=f.chip('Pairs','0/'+pairs); var syms=shuffle(SYM).slice(0,pairs),ids=[]; for(var k=0;k<pairs;k++){ids.push(k,k)} var grid=mk('div','bg-mgrid'+(pairs===12?' c6':'')); shuffle(ids).forEach(function(id){ var c=mk('button','bg-mc');c.type='button';c.setAttribute('aria-label','Card'); c.innerHTML='<span class="bg-in"><span class="bg-face bg-b"></span><span class="bg-face bg-f">'+symSvg(syms[id])+'</span></span>'; c.onclick=function(){flip(c,id)};grid.appendChild(c); }); f.body.appendChild(grid); function flip(c,id){ if(lock||c.classList.contains('on')){return} if(!started){started=true;tid=every(function(){secs++;cT.textContent=secs+'s'},1000)} c.classList.add('on');tone(520,.08); if(!first){first={c:c,id:id};return} moves++;cM.textContent=moves; var a=first;first=null; if(a.id===id){ found++;cP.textContent=found+'/'+pairs;tone(760,.15); after(function(){a.c.classList.add('ok');c.classList.add('ok')},350); if(found===pairs){ clearInterval(tid);var s=secs,m=moves; after(function(){ var base=pairs*120-(m-pairs)*15-s*2; base=Math.max(base,pairs*20); var n=Math.max(5,Math.round(Math.min(1,base/(pairs*120))*100*factor)); finish(g,label+': '+m+' moves',s+' seconds',n,'',matchIntro); },1000); } }else{ lock=true;tone(200,.2,'triangle'); after(function(){a.c.classList.remove('on');c.classList.remove('on');lock=false},800); } } } /* ---------- 2. Sequence Memory ---------- */ function seqIntro(){ intro(GM('seq'),'Tiles light up one by one. Repeat the same order by tapping them. Each round adds one more step.',[{t:'Start',fn:startSeq}]); } function startSeq(){ var g=GM('seq'),f=frame('Sequence Memory'),cL=f.chip('Level','1'),seq=[],idx=0,accept=false,tiles=[]; var st=mk('div','bg-status','Get ready...');f.body.appendChild(st); var grid=mk('div','bg-sgrid');f.body.appendChild(grid); for(var i=0;i<9;i++){(function(i){var t=mk('button','bg-st');t.type='button';t.setAttribute('aria-label','Tile');t.onclick=function(){press(i)};tiles.push(t);grid.appendChild(t)})(i)} function flash(i,ms){tiles[i].classList.add('lit');tone(260+i*55,ms/1000);after(function(){tiles[i].classList.remove('lit')},ms)} function next(){ seq.push(rnd(0,8));idx=0;accept=false;cL.textContent=seq.length;st.textContent='Watch carefully...'; var sp=Math.max(300,620-seq.length*18); seq.forEach(function(s,k){after(function(){flash(s,sp*0.7)},700+k*sp)}); after(function(){accept=true;st.textContent='Your turn'},700+seq.length*sp); } function press(i){ if(!accept){return} flash(i,220); if(i===seq[idx]){ idx++; if(idx===seq.length){accept=false;st.textContent='Correct';after(next,800)} }else{ accept=false;tiles[i].classList.add('bad');tone(150,.35,'sawtooth');st.textContent='Wrong tile'; after(function(){var c=seq.length-1;finish(g,'Level '+c,'',Math.min(100,c*7),'You repeated '+c+' round'+(c===1?'':'s')+' correctly.',startSeq)},900); } } after(next,600); } /* ---------- 3. Number Memory ---------- */ function numIntro(){ intro(GM('num'),'A number flashes on screen. Remember it, then type it in. Every correct answer makes the number one digit longer.',[{t:'Start',fn:startNum}]); } function startNum(){ var g=GM('num'),f=frame('Number Memory'),digits=3,cD=f.chip('Digits','3'); function gen(n){var s=''+rnd(1,9);for(var i=1;i<n;i++){s+=rnd(0,9)}return s} function round(){ cD.textContent=digits; var num=gen(digits),ms=1000+digits*450; f.body.innerHTML=''; var p=mk('div','bg-panel bg-center'); p.appendChild(mk('div','bg-plabel','Memorise this number')); p.appendChild(mk('div','bg-num',num)); var bar=mk('div','bg-bar'),fill=mk('span');fill.style.transitionDuration=ms+'ms';bar.appendChild(fill);p.appendChild(bar); f.body.appendChild(p); after(function(){fill.style.width='0%'},80); after(function(){ask(num)},ms); } function ask(num){ f.body.innerHTML=''; var p=mk('div','bg-panel bg-center'); p.appendChild(mk('div','bg-plabel','What was the number?')); var inp=document.createElement('input');inp.type='text';inp.className='bg-input';inp.setAttribute('inputmode','numeric');inp.setAttribute('autocomplete','off'); p.appendChild(inp);p.appendChild(btn('bg-go','Submit',submit)); f.body.appendChild(p);inp.focus(); inp.addEventListener('keydown',function(e){if(e.key==='Enter'){submit()}}); function submit(){ var v=inp.value.replace(/\D/g,''); if(v===num){tone(760,.2);digits++;round()} else{ tone(150,.35,'sawtooth'); var c=digits===3?0:digits-1; finish(g,c+' digits','',Math.min(100,c*9),'The number was '+num+'. You typed '+(v||'nothing')+'.',startNum); } } } round(); } /* ---------- 4. Math Sprint ---------- */ function mathIntro(){ intro(GM('math'),'You have 60 seconds. Tap the correct answer to each sum. Wrong answers cost you a point, and the sums get harder as you go.',[{t:'Start',fn:startMath}]); } function startMath(){ var g=GM('math'),f=frame('Math Sprint'),score=0,wrong=0,left=60,ans=0; var cT=f.chip('Time','60'),cS=f.chip('Score','0'); var bar=mk('div','bg-bar'),fill=mk('span');bar.appendChild(fill);f.body.appendChild(bar); var q=mk('div','bg-q'),opts=mk('div','bg-opts');f.body.appendChild(q);f.body.appendChild(opts); every(function(){ left--;cT.textContent=left;fill.style.width=(left/60*100)+'%'; if(left<=0){clearT();end()} },1000); function problem(){ var lvl=Math.min(score,40),t=rnd(0,2),a,b,txt; if(t===0){a=rnd(5+lvl,20+lvl*2);b=rnd(5+lvl,20+lvl*2);ans=a+b;txt=a+' + '+b} else if(t===1){a=rnd(10+lvl,40+lvl*2);b=rnd(3,a-1);ans=a-b;txt=a+' - '+b} else{a=rnd(2,6+Math.floor(lvl/5));b=rnd(2,9+Math.floor(lvl/6));ans=a*b;txt=a+' x '+b} var set=[ans],guard=0,offs=[-10,-5,-3,-2,-1,1,2,3,5,10]; while(set.length<4&&guard<60){guard++;var o=ans+pick(offs);if(o>=0&&set.indexOf(o)<0){set.push(o)}} while(set.length<4){set.push(ans+set.length*11)} q.textContent=txt+' = ?';opts.innerHTML=''; shuffle(set).forEach(function(v){var bt=mk('button','bg-opt',String(v));bt.type='button';bt.onclick=function(){answer(v)};opts.appendChild(bt)}); } function answer(v){ if(v===ans){score++;tone(700,.08)}else{wrong++;tone(150,.2,'sawtooth')} cS.textContent=Math.max(0,score-wrong);problem(); } function end(){ var net=Math.max(0,score-wrong); finish(g,net+' points',score+' correct, '+wrong+' wrong',Math.min(100,net*4),'',startMath); } problem(); } /* ---------- 5. Logic IQ Test ---------- */ function iqIntro(){ intro(GM('iq'),'Ten number patterns, getting harder each time. You have 30 seconds per question. Spot the rule and pick the next number.',[{t:'Start',fn:startIQ}]); } function genQ(i){ var types=['ap','ap','gp','sq']; if(i>=2){types.push('fib','alt')} if(i>=4){types.push('tri','inter','mulp')} if(i>=6){types.push('cube')} var t=pick(types),s=[],k,a,d; if(t==='ap'){a=rnd(2,20);d=rnd(2,7)+Math.floor(i/2);for(k=0;k<6;k++){s.push(a+d*k)}} else if(t==='gp'){a=rnd(1,4);d=rnd(2,3);for(k=0;k<6;k++){s.push(a*Math.pow(d,k))}} else if(t==='sq'){a=rnd(1,6);d=rnd(0,5);for(k=0;k<6;k++){s.push((a+k)*(a+k)+d)}} else if(t==='fib'){s=[rnd(1,4),rnd(2,6)];for(k=2;k<6;k++){s.push(s[k-1]+s[k-2])}} else if(t==='alt'){a=rnd(2,15);var p1=rnd(2,6),p2=rnd(3,9);s=[a];for(k=1;k<6;k++){s.push(s[k-1]+(k%2?p1:p2))}} else if(t==='tri'){a=rnd(1,10);d=rnd(1,3);s=[a];for(k=1;k<6;k++){s.push(s[k-1]+d+k-1)}} else if(t==='inter'){a=rnd(1,10);var da=rnd(2,5),b0=rnd(30,60),db=-rnd(3,8);for(k=0;k<6;k++){s.push(k%2?b0+db*((k-1)/2):a+da*(k/2))}} else if(t==='mulp'){s=[rnd(1,4)];var c=rnd(1,3);for(k=1;k<6;k++){s.push(s[k-1]*2+c)}} else{a=rnd(1,3);for(k=0;k<6;k++){s.push(Math.pow(a+k,3))}} var ans=s[5],shown=s.slice(0,5),set=[ans]; var cand=shuffle([ans+1,ans-1,ans+2,ans-2,ans+4,ans-4,ans+10,ans-10,2*s[4]-s[3],s[4]+1,s[4]+s[3]]); cand.forEach(function(v){if(set.length<4&&v>0&&set.indexOf(v)<0){set.push(v)}}); while(set.length<4){set.push(ans+set.length*3)} return{shown:shown,ans:ans,opts:shuffle(set)}; } function startIQ(){ var g=GM('iq'),f=frame('Logic IQ Test'),qi=0,ok=0; var cQ=f.chip('Question','1/10'),cS=f.chip('Correct','0'); function next(){ clearT(); if(qi>=10){finish(g,ok+' / 10','correct answers',ok*10,'',startIQ);return} cQ.textContent=(qi+1)+'/10'; var q=genQ(qi),done=false; f.body.innerHTML=''; var p=mk('div','bg-panel bg-center'); p.appendChild(mk('div','bg-plabel','Find the next number')); p.appendChild(mk('div','bg-series',q.shown.join(', ')+', ?')); var bar=mk('div','bg-bar'),fill=mk('span');fill.style.transitionDuration='30s';bar.appendChild(fill);p.appendChild(bar); var opts=mk('div','bg-opts'),bts=[]; q.opts.forEach(function(v){var bt=mk('button','bg-opt',String(v));bt.type='button';bt.onclick=function(){choose(v,bt)};bts.push({v:v,el:bt});opts.appendChild(bt)}); p.appendChild(opts);f.body.appendChild(p); after(function(){fill.style.width='0%'},80); after(function(){choose(null,null)},30000); function choose(v,el){ if(done){return} done=true;clearT(); var right=(v===q.ans); if(right){ok++;cS.textContent=ok;tone(760,.15)}else{tone(150,.3,'sawtooth')} bts.forEach(function(x){if(x.v===q.ans){x.el.classList.add('right')}}); if(el&&!right){el.classList.add('wrong')} qi++;after(next,950); } } next(); } /* ---------- 6. Reaction Time ---------- */ function reactIntro(){ intro(GM('react'),'The box starts dark. The moment it turns gold, tap it as fast as you can. Five rounds. Tapping early restarts the round.',[{t:'Start',fn:startReact}]); } function startReact(){ var g=GM('react'),f=frame('Reaction Time'),times=[],state='wait',t0=0; var cR=f.chip('Round','1/5'),cA=f.chip('Average','-'); var area=mk('div','bg-react');area.setAttribute('role','button');f.body.appendChild(area); f.body.appendChild(mk('p','bg-status','Do not tap before it turns gold.')); function arm(){state='wait';area.className='bg-react wait';area.textContent='Wait for gold...';cR.textContent=(times.length+1)+'/5';after(go,rnd(1200,4000))} function go(){state='go';t0=performance.now();area.className='bg-react go';area.textContent='TAP NOW'} area.addEventListener('pointerdown',function(e){ e.preventDefault(); if(state==='wait'){clearT();state='early';area.className='bg-react early';area.textContent='Too soon. Tap to try again';tone(150,.3,'sawtooth')} else if(state==='early'){arm()} else if(state==='go'){ var ms=Math.round(performance.now()-t0);times.push(ms);state='done'; area.className='bg-react done';area.textContent=ms+' ms';tone(760,.12); var sum=0;times.forEach(function(x){sum+=x});var avg=Math.round(sum/times.length);cA.textContent=avg+' ms'; if(times.length===5){ after(function(){ var n=Math.max(0,Math.min(100,Math.round((500-avg)/320*100))); var note=avg<200?'Elite reflexes.':avg<250?'Excellent reaction time.':avg<320?'Good, above average.':'Average. Keep practising.'; finish(g,avg+' ms','average of 5 taps',n,note,startReact); },1000); }else{after(arm,1000)} } }); arm(); } paintTools();home(); })(); //]]>

TopicsGame

Smart Brain Games

Watch next

Post a Comment

New videos and free tools on our YouTube channel