Your mascot is running
This page is for you, not your visitors. The character is in the corner — tap it. Below, check that everything is connected, flip through its frames, and line up its mouth and eyes.
What is connected
- Reading the settings…
Test the brain and the voice
One question to the brain, and the greeting through the voice. If something is wrong, the reason appears here in plain words — the same reason your visitors would only see as “something's gone wrong”.
Nothing tested yet.
Put it on your site
Paste this line just before </body>, then add your site's address to allowedSites in config/settings.json and upload the folder again.
Try the face
The flip test
Every frame the character uses. Only the eyes, the mouth or the face should differ from base. A dashed box means the file is missing or misnamed.
Line up the mouth and the eyes
The blue box is where the eyes are taken from, the red one the mouth. Move them until each sits over its feature with a little room around it, watch the big face in the open panel, then copy the result into config/character.json as "face". Numbers are percent of the picture: left, top, width, height.
Shrink your frames
Pictures straight from Gemini are big — about a megabyte and a half each, eighteen for all twelve — and every visitor would download them. Choose all twelve here: this page makes them 512 pixels square, saves them as JPGs, and hands you one character.zip. Nothing is uploaded anywhere; it all happens in this browser.
No pictures chosen yet.