下载 App
开发者日志 04|重构页面布局,绿洲图鉴上线
3 小时前综合
这一轮我们对游戏竖屏整体布局做了一次比较大的调整,新增底部导航栏,方便玩家在各个页面之间快速跳转。
为了放上「图鉴 / 闯关 / 无尽」三个常驻页签,需要挤出 120px 的底部空间。这里有一条硬性约束:战斗区域高度必须原封不动保持 800px。我们所有植物射程、怪物移动时长都是基于这个尺寸计算,一旦改动,整套战斗数值就会全部错乱。
同时我们进一步做界面分离:把战斗阶段、购买阶段拆成两套独立显示界面,解决之前所有元素堆在同一屏幕互相干扰的问题。
战斗阶段界面:只展示战斗地图(怪物出生下落区域、泉水)以及底部的植物方阵,商店、手牌栏全部隐藏;战斗阶段依旧禁止拖拽布阵、合成、出售等一切编辑操作,专心看怪物进攻。
购买阶段界面:只显示植物方阵、商店 3 格商品槽、手牌栏,整体居中排布,战斗地图、怪物出生区域直接隐藏。这个阶段玩家可以自由购买、刷新商店、拖拽布阵、合成、卖回植物,安心规划防线。
所以只能对其余 UI 区域做压缩调整:缩减泉水区域高度、缩小植物方阵每一格的尺寸,商店和手牌区域也同步压缩。原先占底部一整行的开战按钮改成右侧悬浮圆形按钮,不再占用底部布局空间。

同时我们把各个页面的职责做拆分,不再把所有内容全部堆在同一个界面。闯关页面只保留 5 张关卡卡片,仅负责关卡选择。原先放在选关页的完整植物清单全部移走,闯关页只保留一行 “已解锁植物 9/9” 的摘要,点击就可以跳转到图鉴。删掉旧的返回按钮,全部依靠底部导航完成页面跳转,

导航栏在战斗对局中也会一直显示。游玩中途想去翻看资料,点击其他页签游戏就会自动暂停,并且保留当前对局进度,切回闯关页面就可以继续游玩,不会出现切页直接暴毙的情况。另外我们打算新增加一个无尽模式

布局框架搭建完成后,接下来就要开发图鉴系统,同时全局排查所有页面的文字排版 bug。
还有我们把大家期待已久的绿洲图鉴完整做出来啦!玩塔防的时候很多玩家都会好奇植物、怪物的详细信息,现在不用自己盲猜,所有资料都收录在图鉴页面里,底部导航一键就能打开。
图鉴分成植物、怪物两个分页,设计思路不一样。
植物图鉴收录全部 9 种荒漠植物,像梭梭树、甘草、胡杨这些。点击卡片会切换「基础资料」和「详细数值」标签。基础资料快速看懂价格、占格、定位标签;点开详细数值,就能查看 1 级基础属性,还有 Lv1 到 Lv5 的合成成长数据,伤害成长倍率一目了然,方便大家搭配阵容。



怪物图鉴是渐进解锁的!不会开局直接把所有怪物信息全部摊开。没在对局里遇到的怪物,只会显示问号剪影;打过一次之后,解锁基础生命、移速、扣水等基础属性;当你累计击败一定数量,还会解锁专属应对建议,给玩家提供通关思路。



所有解锁记录、怪物击杀数量都会本地存档,关掉游戏再打开也不会清空。 除了图鉴,我们也整理了选关界面,主线一共 5 关,每一关通关之后就解锁下一关,同时解锁对应的新植物,在选关页面可以直接看到植物收集进度。

现在基础框架已经全部完成,接下来我们会进入无尽模式开发阶段。












