最近我将大量开发时间投入到Unity中一款移动塔防游戏的UI上。

战斗界面、炮塔管理、目录、商店、科技树和单位详情最初都是独立的模块。制作单个屏幕并不太难,但要让所有内容感觉像同一款游戏的一部分,同时还要易于迭代,这需要更多的工作。

在这个项目中,我使用React和Vite来处理Unity中的大部分UI,而Unity则负责实际的游戏状态。

这对于信息量大的屏幕尤其有用。我可以在整个游戏中复用相同的组件,快速调整布局,并且在开发时几乎可以在普通浏览器中打开相同的UI。

这些截图来自当前的开发版本。我仍在优化视觉层次、可读性,并尝试确定手机屏幕上多少信息算过多。

我还利用这款游戏来开发和改进我构建的ReLayer(Unity的React UI框架)。最近发现的大部分问题和改进都直接来自在项目中的实际使用,而不仅仅是制作小型演示。

我很好奇其他Unity开发者到目前为止对UI的看法。

对你来说,哪个屏幕感觉最完整?在移动端你会优先简化哪一个?

如果有人对这个React/Unity设置感兴趣:

https://assetstore.unity.com/packages/tools/gui/relayer-react-ui-framework-for-unity-384274