MotifDeck Game Art Notes

By Allen Zhao for MotifDeck. Prepared with AI assistance. When a character animation plays backwards or jumps between poses after import, check the frame order before redrawing the artwork. 1. Record the intended sequence In the source editor, note the selected frames in the order they should play. Keep intentional repeated frames and a reverse leg: a list of unique images would lose that information. Record frame durations too, since a hold can make a correct order feel unusual. 2. Inspect exported names Compare the filenames with the intended sequence. Plain alphabetical sorting puts frame1.png , frame10.png , then frame2.png . Zero-padded names such as frame01.png , frame02.png and frame10.png sort in numeric order in that example. Do not rename your only copy; back it up and check project references first. 3. Check import and playback separately Look at the engine’s imported frame list or atlas metadata before pressing play. If that list already differs from the exported sequence...

By Allen Zhao on behalf of MotifDeck. Prepared with AI assistance. A sprite sheet is a texture that holds several frames. A quick capacity estimate can tell you whether a proposed sheet has enough space before you spend time arranging frames. This estimate assumes a regular grid of equal-size cells; a tight packing algorithm can produce different results. Start with the complete cell size Write down the canvas width and height of one frame. Then add the space you want on both sides of that frame. For example, a 32 × 32 frame with 2 pixels of padding on each edge needs a 36 × 36 cell. This assumes padding belongs to every cell; if your exporter shares padding between neighbors, use that exporter's actual spacing rule instead. Count the columns and rows Divide the sheet width by the cell width and round down. Repeat for sheet height and cell height. Multiply the two whole numbers. For a 512 × 512 sheet and 36 × 36 cells, each dimension holds 14 cells, leaving 8 pixels unused along th...

By Liangqi Zhao for MotifDeck. Prepared with AI assistance. A folder of animation frames is only part of a game-art handoff. A concise note preserves ordering, timing and context so the next person can reproduce the sequence. This checklist is independent of the art tool used. Describe the sequence Name the action, for example walk_right , and record whether it loops, the file order and timing. Specify whether each duration applies to an individual frame or the whole sequence. If a character is mirrored, check whether asymmetric accessories still look correct. An illustrative manifest This JSON is an example team note, not a MotifDeck export format or an engine import specification. Replace the values with your own files. { "action": "walk_right", "loop": true, "frames": [ { "file": "walk_001.png", "duration_ms": 100 }, { "file": "walk_002.png", "duration_ms": 150 }, { ...

By Liangqi Zhao for MotifDeck , an AI game art workspace. This guide was prepared with AI assistance. A character can look steady in each image but jump when a game switches frames. Separate the canvas, the visible silhouette, and the reference point used to place the character. 1. Keep a consistent canvas Place each frame on a canvas with the same dimensions. If one frame is cropped more tightly than another, a renderer that places every top-left corner at the same coordinates can make the character jump. Keep original frames separately so the crop can be revisited. 2. Choose a meaningful anchor For a walking character, a point near the feet can be a useful reference. For a flying character, the body center may work better. A pivot is a placement reference, not an instruction to freeze the drawing. Record it in pixels or normalized coordinates and check how the target engine interprets it. 3. Test at actual playback size Place frames on the same background and play the sequence. L...

By Liangqi Zhao, on behalf of MotifDeck. This article was generated with AI assistance. When a game animation needs a revision, the hard part is often finding which character image and frame selection produced the version currently in the game. A lightweight record can prevent a clean export from being mistaken for the source, or a newer experiment from replacing an approved asset. 1. Identify the approved starting image Keep the source image alongside a short identifier and a note about its intended character and view. If you revise the image, give the revision a new identifier instead of silently replacing the old file. Keep reference images separately from the asset actually approved for animation. 2. Record what you selected After producing a pool of frames, record the chosen frame sequence and its playback timing. Keep the unselected source frames if you may need them later. Two exports can look similar but use different frame order or holds, so a filename alone may not expla...

By Liangqi Zhao, on behalf of MotifDeck. This guide was written with AI assistance and is shared on behalf of MotifDeck. It offers general production guidance, not a claim of a measured test. A character can look correct in one frame and still flicker in motion. Small differences in color, edge transparency, or background treatment can become more noticeable at playback speed. Use these checks with frames from any source. Pick a reference frame Choose a pose where the face, clothing and accessories are easy to see. Keep the original untouched and compare each candidate against it before making corrections. Inspect flat regions and edges separately Compare the largest clothing and skin regions first. Zoom into the outline, hair and transparent edges; a small edge color difference can look like shimmer even when the interior appears consistent. Preview against light and dark backgrounds A fringe may be invisible on the color where it was created but obvious in the game. Check both backgr...

A convincing walk cycle can still feel abrupt when the character stops. This practical checklist focuses on the handoff from walking to idle, where a change in pose, foot position or timing can produce a visible snap. This article is maintained by the MotifDeck team. The public motion and frame-selection demo is one way to inspect source frames; these checks also apply to hand-drawn animation. 1. Choose the handoff moment Play the walk at the intended speed. Pick a frame where the supporting foot is close to the idle stance. A handoff is easier to judge when the feet do not abruptly exchange positions. If the character stops mid-stride, consider a separate stop pose rather than hiding a large jump. 2. Compare the silhouette and pivot Place the last walk frame and the first idle frame on the same canvas. Check the feet, hips, head and held props. A stable pivot keeps the character from shifting unexpectedly when the game swaps animations. Compare the transparent edges against both ligh...

 A motion clip can contain many frames, but a useful game animation needs a readable action and a loop that works at the scale players will see. This practical checklist is written by the MotifDeck team. 1. Identify the action Watch the entire motion before choosing frames. Find the starting pose, the strongest action pose, and the recovery or ending pose. These are your anchors; keep them in the correct order. 2. Check the silhouette View each candidate against a plain contrasting background. Look for overlapping arms, accessories that merge into the body, or an abrupt change in the outline. Transparency makes it easier to see where the character ends, but it is still worth checking the actual edges. 3. Choose useful in-between poses Add frames that explain changes between the anchor poses. If two consecutive frames communicate nearly the same pose, try removing one and compare the playback. Avoid choosing a fixed number before you know what the action needs. 4. Adjust timing in c...

A scarf, feather or loose accessory can help a character feel responsive, but it can also make a loop difficult to read. Check the main pose first, then review the accessory on its own. 1. Establish the main action Pick a clear starting pose and a few moments that explain the action. If the silhouette is hard to understand without the accessory, fix the main poses before polishing secondary movement. 2. Watch for delayed motion Play the sequence at a normal speed, then step through it. A loose scarf may lag behind a turn and settle afterwards. Compare adjacent frames for sudden jumps or reversals that have no visible cause. There is no single correct delay: a heavy cape and a light ribbon should behave differently. 3. Inspect edges on different backgrounds Transparent frames can hide stray pixels or soft halos against a checkerboard. Preview against both a light and a dark solid color. Check narrow gaps between the accessory and body, especially where their silhouettes overlap. 4. Test...