{"id":366,"date":"2026-01-12T02:57:52","date_gmt":"2026-01-12T02:57:52","guid":{"rendered":"https:\/\/sites.wsagames.com\/jz15n24\/?p=366"},"modified":"2026-01-12T04:20:07","modified_gmt":"2026-01-12T04:20:07","slug":"visual-mock-up","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/jz15n24\/2026\/01\/12\/visual-mock-up\/","title":{"rendered":"Visual Mock-up"},"content":{"rendered":"\n

Most of the time, especially when exploring the world, the game is played in this 2.5D perspective<\/strong><\/p>\n\n\n\n

Outdoors, it usually looks like this<\/p>\n\n\n\n

\"\"
Rue Valley<\/figcaption><\/figure>\n\n\n\n
\"\"
Rue Valley<\/figcaption><\/figure>\n\n\n\n
\"\"
Disco Elysium<\/figcaption><\/figure>\n\n\n\n

Indoors, it will show this kind of Isometric view<\/p>\n\n\n\n

\"\"
Rue Valley<\/figcaption><\/figure>\n\n\n\n
\"\"
Rue Valley<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

When talking to NPCs, dialog boxes and current character busts will be displayed based on the current scene.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

In order to match the style of the game, I would prefer this 3D feel in the item design<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

But because we have to think about the development cycle, a slightly more cartoonish 2D work like this would be nice, but I don’t think it will be less than 3D.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n

UI and HUD<\/h2>\n<\/div>\n\n\n\n

Based on the Rue Valley scenario, I made a simple UI and HUD design. The UI and HUD are mainly made up of three parts: time, phone, and backpack. <\/p>\n\n\n\n

Time suggests to a certain extent the progress of the game, and the mobile phone does not assume the function of “task prompts” or “navigation tools” in the traditional sense, but exists as an interface that exposes information. Players can view messages, news, announcements, or other fragmented information from their phone, but “viewing” is an act in itself, not a neutral action. The system considers the player’s level of attention to information as a signal that can be interpreted: frequent checking of the news may be seen as nervous or uneasy, while long-term ignorance of information may be interpreted as avoidance or indifference. Mobile phones are not only a way to obtain information, but also one of the ways players are “seen” by the world.<\/p>\n\n\n\n

While I’m not going to tell players “what tasks you need to do”, players can still check the tasks they’ve received in their phone notes (not “complete xxx”, but “don’t forget to find xxx tomorrow morning”). These quests do not automatically appear in the player’s memo, but are naturally obtained when the player interacts with the environment). Although it looks more like a task list in terms of function, the memo will still be mixed with some ordinary shopping lists and the like. Completing the Shopping Order will not advance the story, because the shopping list exists only to make the player-controlled character look more like an ordinary, ordinary, living person. But I’ll probably add a game achievement to the completion of the shopping list… It always has to give players some fun to explore<\/p>\n\n\n\n

Backpacks are used to store items acquired or touched by players during gameplay, but their function is not limited to managing resources or providing ability buffs, but rather serves as a recording space for traces of player actions.<\/p>\n\n\n\n

The items themselves may not have a clear purpose or even be reused, but their presence means that certain actions have already occurred. The system will reinterpret the player’s behavior based on the items they carry or discard.<\/p>\n\n\n\n

In this design, the backpack does not assume the function of “optimizing choices”, but is more like a set of persistent physical evidence that reminds the player of the decisions that have been made. Players have no complete control over what these items mean in the system and can only choose whether or not to keep them alive.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"
When there is unread information, the phone’s icon changes to an envelope and flashes<\/figcaption><\/figure>\n\n\n\n
\"\"
When player check the item<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Character Design<\/h2>\n\n\n\n

The character design avoids the appearance of human faces, non-important characters appear in the form of silhouettes, and important characters are non-human heads<\/p>\n\n\n\n

Human faces carry extremely strong emotional signals. Even a neutral face can suggest intent, morality, or emotional state. By removing human faces, characters are no longer primarily expressive subjects, but interpretable objects. <\/p>\n\n\n\n

The use of non-human heads allows characters to remain recognisable but not fully readable.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Most of the time, especially when exploring the world, the game is played in this 2.5D perspective Outdoors, it usually looks like this Indoors, it will show this kind of Isometric view When talking to NPCs, dialog boxes and current character busts will be displayed based on the current scene. In order to match the […]<\/p>\n","protected":false},"author":61,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-366","post","type-post","status-publish","format-standard","hentry","category-gdd"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/posts\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":5,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/posts\/366\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/posts\/366\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/categories?post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/jz15n24\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}