• Home
  • Blog
  • Gallery
  • Pricing
  • Home
  • Blog
  • Gallery
  • Pricing
Start creating

Create.Play.

Creator blog

Home/Blog/Visual Novel Creation

When Visual Novel Sprites Look Like They’re Floating: Checking Perspective and Foot Placement

Before adjusting scale and position, check whether the character and background share a consistent viewing height and supporting plane. Use fictional examples of an adult messenger in a corridor and at a stair landing to complete a character placement review card and distinguish fixes for compositing, background art, and character art.

D
DramaFork Editorial TeamInteractive storytelling and AI production
2026.10.13Estimated reading time: 19 min
Cinematic editorial illustration: diagonally laid floor tiles at the far end of a long corridor. A paper cutout of an adult messenger stands on the floor, casting a shadow along the ground to one side, while another trial cutout floats above the floor.
Article contents
Creator blog
  1. 01Introduction
  2. 02Separate viewing height from viewing direction
  3. 03In the corridor, place the feet before setting the scale
  4. 04Why scaling fails at a stair landing viewed from above
  5. 05Use a review card to separate observations from correction decisions
  6. 06What remains unverified when the feet are hidden
Back to article top

Introduction

When a character sprite looks as though it is floating against the background, stop repeatedly resizing it. First establish how high the viewer is and where they are looking, then identify the surface the character is actually standing on. Finally, check whether the body is drawn from a compatible angle. Scaling changes the character’s size in the frame; it cannot turn a body drawn at eye level into one viewed from above. The review should produce a “character placement review card” that records the evidence, the assessment, and who should make each correction.

The adult messenger, corridor, stair landing, and compositing approaches below are all fictional teaching examples. They are not real user cases, measurement results, hands-on tests, or DramaFork product features. We are addressing just one task: deciding whether an existing sprite suits a specified standing position.

Separate viewing height from viewing direction

Viewing height is the viewer’s height above the ground. Viewing direction describes whether they are looking ahead, up, or down. Looking down from a staircase and lowering your gaze while standing on level ground may both reveal the top of a character’s head. But the surface supporting the character differs, so “a view from above” is not a sufficient description.

Start by finding two sets of lines in the background sketch with clear spatial meaning, such as the bases of the corridor walls and the edges of floor tiles. Only lines that are parallel in the depicted space should be extended toward a shared vanishing point. Two sets of edges on diagonally laid tiles may lead to different vanishing points. The vanishing points for these directions on a horizontal plane help establish the horizon line; do not simply assume that the middle of the image is the horizon.

Draw an original spatial sketch for this example: begin with a quadrilateral representing the corridor floor, extend the bases of the walls on both sides, and draw the horizon line at the height where they meet. Mark a foot contact point in the foreground and draw an upright standing reference above it. In this teaching setup, the viewer’s eyes and the messenger’s eyes are at the same height, and both stand on the same level ground. As the messenger moves farther away, their eyes should therefore remain near the horizon line while the foot contact point changes with depth along the floor.

That is only the setup for this example. If the character is taller, shorter, or standing on a step, the horizon line will cross their body at a different point. Nor can the eyes of a character with a bowed head be used directly as a reference for their standing height.

In the corridor, place the feet before setting the scale

The existing messenger sprite is drawn at eye level, standing upright, with both feet fully visible. The specified position is a floor tile beside the wall halfway down the corridor. First mark where the weight-bearing foot touches the floor, then use the nearby doorframe and tile layout to assess depth. The doorframe offers a clue to scale, but without defined dimensions, it cannot establish an exact character height.

Trial A only shrinks the sprite, leaving it at its original position in the center of the image. The character becomes smaller, but their feet do not land on the specified tile, and their eyes no longer match the viewing height established for this example. This does not prove that the sprite is unsuitable. It only shows that scale and position were not adjusted together.

Trial B aligns the foot contact point with the standing position, then combines proportional scaling with movement of the entire sprite to bring the eyes back to the agreed height. At the same time, check whether the body’s scale relative to the doorframe is reasonable. Do not stretch the legs independently just to match both points: that turns a spatial problem into an anatomical proportion problem.

Next, check whether the pose can plausibly support the body. The weight-bearing foot should make clear contact with the ground; the other foot may be raised or set farther back. The two soles do not have to sit at the same height in the image. The cast shadow should extend along the ground from near the contact point and agree with the background’s light direction. An arbitrary dark patch beneath the soles may hide a gap, but it cannot explain an incorrect standing position.

Why scaling fails at a stair landing viewed from above

The second background places the viewer on an upper level, looking down at a landing one level below. Draw a new spatial sketch: use a line made of connected segments to distinguish the upper floor, the steps, and the lower landing. Mark the messenger’s foot contact point on the lower landing, then draw lines from the viewing position toward the head and feet. The sketch explains the differences in elevation; placing the character beside one of its lines does not complete the task.

Here, examine how much of the top of the head and the upper surfaces of the shoulders is visible, along with the perspective relationships between the torso and legs. The existing eye-level sprite shows the body’s length relatively fully from the front, while this composition requires a more pronounced view from above. Even if you move the soles onto the landing and shrink the whole character, the visible surfaces of the head and shoulders and the body’s foreshortening will not change automatically.

For this example, the stair-landing assessment is therefore “the existing sprite does not suit the specified viewing angle.” If the composition must retain the view from the upper level down to the lower one, draw a compatible character sprite. If the story only requires a meeting near the stairs, the background can instead use a landing composition closer to eye level. The latter reduces character redrawing, but changes the sense of elevation and the viewer’s position. The person responsible for composition should confirm that choice.

Do not simply squash the entire character image to imitate a view from above. Uniform compression changes the shapes of the face, buttons, and shoes together without rebuilding the way body parts overlap. Local deformation can help with minor corrections, but it cannot handle a substantial change in viewing angle like this.

Use a review card to separate observations from correction decisions

Start each card with the background version, sprite version, specified standing position, and intended composition. Then complete the following five items. The table contains the full assessment for this example; when reusing it, replace these entries with your own visible evidence.

Check Record: eye-level corridor Record: stair landing viewed from above
Viewing height Eyes are defined as being at the same height; the eye-level sprite is usable Looking from the upper level to the lower one; the sprite lacks the corresponding perspective from above
Ground reference Foot contact point on a tile midway down the corridor; wall bases help establish depth Foot contact point on the lower landing; do not mistakenly place it on a stair riser
Body proportions Scale relative to the doorframe is acceptable after proportional adjustment Shrinking preserves the body’s eye-level perspective
Contact Weight-bearing foot touches the floor; cast-shadow direction still needs alignment Soles can touch the landing, but the head and shoulder angles still conflict
Responsibility for corrections Compositing adjusts position, scale, and the cast shadow at the contact point Redraw the character if retaining the composition; revise the background if changing the viewing angle

Record “what is visible” before “what to change.” “The character looks floaty” is not enough to assign work. “The weight-bearing foot is on the stair riser rather than the tread” points to a placement correction. The card should also include a conclusion, unresolved checks, and the basis for the next review: “adjust and review again” for the corridor, and “unsuitable; awaiting a composition decision” for the stair landing. After corrections, use the same foot contact point and spatial sketch to check the result, rather than changing the criteria by feel each round.

What remains unverified when the feet are hidden

With a half-body sprite, you can still check the head and shoulder angles, the visible surface of the chest, and how the character overlaps with doorframes or railings. If the sprite comes from a full-body drawing, extend the body reference beyond the frame and record an assumed foot contact point. If the original drawing has no lower body, you can only estimate from the pose and character specifications. Do not record that estimate as verified ground contact.

For example, suppose a foreground railing hides the messenger from the waist down. How much of the top of the head is visible can reveal a viewing-angle conflict, and the railing’s overlap can help establish which elements are in front. Neither proves which step the soles rest on. The review card should say “upper-body viewing angle can be checked; foot placement remains unverified.” Add a rough full-body placement sketch if needed.

Who makes the correction depends on where the evidence conflicts. If the viewing angle agrees but the foot contact point is wrong, assign it to compositing. If the background’s floor and wall references contradict each other, fix the background first. If the background space is clear but the character’s viewing angle does not match, redraw the character. A work that deliberately uses a flat, stage-like collage style may set different criteria, but should apply them consistently throughout the scene. Color, outlines, and lighting can also create a floating impression. Passing this card means only that spatial compatibility has been checked, not that the entire composite is finished.

Explore product capabilities Play interactive stories
PLAY / DISCOVER

Play what you just read

Browse the works index
Character IP

Silent Mine Shaft Miner

He reads the dark by echo and marks safe stone with his own hands.

Character IP

Sharp-Tongued Alchemy Senior Sister

She tests pills on herself first, then decides if you are worth the recipe.

Character IP

Hachiyome Haruto

He wants every flight to go smoothly, but struggles to voice his own judgment.

Character IP

Oh Eun-seo

Wants a safe community, but reaches for deletion as the only tool.

Continue reading

Browse more articles
Cinematic editorial illustration: a lighthouse keeper in the same dark coat spans two areas, one moonlit and one lit by a…
Visual Novel Development2026.10.13 · 20 min

Visual Novel Sprites Look Like Stickers at Night: Planning Lighting Variants

Nighttime character sprites need more than an overall brightness reduction. Using three positions of a fictional lighthouse keeper, this guide separates color grading from local repainting and turns key-light direction, occlusion, identifying colors, and reuse limits into an actionable lighting brief.

A cinematic editorial illustration shows an archivist facing a mirror-like drawn duplicate.
Visual Novel Development2026.10.13 · 19 min

Can You Mirror Visual Novel Character Sprites? Check Handedness, Clothing, and Props First

Whether a character sprite can be mirrored depends on whether flipping it changes fixed left–right details or subsequent actions. Use a sprite mirroring approval card to record the purpose of patches, which hand holds an object, and carried props before choosing a direct flip, partial redraw, or separately drawn version facing the other way.

Cinematic editorial illustration: beneath a warm work lamp, translucent drawing sheets containing the eyebrows, eyes, and…
Visual Novel Production2026.10.13 · 18 min

How to Avoid Conflicting Expressions in Modular Visual Novel Character Sprites

Matching the positions of eyebrows, eyes, and mouths only suggests that the parts may fit together; it does not mean the performance works. Using a fictional watchmaker’s apprentice with tearful eyes, tightly furrowed brows, and a smiling mouth, this article builds a constraint table that separates geometric compatibility, expressive intent, prohibited combinations, and additional artwork.

From a story to a playable world.

Create interactive narrative games with DramaFork: connect scripts, characters, shots, and choices into a playable first version.

Content directories

  • Creator blog
  • Story topics
  • Article archive
  • Works index

Explore

  • Playable gallery
  • Text game
  • Character IP

Legal

  • Privacy
  • Terms
  • Cookies
© 2026 DramaFork/DramaFork · Interactive narrative games
Press Enter to send, or drag away and release.