Paint by Habits is a cozy pixel-art habit tracker. Check off your daily habits and watch a hidden picture reveal itself, one tiny square at a time. Missing a day never erases progress — pixels stay revealed forever.
-How you earn pixels: every habit you check off reveals more of the picture — so - the more you do, the more appears. Each check within a day is worth more than the last: your 1st - check paints a little, your 2nd paints more, your 3rd more still. Checking off your whole - list in a day is the sweet spot.
+How you earn pixels: each habit you check off today reveals pixels — your 1st + check reveals 1 pixel, your 2nd reveals 2, your 3rd reveals 3, and so on. Checking off your + whole list in a day is the sweet spot.
Streaks multiply everything. Every consecutive day you show up bumps the multiplier: - on a 3-day streak your 1st check of the day is worth 3× and your 2nd is worth 6×; on a 5-day streak - they're worth 5× and 10×. Come back tomorrow and finish the day's list, and the picture floods in.
+ on a 3-day streak your 1st check of the day reveals 3 pixels and your 2nd reveals 6; on a 5-day streak + they reveal 5 and 10. Come back tomorrow and finish the day's list, and the picture floods in.Everything lives only in this browser's local storage, on this device. Nothing is ever sent anywhere.
@@ -494,7 +493,6 @@ w: img.w | 0, h: img.h | 0, pixels: img.pixels.slice(), seed: (img.seed == null ? 1 : (img.seed >>> 0)), - pixelsPerCheck: Math.max(1, img.pixelsPerCheck | 0 || 1), startedAt: /^\d{4}-\d{2}-\d{2}$/.test(img.startedAt) ? img.startedAt : todayStr() }; } @@ -636,12 +634,12 @@ return order; } - // Escalating daily reward with a streak multiplier: - // • Within a day, the Nth habit checked is worth N "units" (1 + 2 + 3 + … = - // a triangular number), so k checks in a day earn triangular(k) base units. - // • The whole day's units are then multiplied by that day's streak length - // (consecutive active days ending on it): on a 3-day streak the 1st check - // is worth 3 units, the 2nd 6, and so on. + // Escalating daily reward with a streak multiplier, 1 unit = 1 pixel: + // • Within a day, the Nth habit checked reveals N pixels (1st = 1, 2nd = 2, + // ...), so k checks in a day reveal triangular(k) = k·(k+1)/2 pixels. + // • Each of those pixels is then multiplied by that day's streak length + // (consecutive active days ending on it): on a 3-day streak the 1st + // check reveals 3 pixels, the 2nd 6; on a 5-day streak, 5 and 10. // Revealed pixels are re-derived from the log every time rather than stored, // so undo/redo and reloads stay perfectly consistent and past days can never // be un-revealed by unchecking today (a day's streak length counts backwards @@ -673,23 +671,11 @@ function getRevealInfo(image){ var order = getRevealOrder(image); var opaque = order.length; - var revealedCount = Math.min(opaque, Math.floor(revealedUnits(image) * image.pixelsPerCheck)); + var revealedCount = Math.min(opaque, revealedUnits(image)); var set = new Set(order.slice(0, revealedCount)); return { order: order, opaque: opaque, revealedCount: revealedCount, set: set }; } - // Pixels revealed per unit, fixed at image start. Calibrated so a "perfect - // month" — checking all habits every day for 30 days — just fills the image. - // With the streak multiplier a perfect month earns - // Σ_{day=1..30} day × triangular(habitCount) = triangular(30) × triangular(habitCount) - // units, so pixelsPerCheck ≈ opaqueCount / (triangular(30) × triangular(habitCount)). - // Clamped to ≥1 so the very first check always reveals at least one pixel; - // small images just fill in comfortably sooner than a month. - function pixelsPerCheckFor(opaqueCount, habitCount){ - var perfectMonthUnits = triangular(30) * triangular(Math.max(1, habitCount)); - return Math.max(1, Math.round(opaqueCount / perfectMonthUnits)); - } - function randomSeed(){ // Never return 0: normalizeImage treats a missing seed as 1, and a 0 seed // would reshuffle after a save/load round-trip. @@ -712,13 +698,10 @@ } function buildImageFromDef(def){ - var opaque = def.pixels.filter(function(p){ return p != null; }).length; - var habitCount = Math.max(1, state.habits.length); return { name: def.name, source: def.source, w: def.w, h: def.h, pixels: def.pixels.slice(), seed: randomSeed(), - pixelsPerCheck: pixelsPerCheckFor(opaque, habitCount), startedAt: todayStr() }; } @@ -1469,12 +1452,7 @@ // Selecting an upload supersedes any highlighted preset tile. Array.prototype.forEach.call(q('obArtGrid').children, function(c){ c.classList.remove('selected'); }); obSelectedDef = { name: '', source: 'upload', w: result.w, h: result.h, pixels: result.pixels }; - var habitCount = Math.max(1, state.habits.length); - var ppc = pixelsPerCheckFor(opaque, habitCount); - var targetTri = opaque / (ppc * triangular(habitCount)); - var estDays = Math.max(1, Math.ceil((Math.sqrt(1 + 8 * targetTri) - 1) / 2)); - q('obUploadEstimate').textContent = '~' + estDays + ' day' + (estDays === 1 ? '' : 's') + - ' to finish (' + opaque + ' opaque pixels).'; + q('obUploadEstimate').textContent = opaque + ' opaque pixel' + (opaque === 1 ? '' : 's') + ' to reveal.'; q('obStart').disabled = false; }).catch(function(){ obUploadResult = null; @@ -1655,16 +1633,7 @@ return; } lastUploadResult = result; - var habitCount = Math.max(1, state.habits.length); - var ppc = pixelsPerCheckFor(opaque, habitCount); - // With the streak multiplier, D perfect days in a row reveal - // ppc × triangular(habitCount) × triangular(D) pixels - // (each day's units scaled by its streak length 1..D). Solve - // triangular(D) ≥ opaque / (ppc × triangular(habitCount)) for D. - var targetTri = opaque / (ppc * triangular(habitCount)); - var estDays = Math.max(1, Math.ceil((Math.sqrt(1 + 8 * targetTri) - 1) / 2)); - q('uploadEstimate').textContent = '~' + estDays + ' day' + (estDays === 1 ? '' : 's') + ' to finish, ' + - 'checking in daily (' + opaque + ' opaque pixels).'; + q('uploadEstimate').textContent = opaque + ' opaque pixel' + (opaque === 1 ? '' : 's') + ' to reveal.'; q('useUploadBtn').disabled = false; }).catch(function(){ lastUploadResult = null;