index.html

<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>Sightfern: Spot Real Cats, Dogs and Birds With Your Camera, Free Album Game</title>
<meta name="description" content="Point your phone at a real cat, dog or bird: Sightfern recognises it on your device and adds it to your field album. Rarity, badges, daily streak. Free.">
<link rel="canonical" href="https://cybermaxtools.com/games/sightfern/">
<meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
<meta property="og:title" content="Sightfern: Spot Real Cats">
<meta property="og:description" content="Point your phone at a real cat, dog or bird: Sightfern recognises it on your device and adds it to your field album. Rarity, badges, daily streak. Free.">
<meta property="og:url" content="https://cybermaxtools.com/games/sightfern/">
<meta property="og:image" content="https://cybermaxtools.com/games/sightfern/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://cybermaxtools.com/games/sightfern/og.png">
<meta name="theme-color" content="#14231B">
<link rel="manifest" href="manifest.webmanifest">
<link rel="icon" href="icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="icon-192.png">
<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Sightfern">
<link rel="stylesheet" href="fun.css"><link rel="stylesheet" href="style.css">
<script>try{var t=localStorage.getItem('cm-theme');if(t)document.documentElement.dataset.theme=t}catch(e){}</script>
<meta name="twitter:title" content="Sightfern: Spot Real Cats">
<meta name="twitter:description" content="Point your phone at a real cat, dog or bird: Sightfern recognises it on your device and adds it to your field album. Rarity, badges, daily streak. Free.">
<style>.h1kw{display:block;font-size:.42em;font-weight:600;opacity:.75;letter-spacing:.01em;margin-top:.15em}.seo ol,.seo ul{padding-left:1.2em}.seo li{margin:.25em 0}</style>
<script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "VideoGame", "@id": "https://cybermaxtools.com/games/sightfern/#game", "name": "Sightfern", "alternateName": "Spot real animals camera game", "url": "https://cybermaxtools.com/games/sightfern/", "image": "https://cybermaxtools.com/games/sightfern/og.png", "description": "Sightfern turns everyday walks into a collection game. Point your phone's camera at a real cat, dog or bird and an on-device recogniser identifies it, reads its coat or plumage colour and stamps the time of day. Each sighting fills a slot in your field album, with rarity, badges, a daily quest and a streak. Photos, the album and the optional rough location stay on your phone: nothing is uploaded.", "genre": ["Casual", "Collection", "Outdoor", "Photography"], "gamePlatform": ["Web browser", "Android", "iOS", "Windows", "macOS", "ChromeOS"], "applicationCategory": "Game", "operatingSystem": "Any (web browser)", "playMode": "SinglePlayer", "inLanguage": "en", "isAccessibleForFree": true, "offers": [{"@type": "Offer", "name": "Free demo (daily challenge + levels 1-20)", "price": "0", "priceCurrency": "USD"}], "author": {"@type": "Organization", "name": "CyberMax", "url": "https://cybermaxtools.com/"}, "publisher": {"@type": "Organization", "name": "CyberMax"}, "datePublished": "2026-10-09", "keywords": "Spot real animals camera game, free real-world animal spotting game, unblocked, no download, browser game"}, {"@type": "FAQPage", "@id": "https://cybermaxtools.com/games/sightfern/#faq", "mainEntity": [{"@type": "Question", "name": "Is Sightfern free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. The camera recogniser, the Cats, Dogs and Birds albums, badges, quests and streaks are free, with no ads and no sign-up."}}, {"@type": "Question", "name": "Are my photos uploaded?", "acceptedAnswer": {"@type": "Answer", "text": "No. Recognition runs on your device and the album is stored in your browser. Nothing is sent to us or anyone else."}}, {"@type": "Question", "name": "Does it track my location?", "acceptedAnswer": {"@type": "Answer", "text": "No. Location is off unless you switch it on, and then only a rough position (about 11 km) is kept, on your phone only."}}, {"@type": "Question", "name": "Which animals does it recognise?", "acceptedAnswer": {"@type": "Answer", "text": "Cats, dogs and birds in the free albums; the Fun Pass adds horses, sheep, cows, bears, elephants, zebras and giraffes."}}, {"@type": "Question", "name": "Does it work offline?", "acceptedAnswer": {"@type": "Answer", "text": "After the first load, the albums and cards work offline; the recogniser needs your browser's cached copy from the first use."}}]}]}</script>
</head><body>
<div class="wrap wide">
<header class="top"><a class="brand" href="https://cybermaxtools.com/games/"><svg viewBox="0 0 512 512" aria-hidden="true"><clipPath id="lg"><rect width="512" height="512" rx="116"/></clipPath><g clip-path="url(#lg)"><rect width="512" height="512" fill="#FF6A3D"/><path d="M512 250V512H250Z" fill="#D9481F"/></g><g transform="translate(86 86) scale(3.4)"><path d="M66 27 A27 27 0 1 0 66 73" fill="none" stroke="#11141B" stroke-width="17" stroke-linecap="round"/><rect x="66" y="41" width="20" height="18" rx="4" fill="#11141B"/></g></svg>CyberMax</a>
<nav><a href="https://cybermaxtools.com/games/">Games</a></nav><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
<main>
<h1>Spot real cats, dogs and birds    <small class="h1kw">Free real-world animal spotting game</small></h1>
<p class="muted lede">Point your phone at an animal you meet. Sightfern recognises it on your device and adds it to your field album, with its colour, rarity and the time you saw it. Your photos never leave this phone.</p>

<section class="today panel" aria-label="Today">
  <div><span class="lbl">Today's quest</span><b id="quest"></b> <span id="quest-ok" hidden>✅</span></div>
  <div class="tstats"><span class="badge" id="streak" title="Daily streak">🔥 0</span><span class="badge" id="total">📒 0</span><span class="badge" id="found">0 / 0 pages</span></div>
</section>

<section class="cam panel" id="cam-panel" aria-label="Camera">
  <div class="viewer" id="viewer" hidden><video id="video" playsinline muted></video><canvas id="boxes" aria-hidden="true"></canvas><p class="seen" id="seen" aria-live="polite">Looking…</p></div>
  <div class="row center"><button class="btn big" id="cam-btn" type="button">📷 Start camera</button><button class="btn shutter" id="shutter" type="button" hidden disabled>📸 Spot it</button>
    <label class="btn ghost"><input type="file" id="file" accept="image/*" hidden>🖼️ Use a photo</label><button class="btn ghost" id="manual-btn" type="button">✍️ Tag it myself</button></div>
  <p class="muted small" id="cam-note">The recogniser downloads the first time you use it (about 14 MB; your browser keeps a copy) and runs on this device. No photo, video or location is uploaded.</p>
</section>

<dialog id="sheet" class="sheet" aria-labelledby="sheet-title">
  <h2 id="sheet-title">New sighting!</h2>
  <canvas id="card" width="1080" height="1350" aria-label="Your sighting card"></canvas>
  <p id="sheet-info" class="muted small"></p>
  <div class="row center"><button class="btn" id="share" type="button">Share card</button><button class="btn ghost" id="dl" type="button">⬇ Save card</button><button class="btn ghost" id="sheet-close" type="button">Done</button></div>
  <div id="sheet-after"></div>
</dialog>

<dialog id="tagger" class="sheet" aria-labelledby="tag-title">
  <h2 id="tag-title">Tag it yourself</h2>
  <p class="muted small" id="tag-why">Pick what you saw. Self-tagged sightings get a ✍️ stamp.</p>
  <div class="chips" id="tag-species" role="group" aria-label="Animal"></div>
  <div class="chips" id="tag-colour" role="group" aria-label="Colour"></div>
  <div class="row center"><button class="btn" id="tag-save" type="button" disabled>Add to album</button><button class="btn ghost" id="tag-cancel" type="button">Cancel</button></div>
</dialog>

<section class="album panel" aria-label="Your field album">
  <div class="row between"><h2>Your field album</h2><button class="btn pass sm" id="pass-btn" type="button">✨ Fun Pass</button></div>
  <div class="tabs" role="tablist" id="tabs"></div>
  <div class="slots" id="slots"></div>
  <h3>Badges</h3><div class="badges" id="badges"></div>
  <h3>Card frame</h3><div class="chips" id="frames" role="group" aria-label="Card frame"></div>
</section>

<section class="panel settings" aria-label="Privacy settings">
  <h2>Privacy</h2>
  <label class="toggle"><input type="checkbox" id="loc"> Note roughly where I saw each animal (about 11 km precision, kept only on this phone). Off unless you switch it on.</label>
  <p class="muted small">Sightfern has no account and no server: photos, the album and the optional rough location are stored in this browser only. Clearing the site's data or the button below deletes them for good.</p>
  <div class="row"><button class="btn ghost sm" id="wipe" type="button">🗑️ Delete all my sightings</button><button class="btn ghost sm" id="install" type="button" hidden>📲 Add to Home Screen</button></div>
</section>

<section class="seo" id="guide">
<h2>Sightfern: spot real animals camera game</h2>
<p>Sightfern turns everyday walks into a collection game. Point your phone&#x27;s camera at a real cat, dog or bird and an on-device recogniser identifies it, reads its coat or plumage colour and stamps the time of day. Each sighting fills a slot in your field album, with rarity, badges, a daily quest and a streak. Photos, the album and the optional rough location stay on your phone: nothing is uploaded.</p>
<h2>How to play Sightfern</h2>
<ol><li>Tap Start camera and point it at a cat, dog or bird you meet (or pick a photo from your gallery).</li><li>When a dashed box appears around the animal, tap Spot it.</li><li>Sightfern reads the animal&#x27;s colour and the time of day and adds a sighting card to your album.</li><li>Fill every colour slot on the Cats, Dogs and Birds pages and collect badges.</li><li>Spot at least one animal a day to keep your streak; complete the daily quest.</li></ol>
<h3>Controls</h3>
<p><b>Phone and tablet:</b> Use the back camera: hold the animal in the frame until the dashed box appears, then tap Spot it.</p>
<p><b>Desktop, laptop and Chromebook:</b> Use a webcam or choose a photo file; the same recogniser runs in your browser.</p>
<h2>Sightfern tips and strategy</h2>
<ul><li>Get close enough that the animal fills about a third of the frame.</li><li>Night sightings (after 9 pm) rank one rarity higher.</li><li>Patched (two-colour) cats and dogs are rare: look for tuxedo, calico and piebald coats.</li><li>No animal around? Tag a past photo yourself; it gets a ✍️ stamp.</li></ul>
<h2>Game modes</h2>
<ul><li>Cats, Dogs and Birds albums (free): colour slots, rarity, badges, daily quest and streak.</li><li>Tag it myself (free): add a sighting by hand when the camera can&#x27;t see it.</li><li>Fun Pass: Farm and Wild &amp; zoo albums (horses, sheep, cows, bears, elephants, zebras, giraffes) and Gold, Film and Holo card frames.</li></ul>
<p>Spotting, the Cats, Dogs and Birds albums, badges, quests and streaks are free, with no ads and no sign-up. The Farm and Wild & zoo albums and extra card frames come with the optional <a href="https://cybermaxtools.com/games/#pass">CyberMax Fun Pass</a> ($2.99/month, $19/year or $29.99 for life), which also opens extras in every CyberMax game.</p>
<h2>Sightfern FAQ</h2>
<h3>Is Sightfern free?</h3><p>Yes. The camera recogniser, the Cats, Dogs and Birds albums, badges, quests and streaks are free, with no ads and no sign-up.</p>
<h3>Are my photos uploaded?</h3><p>No. Recognition runs on your device and the album is stored in your browser. Nothing is sent to us or anyone else.</p>
<h3>Does it track my location?</h3><p>No. Location is off unless you switch it on, and then only a rough position (about 11 km) is kept, on your phone only.</p>
<h3>Which animals does it recognise?</h3><p>Cats, dogs and birds in the free albums; the Fun Pass adds horses, sheep, cows, bears, elephants, zebras and giraffes.</p>
<h3>Does it work offline?</h3><p>After the first load, the albums and cards work offline; the recogniser needs your browser&#x27;s cached copy from the first use.</p>
<h2>Similar free games</h2>
<div class="more"><a href="https://cybermaxtools.com/games/pawfoil/"><b>Pawfoil</b><span>Make your pet a holo trading card</span></a><a href="https://cybermaxtools.com/games/wreckwren/"><b>Wreckwren</b><span>Wreck any website with a stickman</span></a><a href="https://cybermaxtools.com/games/kenwren/"><b>Kenwren</b><span>How well do your friends know you?</span></a><a href="https://cybermaxtools.com/games/"><b>All CyberMax games</b><span>Free browser games, no download</span></a></div>
</section>
</main>
<footer class="foot muted small"><a href="https://cybermaxtools.com/games/">More free games</a> · <a href="https://cybermaxtools.com/privacy.html">Privacy</a> · <a href="https://cybermaxtools.com/terms.html">Terms</a> · Animal recognition by Google MediaPipe (Apache-2.0) · © 2026 CyberMax</footer>
</div>
<script type="module" src="game.js"></script>
<!-- cybermax-count:start --><script>(function(){try{var u="https://data.cybermaxtools.com/v?p="+encodeURIComponent(location.host+location.pathname)+"&r="+encodeURIComponent((document.referrer||"").split("/")[2]||"")+(function(){var q=new URLSearchParams(location.search),s=q.get("utm_source"),t=(q.get("s")||"").toLowerCase().replace(/[^a-z0-9-]/g,"-").slice(0,80);return s?"&us="+encodeURIComponent(s)+"&uc="+encodeURIComponent(q.get("utm_campaign")||""):t?"&us=s&uc="+encodeURIComponent(t):""})();navigator.sendBeacon?navigator.sendBeacon(u):(new Image).src=u}catch(e){}})()</script><!-- cybermax-count:end --></body></html>