(function () { var h = document.documentElement, root = document.getElementById('loader'); if (!root || h.classList.contains('no-loader')) return; var landed, skip = false; window.__slLanded = new Promise(function (r) { landed = r; }); var reduced = matchMedia('(prefers-reduced-motion: reduce)').matches; var score = Math.max(0, Math.min(1000, Number(h.dataset.ldScore) || 771)); // the same prefs the site reads (lib/score.ts): stored choices, then the URL, Computer Science by default var CATS = ['OPEN', 'EWS', 'OBC-NCL', 'SC', 'ST'], cat = 'OPEN', branch = 'cse'; try { var c = localStorage.getItem('sl-cat'), b = localStorage.getItem('sl-branch'); if (CATS.indexOf(c) >= 0) cat = c; if (b) branch = b; } catch (e) {} try { var u = new URLSearchParams(location.search); if (CATS.indexOf(u.get('cat')) >= 0) cat = u.get('cat'); if (u.get('branch')) branch = u.get('branch'); } catch (e) {} var field = root.querySelector('.ldr__field'), cv = root.querySelector('.ldr__cv'); var numEl = root.querySelector('[data-ld=num]'), clrEl = root.querySelector('[data-ld=clr]'), ofEl = root.querySelector('[data-ld=of]'); // text goes into data-v, which CSS shows: React renders these nodes empty and never sees the attribute var put = function (el, v) { if (el) el.setAttribute('data-v', v); }; if (!field || !cv || !cv.getContext) { landed(); return; } var g = cv.getContext('2d'); var ACC = '#4b3bb0', INK = '18,19,22', T0 = performance.now(), base = 0; var NEEDLE_AT = 0.9, NEEDLE_FOR = 1.05, FLY = 0.75; var dots = null, mineTotal = 0, W = 0, H = 0, dpr = 1, lastN = -1, lastC = -1, doneAt = 0; var fmt = function (n) { return n.toLocaleString('en-IN'); }; var inOut = function (t) { return t < 0.5 ? 8 * t * t * t * t : 1 - Math.pow(-2 * t + 2, 4) / 2; }; var outExpo = function (t) { return t >= 1 ? 1 : 1 - Math.pow(2, -10 * t); }; var rnd = (function () { var s = 7; return function () { s = (s * 16807) % 2147483647; return s / 2147483647; }; })(); function size() { dpr = Math.min(window.devicePixelRatio || 1, 2); W = field.clientWidth; H = field.clientHeight; cv.width = Math.round(W * dpr); cv.height = Math.round(H * dpr); if (dots) place(); } // every program gets a slot: binned along the ruler, your branch at the foot of each stack, the rest above it function place() { var binPx = W > 720 ? 6 : 4, bins = Math.max(1, Math.floor(W / binPx)), stacks = [], i, d; for (i = 0; i < dots.length; i++) { d = dots[i]; d.b = Math.min(bins - 1, Math.floor(d.cut / 1000 * bins)); (stacks[d.b] = stacks[d.b] || []).push(d); } var tallest = 1; for (i = 0; i < stacks.length; i++) if (stacks[i]) { stacks[i].sort(function (a, b) { return (b.mine - a.mine) || (a.cut - b.cut); }); tallest = Math.max(tallest, stacks[i].length); } var unit = Math.min(binPx, (H - 8) / tallest), dh = Math.max(1, unit - (unit > 3 ? 1.1 : 0.35)), dw = binPx - (binPx > 4 ? 1.6 : 1.1); for (i = 0; i < stacks.length; i++) if (stacks[i]) for (var k = 0; k < stacks[i].length; k++) { d = stacks[i][k]; d.tx = i * (W / bins) + 0.5; d.ty = H - (k + 1) * unit; d.w = dw; d.h = dh; if (d.sx == null) { d.sx = rnd() * W; d.sy = rnd() * H * 1.1 - H * 0.35; d.delay = 0.08 + (d.tx / W) * 0.42 + rnd() * 0.22; } } } function load(d) { var fam = -1, p = d.p, n = Math.floor(p.length / 3), i; for (i = 0; i < d.f.length; i++) if (d.f[i][0] === branch) fam = i; dots = []; for (i = 0; i < n; i++) { var f = parseInt(p.charAt(i * 3 + 2), 36) - 1, mine = fam < 0 || f === fam; dots.push({ cut: parseInt(p.substr(i * 3, 2), 36), mine: mine ? 1 : 0, lit: 0 }); if (mine) mineTotal++; } base = Math.min(0.9, Math.max(0, (performance.now() - T0) / 1000 - 0.05)); put(ofEl, 'of ' + fmt(mineTotal) + ' ' + (fam < 0 ? 'M.Tech' : d.f[fam][1]) + ' programs \u00b7 ' + cat); root.classList.add('has-data'); place(); } function frame(now) { if (!root.isConnected || root.hidden) return; var t = reduced || skip ? 99 : (now - T0) / 1000; var na = NEEDLE_AT + base, q = Math.min(1, Math.max(0, (t - na) / NEEDLE_FOR)); var nv = score * inOut(q), nx = nv / 1000 * W; g.setTransform(dpr, 0, 0, dpr, 0, 0); g.clearRect(0, 0, W, H); if (q > 0) { var glow = g.createRadialGradient(nx, H, 0, nx, H, H * 1.1); glow.addColorStop(0, 'rgba(75,59,176,0.1)'); glow.addColorStop(1, 'rgba(75,59,176,0)'); g.fillStyle = glow; g.fillRect(0, 0, W, H); } var cleared = 0; if (dots) for (var i = 0; i < dots.length; i++) { var d = dots[i], p = Math.min(1, Math.max(0, (t - base - d.delay) / FLY)), e = outExpo(p); var x = d.sx + (d.tx - d.sx) * e, y = d.sy + (d.ty - d.sy) * e - Math.sin(Math.PI * e) * 18; var on = p >= 1 && d.cut <= nv; if (on && !d.lit) d.lit = t; if (d.mine && d.cut <= nv) cleared++; var flash = d.lit ? Math.max(0, 1 - (t - d.lit) / 0.4) : 0; if (p <= 0) g.fillStyle = 'rgba(' + INK + ',' + (0.06 + 0.06 * Math.sin(t * 9 + d.sx)) + ')'; else if (!on) g.fillStyle = d.mine ? 'rgba(' + INK + ',0.3)' : 'rgba(' + INK + ',0.07)'; else if (!d.mine) g.fillStyle = 'rgba(' + INK + ',' + (0.13 + flash * 0.2) + ')'; else g.fillStyle = d.cut > score - 25 ? ACC : flash > 0 ? 'rgba(75,59,176,' + flash + ')' : '#121316'; var grow = d.mine ? flash * 1.6 : 0; g.fillRect(x - grow / 2, y - grow, d.w + grow, d.h + grow); if (d.mine && on && flash > 0 && d.cut <= score - 25) { g.fillStyle = 'rgba(' + INK + ',' + (1 - flash) + ')'; g.fillRect(x - grow / 2, y - grow, d.w + grow, d.h + grow); } } if (q > 0) { g.fillStyle = ACC; g.fillRect(nx - 1, 6, 2, H - 6); g.beginPath(); g.arc(nx, 6, 4.5, 0, Math.PI * 2); g.fill(); } if (doneAt) { var r = Math.min(1, (t - doneAt) / 0.9); g.strokeStyle = 'rgba(75,59,176,' + (1 - r) + ')'; g.lineWidth = 2; g.beginPath(); g.arc(nx, 6, 4.5 + r * 30, 0, Math.PI * 2); g.stroke(); } var n = Math.round(nv); if (n !== lastN) { put(numEl, n >= 1000 ? '1000' : String(n).padStart(3, '0')); lastN = n; } if (cleared !== lastC && dots) { put(clrEl, fmt(cleared)); lastC = cleared; } if (q >= 1 && !doneAt && (dots || t > na + NEEDLE_FOR + 0.6)) { doneAt = t; root.classList.add('is-landed'); landed(); } if (t < 8 || !doneAt) requestAnimationFrame(frame); } size(); window.addEventListener('resize', size); root.addEventListener('pointerdown', function () { skip = true; }, { once: true }); fetch('/data/intro-' + cat + '.json').then(function (r) { return r.json(); }).then(load).catch(function () { dots = null; root.classList.add('no-data'); }); requestAnimationFrame(frame); })();