Stroke Order and Pinyin Tones: How Piko Teaches Both Together

The short answer

Stroke order and tone are two different systems. One is a set of rules for how a character's lines are laid down, and it is learned by eye and hand. The other is a property of the sound, and it is learned by ear. An app that teaches them has to do both, and the tone in particular has to be spoken aloud rather than merely marked on the page.

The app teaches both on one character card, and the card is free. It shows the character's meaning, its pinyin with tones spoken aloud, a stroke-order animation, and where the character came from. You get there by photographing something the child already recognises — an apple, a cup, the moon — so the tone and the strokes belong to a word with a referent the child can point at, rather than to a numbered character on a list.

If you would rather skip the argument, Piko is on the App Store. The rest of this page is about what the four ways actually consist of, and where they stop.

Why the searcher is here

Almost nobody searches "stroke order and pinyin tones" because they want a diagram. The question behind it is nearly always one of two things.

The first is the heritage gap. A child who hears Chinese at home recognises the sound of it long before they can read it — a grandmother's voice is familiar, the characters on the takeout box are not. Chinese is already part of that child's everyday world: the food, the labels, the names of relatives. What is missing is a route from the sound they already know to the word they can read.

The second is the tutor gap: an adult who can say that stroke order is not arbitrary but cannot explain why, and a child who can copy 汉字 neatly and still freezes the first time a character appears mid-word.

Behind both is the thing that makes this query awkward to answer with a chart. Pinyin makes tone visible — a mark above a letter — but it does not put the sound in the learner's ear. And the stroke order is a second, separate skill that a child practising tone is not automatically getting. Most material teaches these as two subjects. Piko attaches them to the same object.

Why tone is not an accent

Piko shows the word with pinyin and tones — 苹果, píng guǒ. The tone is part of the word rather than a decorative mark on it, and the reason is concrete: the same syllable with a different tone is a different word. 妈 mā is mother, 麻 má is hemp, 马 mǎ is horse, 骂 mà is to scold. A learner who skips tone is not making a small mistake; they are carrying a vocabulary that does not resolve, and they will meet its consequences the first time they hear a speaker choose between two of those words.

Two further points matter for a child who is new to the language. First, the mark itself is a convention for writing a sound — ǎ on a letter is a way of writing "the third tone", not the third tone. Second, and this is the part a chart cannot do, Piko speaks the tone: the card reads the pinyin with its tones aloud, so the learner hears the contour rather than inferring it from a diacritic. Seeing ǒ and hearing it are different steps, and a child who has only ever seen the mark has learned half the bridge.

On a device set to a language other than Chinese, it shows English glosses beside the character, so a child who cannot read yet still has something to hold. On a Simplified Chinese device the framing follows the mainland primary-school syllabus instead.

Why stroke order follows rules, not memory

Tracing the stroke order is how a child learns a character is writable and not only readable. The order is not arbitrary, and the rules behind it are learnable:

• Left to right, top to bottom. 横 comes before 竖 on 十; 林 writes 木 before 木, not 木 beside 木.
• Outside before inside. 囗 closes around what is inside it — 国 is 国 without the closing stroke first.
• Top before bottom. 草字头 components are written above what they sit over.
• Enclosure signals last. The ㇆ stroke is written as a single motion that closes the box, and it comes after the contents.
• A component is finished before the next begins. 妈 is 女 then 马; the 马 is not left half-done while the 女 is started.

None of this is Piko-specific — every dictionary of the language encodes it — but a child who has only ever copied a finished character has been asked to memorise a convention rather than learn a system. Piko animates the order on the card, so the path is visible next to the meaning and the tone.

The fourth angle: where the character came from

The origin view is the one that survives a gap of weeks. Stroke order answers "how do I draw this?"; origin answers "what is this shape?" — and it is the answer that lets a symbol be recovered from memory rather than looked up again. 木 is a tree; 林 is two trees, a wood. That is the idea the shape is holding, and a character that has a shape you can picture is a character you can recall.

Be honest about the limit: origins are not equally solid. Pictographs such as 日 and 山 are well documented; many other characters were reconstructed long after the fact, and some of what circulates is folk etymology. A heritage parent who says "this character literally means a mountain" about a character that does not is teaching a mnemonic as if it were a fact, and it is worth asking whether an app is telling you a reconstruction as though it were settled.

What Piko does differently, and where it stops

The entry point is the difference. Most Chinese-learning resources begin with a word list or a chart. The app begins with the camera. The stroke order it animates and the tone it speaks are attached to a word the child photographed themselves, minutes earlier — 苹果 that is the apple in their own hand.

The limits are worth stating, because they follow directly from that choice:

• Only photographable things. An apple, a cup, a toy, the moon. Words that are not objects — emotions, actions, qualities — do not resolve, so the stroke order and tone of those characters are not something it introduces.
• The camera feed, not an image picker. Recognition is on-device object naming, not reading Chinese text out of a photo.
• No pronunciation scoring, no handwriting grading. The tone is taught by ear and by mark, not by recording the child. Tracing is the writing path; it is not an assessment.
• Recognition is bounded by what it recognises. The word and characters come from the recognised object, so coverage is everyday objects rather than the whole language.

For the free line: Free: photo recognition, the personal gallery, word cards, and all four character-card views. Piko Pro adds spaced-repetition review, radical and character-family exploration, achievements, and grade-level curriculum progress — that is, the things that make characters stay, not the things that teach them in the first place. The core learning flow — cards, tracing, review, curriculum progress — runs on-device, so no account, no sign-in, and no connection is needed to trace a stroke. It requires iOS 17 and is rated 4+.

How to decide

If you want an app that teaches stroke order and tone together and attaches both to something real, the free tier is enough to try it on ten objects this week. What Pro adds is retention — review that brings a character back before it is forgotten, and families of characters that share a radical — and if the goal is a heritage child who keeps what they learn, that is where the value is.

If you are looking for an app that pronounces a child's Chinese and marks their tones, this is not it. If you are looking for one that grades freehand handwriting, this is not it. If you are looking for coverage of the language beyond the objects in your house, this is not it.

For a heritage family, the thing to look for is not the number of characters but whether the word the child hears at home is also a word they can read. Piko is built so those are the same word — the one in the photograph.