🐄 Sunny Barn Farm 🐔
A gentle first farm game for ages 1–5.
Explore the farm, listen to the animals, learn their names and sounds, and count
the sleeping animals inside the big red barn at night.
Everything is drawn and synthesised in the browser: no downloads, no internet needed
(HTML5 Canvas graphics, Web Audio sound and music, Web Speech narrator). It installs
to a home screen and plays fully offline.
Made for phones and tablets first — play it in landscape; buttons and text grow to
finger size on small screens, portrait mode shows a friendly "turn your phone" screen,
and every animal has an extra-large touch target. Works great on desktop too.
🏷️ Store listing copy
Name: Sunny Barn Farm
Age rating: 1–5 years
Short description: Learn animal names and sounds, and count the animals in the barn.
What your child learns
- Learn different animal names and sounds — tap any animal to hear its name
spoken and its real call: "Cow! This is a cow. The cow says Moo!"
- Counting animals — count the sleeping animals in the barn out loud with the
narrator, then answer a "how many?" quiz.
Also in the box: a listening game, an egg hunt, a day/night farm that changes
while you play, and no ads, no in-app purchases, and nothing to read.
▶ Run it (localhost)
Option 1 – double-click Start Farm Game.bat (Windows). It starts a local server and opens the game.
Option 2 – terminal
python3 serve.py
then open http://localhost:8080/ in your browser (it opens automatically).
Option 3 – any static server, e.g. npx serve -l 8080 from this folder.
On Windows the command is python serve.py; on macOS/Linux it is usually python3.
☁️ Host it on Vercel
The game is 100% static, so Vercel needs no build step:
- Go to https://vercel.com/new and import the
farmgamedemo GitHub repo.
- Framework preset: Other — leave Build Command empty and Output Directory as the repo root.
- Click Deploy. Done — every push to
main redeploys automatically.
(vercel.json sets cache headers; .vercelignore keeps local-dev files out of the
deployment. Or from a terminal: npx vercel.)
📱 Install it as an app
manifest.webmanifest + sw.js make the game installable and fully offline.
- iPad / iPhone — open the site in Safari → Share → Add to Home Screen.
- Android — Chrome offers Install app automatically.
- Desktop (Windows / macOS / Linux) — Chrome or Edge show an install icon in the
address bar; it then runs in its own window with no browser chrome.
This is the quickest route to a "desktop version" and an "iPad version" without a
native rewrite. For the app stores proper (Apple App Store, Google Play, Amazon
Appstore / Fire tablets & Kindle Fire) the same folder can be wrapped with Capacitor
or Google's Bubblewrap — the game itself needs no changes.
Turn your sound on 🔊 and tap ▶ Let's Play! — browsers only allow audio after a tap.
🎮 How to play
| Action | What happens |
|---|
| Tap an animal | Speech bubble + real animal sound + narrator: "Cow! This is a cow. The cow says Moo!" and a big name card |
| Tap it twice | The animal does a trick (cow jumps & munches, horse rears & gallops, pig rolls in mud, sheep/goat boing, dog spins, cat pounces, chicken flaps & lays an egg, rooster crows, duck dives, frog jumps between lily pads, owl hoots) |
| Tap the big red barn | Go inside the barn |
| 🎧 Listen! | Mini-game: a sound plays, three animals light up — tap the one that made it |
| 🥚 Egg Hunt! | Mini-game: five eggs are hiding around the farm; find and count them |
| 🌞 / 🌙 button | Switch day and night (it also cycles by itself: ~2 min day, ~1¼ min night) |
| 🔊 / 🎵 buttons | Toggle sound effects + narrator / background music |
| ❓ | Show the help screen again |
| Tap the tractor / scarecrow / windmill | Honk! Caw! Whoosh! |
| ⭐ Stars | Earn a star for every counting job, quiz answer and listening round (they're saved between visits); count every animal in the barn for a 3-star firework celebration |
🌞 Daytime
Cows, horses, pigs, sheep, a goat, chickens, a rooster, ducks, a dog and cats wander, graze, peck and swim.
A banjo tune plays, you hear birds and a breeze, and animals call out now and then (watch who is talking!).
The barn is empty inside — just hay and sunbeams — but you can hear the animals outside (muffled).
🌙 Night-time
At dusk the animals all walk into the barn and the doors close. The farm goes dark:
fireflies come out, an owl hoots in the tree, frogs croak on the lily pads, crickets chirp,
bats fly by, and you can hear the barn snoring. A music-box lullaby replaces the banjo.
Inside the barn all the animals are asleep, snoring with little "z"s.
- Tap an animal → the narrator counts with you: "One… two… three! There are three pigs! Great counting!"
Each counted animal gets a number badge.
- Tap twice → the animal wakes for a moment and makes its sound.
- 🧮 Quiz Me! → "How many cats are sleeping?" The camera zooms in on just those
animals and fades the rest, so there is only one thing to count. Tap the number.
Right answer: confetti + celebration + counting together. Wrong answer: "Let's count them together!", then it asks again.
- 🔄 Count Again clears the badges.
🎮 Mini-games
Seven little games, each teaching something different, each drawn with the farm's own
art and spoken by the farm's own narrator. Tap 🎮 on the farm to pick one, or open
minigames/ (https://farmgamedemo.vercel.app/minigames/) for the standalone showcase.
Stars earned in a mini-game count on the farm and vice versa.
以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗
