Fairy Tale Colors: pick a drawing, pick a crayon, tap to color.
Fairy Tale Colors is an HTML5 coloring game for young children with full source code. It is a fairy tale coloring book: princesses, knights, friendly dragons, unicorns, castles and fairies, with a baby unicorn that flies around the screen and cheers the child on. The child picks a drawing, picks a crayon and taps an area: it fills with a soft crayon texture, with sparkles and a happy sound. It is a finished game with music and sound effects, 14 interface languages and a ready-to-host game folder.
Tap to color, no mess
Every white area of a line drawing is a paintable area. One tap fills it, so even toddlers get a clean result; tapping again with another crayon changes the color. Tiny gaps between lines join the area next to them, the shine in the eyes stays white, and a tap on a line answers with a soft sound instead of an error. Undo removes the last color, and the star on the Done! button fills up as the drawing gets painted.
6 categories, 60 drawings
Princesses, Knights, Dragons, Unicorns, Castles and Fairies: ten drawings in each category, each category with its own room background. Arrows slide from drawing to drawing, and drawings already started show the child's colors, with a seal on the finished ones.
36 crayon colors
Three boxes of 12 crayons (bright, soft pastels and deep colors) in a wooden crayon tray. The selected crayon rises, and one button switches to the next box.
Zoom, undo, auto-save and a happy finish
Pinch with two fingers or use the mouse wheel to zoom into small areas, then drag to move around. Every color is saved in the browser at once, so children can leave and come back. Done! shows the finished picture with confetti, and the mascot reacts while the child paints.
14 languages, made for small hands
English, Portuguese, Spanish, French, German, Italian, Dutch, Polish, Turkish, Russian, Indonesian, Japanese, Korean and Chinese, detected from the device and changeable in Settings. Big buttons, picture buttons instead of words where possible, music and sound effects that can be turned off separately, a reduced motion option, optional vibration, keyboard play and screen reader labels.
Your game, your hosting
Plain HTML, CSS and JavaScript with no framework, no build step and no dependencies: upload the contents of the game folder to static HTTP(S) hosting and it runs on phones, tablets and computers, in portrait and landscape. The editable project keeps categories, drawings, crayon colors and the save key in one settings file, every text in one file per language and every picture as a separate file, with tests and copy and serve scripts. Bring your own black and white drawings to make a new coloring book. No ads, no tracking, no accounts and no external requests: it works offline once loaded. The package includes an illustrated offline guide in 14 languages, a separate step-by-step customization guide and the font licence notice.
What this edition does not include
Native apps, hosting and custom development are not included, nor are free brush drawing, printing, sharing, in-app purchases or an advertising SDK. The included translations are supplied as they are: have a native speaker review them before launching in a new market.
Technical details at a glance
- Stack: HTML5, plain JavaScript modules and CSS, Canvas 2D for coloring and Web Audio, with no third-party code and no game engine.
- Files: HTML, CSS, JavaScript, PNG, JPG, SVG, MP3 and WOFF2.
- Languages: 14 interface languages and a guide in 14 languages.
- Saves: the browser's local storage, with no account or cloud sync.
- Tests: Node.js 26 LTS is only used for the optional tests, the local server and the copy command.
