top of page
desktop_v1.png
Neon Overdrive Logo.png

概述

《Neon Overdrive》是一款快节奏,80 年代复古未来主义射击游戏,项目内容包括游戏的街机版本和Steam VR版本。在游戏中玩家将扮演一名特工,负责平息一场危险的人工智能起义。

🖌️职责

作为游戏开发者之一,我负责游戏中的交互体验和用户界面元素的设计。与策划,程序和3D 模型师合作,制作游戏启动页面、游戏商店、HUD 和控制台等组件。此外还参与了游戏的视觉设计和部分概念美术。工作的重点是为玩家提供无缝且引人入胜的用户体验,保证游戏内可交互组件的可用性和直观性,让玩家能获得沉浸的游戏体验。

DEMO 视频

​设计流程

Frame 9.png

​核心玩法和目的

在街机模式游玩体验中,玩家将站在一台配备 VR 眼镜和加特林机枪外设的街机设备上。玩家需要按下机枪扳机,旋转武器,乘坐场景内的升降梯在敌对设施逐层上升,并与设施内一波波的超载机器人作战。目标在有限的游戏时间内突破层数和获得更高的积分。

 

Steam VR 版本则提供了一种融合高速射击与策略构建的垂直肉鸽射击体验玩家通过三轮敌潮加商店的循环,在动态变化敌人的场景中利用多形态武器对抗。在与敌人作战时触发环境因素,并收集场地中的升级箱来临时增强武器。在战斗波次间歇的中,玩家还可以从“每周数据”商店中购买道具,制定自己的武器策略。最终在设施顶层打败控制起义的人工智能主脑盖娅。

用户流程图

街机模式

Frame 10.png

肉鸽模式-主要流程

Frame 11.png

主要功能

主要功能.png

线框图

街机模式

肉鸽模式增加

风格选择

UI选用了复古未来主义的风格,加入CRT显示器效果和霓虹光的元素。致敬上个世纪80 年代的科幻电影所传达的真诚情感与低成本制作所表现的工业实用主义。

Artboard 84 copy.png

原型交付

游戏中主要采用玩家和空间内物品自然互动,和窗口样式的界面弹窗相结合的方法,为玩家创造混合体验。其中手部的高频动作,比如操作武器、投掷闪光弹、操作控制台或是购买道具采用了手势识别的功能。将互动方式转化为自然的肢体动作,减少学习难度。

方案草图

主菜单

和街机版本所采用的直接进入教学不同,steam版本拥有一个游戏开始前的主菜单。考虑到这个场景是玩家进入Neon Overdrive的“第一站”,其间的物品起到介绍故事背景并兼具功能的作用。最终方案选用了一个单人间的老式办公室,受银翼杀手中警局场景的启发,展现了主角作为特工时待命的办公场景。

​​

主菜单所包含的功能按键以物品的方式环绕在玩家面前的U型办公桌上,其中包括:开始游戏,当前时间显示,街机模式,初始角色选择,敌人档案,和系统设置。

image.png
3.png
8.png

游戏开始的方式是按下正前方电脑上闪烁的电源按钮。通过抓取桌面上的硬盘并插入读取器中,玩家可以切换初始角色。开启侧面辅助屏幕,可以进入街机模式(无尽模式)。敌人档案则储存在抽屉中的文件设备内,玩家需要打开抽屉,并开启设备开关来检索档案。桌面右侧的通话设备是系统设置,与其弹出的投影菜单互动,可以调整系统音量和画面显示。

IMG_9757(20250204-152530).JPG
IMG_9801.JPG
image.png

桌面物品与房间尺寸

Codex.gif

敌人​档案

​控制台

玩家所在的电梯控制台允许玩家快速查看他们的分数数据。显示包括当前得分和所在的楼层。在 Steam 版本中,玩家可以在控制台上查看他们的道具菜单和货币余额,这些信息可以在安全商店楼层访问。

Artboard 1 copy 2.png
Artboard 1 copy.png
Console.gif

分数和楼层显示

首次进入游戏或解锁游戏的新功能时,控制台上方将弹出教程。

3.png
1.png
2.png
T.gif

教程弹出

Perk_2x.png

道具菜单

“每周数据”商店

商店在塑造玩家的策略方面起着至关重要的作用。在每个boss房间前,玩家可以花费游戏内货币获得 50 多种道具,这些道具能够增强武器或解锁特殊效果。

image.png
a92d65c06f55f2dcc69f54fdaf4f8fe4.jpeg

商店设计草稿

道具分为五种不同的稀有度,除了普通,不普通,稀有,传奇外,还有能带来随机效果的诅咒道具。不同的稀有度以颜色区分。在玩家进入商店房间后,商店将由滑轨移动至玩家面前,再有机械臂将商店屏幕放置到可触及的位置。玩家可以按下详情按钮查看道具信息或是按下购买按键选购道具。货币和商店退出按钮位于中央屏幕上显眼的位置,方便触及。

Artboard 1 copy 12.png

Common

Artboard 1 copy 7.png

Uncommon

Artboard 1 copy 10.png

Rare

Artboard 1 copy 9.png

Legendary

Artboard 1 copy 14.png

Cursed

Screen.gif

​普通显示—>详情—>购入后显示失去信号

icon.png

按钮显示

2.png

商店移动时

Shop.png

机械臂展开时

​血量,积分加成,武器效果和受击效果

Combo.gif
sKILL.png
4.png

Boss 信息

进入 Boss 房间后,上方会降下一块显示 Boss 护盾和生命值的屏幕。当 Boss 的某个特定部位受到攻击时,代表该部位的 UI 会短暂闪烁以指示受到攻击。一旦该部位被摧毁,标签将显示“离线”,表示该部位不再处于活动状态。

Boss.png
IMG_9609.jpg
Boss-gif.gif

部分boss界面

​游戏暂停

Gameover.png
Artboard 105.png

​游戏结束

Artboard 1_1.png
Artboard 1 copy 21.png
bottom of page