MushRog

手机上画面清晰了,还有了摇杆

2026年10月15日 arquiteturadesign

机器翻译,尚未审校。

游戏现在按设备的分辨率绘制文字,能用满长屏手机的整块屏幕,也会避开摄像头的刘海。房间里还多了一个可选的摇杆。

为什么

到目前为止,游戏是画在一个 640 x 420 的小画面上再拉伸的。像素美术经得起这样,但文字又糊又小,20:9 的手机两侧还会出现黑边。这是手机版和测试之间的最后一件事。

怎么运作

美术仍然是清晰的像素,文字改为按屏幕的真实分辨率绘制。在宽屏上,竞技场放在中间,两侧显示更多场景,没有黑边;在城镇里,镜头会用满整个宽度。底部栏、顶部条和面板都放在设备的安全区域内,远离刘海和圆角。

界面大小的选项,1x、1,25x 和 1,5x,可以用了,会放大底部栏和面板,而且不会裁掉任何东西。它在长屏上才有差别;在电脑上 16:10 的窗口里,界面已经是能容纳的最大尺寸。

摇杆是可选的,在有触屏的设备上默认打开。按住竞技场的左半边并拖动就能走;快速点一下仍然会让队伍走到那个点。它不会抢走技能、名片或底部栏的触摸,第一根手指在走的时候,第二根手指可以放技能。

装备栏位也有了图标,来自 Kenney 的 1-Bit 素材包(公有领域)。

下一步

界面阶段结束了,封闭测试还缺的就是我们自己的美术。

变更

  • Crisp mobile layout, virtual joystick and equipment slot icons

    Switch the window stretch from "viewport" to "canvas_items" + "expand" (base 640x420, nearest filter kept, clear color = game background), so text renders at device resolution and 20:9 phones get no black bars. New client/ui/screen.gd anchors everything to the visible area: the room arena is centered above the bar via the root canvas transform, the city camera uses the full width, the bottom bar sits at the bottom of the display safe area with its frame spanning edge to edge, UI layers are centered (panels never under the bar, status strip and toasts at the top) and modal dims cover the side bands. The safe area can be simulated with --safe-inset=l,t,r,b. The 1x/1.25x/1.5x interface scale is enabled again: it scales the bar and UI layers, clamped to what fits the safe area, so it never cuts the HUD (on 16:10 windows it stays 1x; on 20:9 the bar grows). Optional virtual joystick in rooms (Options toggle, on by default only on touch devices): hold on the left half of the arena and drag to move the team like WASD, release to stop; a tap without dragging is still click-to-move, and the skill row, cards and bar keep priority. It tracks the finger index, so another finger can still use skills. Equipment slots in the Character panel get Kenney 1-Bit Pack (CC0) icons, registered in CREDITS.md. tap_test now converts logical to window coordinates (works at any --resolution) and covers the joystick. Marks items 29, 31 and 35 in docs/fluxo-do-cliente.md.

← 返回开发日志