Prisma UI – NG 和 OG Web UI 框架辐射4(更新)

mod截图










mod简介
### 原址:https://www.nexusmods.com/fallout4/mods/105454
### 前置:
Address Library for F4SE Plugins:https://www.nexusmods.com/fallout4/mods/47327
Fallout 4 Script Extender (F4SE):https://www.nexusmods.com/fallout4/mods/42147
7月21号更新可选的2.0 BETA版本,根据自己需要选择安装
6月17号更新:
版本 1.8
稳定性与内存
通过调优超轻量引擎配置,大幅降低了每个视图的内存使用。JavaScriptCore 现在会保守地设置堆大小,而不是扩展到整个系统内存(override_ram_size 上限为 1 GB),初始 JS 堆也缩小了(大堆从 32 MB → 8 MB,小堆从 1 MB → 512 KB),WebCore 资源缓存减半(64 MB → 32 MB),前进/后退页面缓存被禁用,并且渲染线程数量限制为 2。在高负载订单下,解决了一类内存不足导致的崩溃问题,当框架的内存占用加上大量活动视图时,会耗尽游戏的 Scaleform UI 堆(Scaleform 分配失败导致 CTD)。
可靠性监控
新增了每个托管插件视图的健康监测。每隔 30 秒,它会记录一次汇总信息(视图数量、可见/隐藏/隔离、故障视图、进程工作集),以及每个有问题视图的详细信息,所以从日志中很容易找出表现异常的插件。那些反复在崩溃恢复中失败的视图现在会被隔离——与渲染器隔开,所以单个坏掉的视图不再会让框架或游戏不稳定。视图句柄仍然有效,因此拥有它的插件可以继续工作并重新创建它。在高内存压力下,隐藏视图的渲染缓冲区(CPU 像素缓冲和 GPU 纹理)会自动回收,并在视图再次显示时无损重建。
输入与交互
为聚焦视图的透明区域增加了点击穿透:现在点击空白(透明)区域会传递到游戏——比如与界面后面的 3D 模型互动——而从真实 UI 内容开始的拖拽则会一直被捕获直到释放。
通过保留焦点菜单的模态标志修复了鼠标输入捕获问题;如果没有这个标志,下面的菜单可能会通过游戏的设备层窃取鼠标输入
6月5号更新:
版本 1.7.1
关于rivatuner/加力器额外警告。如果有问题,就需要关闭该项目。这些程序已知会在游戏中引发问题。你完全可以使用高帧率。
关于rivatuner/加力器额外警告。如果有问题,就需要关闭该项目。这些程序已知会在游戏中引发问题。你完全可以使用高帧率。
版本 1.7
https://github.com/NomadsReach/framework-F4-Conversion/blob/main/changelog.md
重大更新和漏洞修复。所有模组作者必须在GitHub上针对新的SRC进行构建。
版本 1.6.6
修复了NG的问题
增加了对rivatuner的检测,因为rivatuner已知会在这类模组和ENB等模组中引发重大问题。
6月3号更新:
版本 1.6.5
漏洞修复了:)
https://github.com/NomadsReach/framework-F4-Conversion/
https://fallenworld.nexus/prismaui-f4
https://discord.com/invite/bawdketrFX
## PRISMAUI F4
构建游戏内菜单、HUD和叠加界面,使用HTML、CSS和JavaScript
,由Fallen World团队维护。原始框架由PrismaUI开发。
点击这里 – 你能用PRISMA UI构建什么 – Prisma不使用Chromium,UI
支持所有版本!
即将推出!凭借PRISMAUI的力量,我替换了原版的丑陋工作坊菜单!(我的菜单会比你在这张图片中看到的好得多)
## 现代模组《辐射4》UI
✔零要求:将设置控件绑定到实时Papyrus变量,只需简单的JSON配置即可。
✔初学者友好:使用示例模板开始,直接从Prisma Designer构建。任何人都能做到!
✔现代网页栈:用HTML5、CSS3、JS、React、Svelte或Tailwind构建HUD、菜单和库存面板。
✔ 零比例形态依赖:完全绕过旧的Flash技术。
✔热重载(F9)与检查器:使用WebKit开发工具即时检查元素并更新游戏内布局。
## 简介
一个现代框架,允许你用与网络相同的技术构建《辐射4》的界面。
忘掉Scaleform、Adobe Flash和ActionScript的局限性吧。使用 PrismaUI F4 时,你可以直接用 HTML5、CSS3 和 JavaScript(ES2022)将界面渲染到游戏流水线中。
无论你想构建自定义HUD、复杂菜单、交互终端,还是使用现代网络框架如React、Vue或Svelte构建完整的库存系统,PrismaUI F4都是为《辐射4》创建任何界面的解决方案。
直接 Papyrus VM 集成(无需 C++)
你是只用脚本编写的模组制作者,不写C++吗?
PrismaUI F4 通过直接、实时的绑定,直接连接到游戏引擎的 Papyrus 虚拟机。使用这个框架不需要写一行C++。
通过搭建一个简单的config.json,你可以直接将UI控件绑定到任何游戏表单上的脚本属性(PropertyValueFloat、PropertyValueInt、PropertyValueBool),或者直接绑定到引擎的TESGlobal表单上。C++ 后端会自动锁定 Papyrus 虚拟机,并实时读取/变更激活脚本变量。它完全弥合了开箱即用的空白。
## 辐射4 UI模组的未来
《辐射4》的模组圈长期依赖于诸如模组配置菜单(MCM)、FallUI以及基于Scaleform的SWF格式构建的其他模组等令人难以置信的工具。这些项目突破了可能性的极限,社区对此负有很大责任。
但Scaleform是2011年停止生产的基于Flash的技术。SWF文件需要专用的遗留工具来创建,无法热加载,不提供调试功能,且随着技术落后,维护变得越来越困难。有才华的模组作者花更多时间在与工具链斗争,而不是打造他们想要的体验。
PrismaUI F4 改变了这一点。
你不用Flash,而是写HTML、CSS和JavaScript——这些语言驱动着互联网上每个网站。你不用Adobe Animate,而是用VS Code。你的UI不是SWF二进制文件,而是普通.html文件,你可以在几秒钟内编辑和重新加载。你会得到完整的现代Web工具链:React、Vue、Svelte、Tailwind、npm包,还有真正的WebKit DevTools检查器。
这不是Scaleform的包装。PrismaUI F4 完全绕过了它,直接将真实的 HTML 渲染器嵌入游戏进程中。任何基于 PrismaUI F4 构建的插件都不依赖 MCM、FallUI 或任何 SWF 基础设施。
这就是《辐射4》UI模组的发展方向。我们正在这里公开建造它,为社区服务。
## 为什么选择PrismaUI F4?
现代技术栈
使用你喜欢的工具:CSS Grid、Flexbox、动画和现代 JS 语法。不再用过时的鳞形限制战斗。
无限设计自由
,使用任何现代网页工作流程。无论你喜欢React、Vue、Svelte还是原版JS,PrismaUI F4都能让你在《辐射4》中创建真正独特且响应灵敏的界面。[/color>
简单的双向桥接
游戏引擎与用户界面之间的无缝通信。在C++(F4SE)和JavaScript之间轻松发送和接收复杂的JSON数据。[/color>
新标准
告别专用的传统工具。PrismaUI F4 将《辐射4》模组带入现代开发时代,让你可以使用自己喜欢的 IDE 和网页库。[/color>
Live 热加载
编辑你的HTML文件,按F9,立即看到变化。没有重启游戏,也没有重新编译。
完整的 DevTools Inspector
检查元素、设置断点和用户界面的分析,就像对待网站一样。真正的开发工具,在辐射4里面。
## 框架比较
SCALEFORM-BASED MODS (MCM / FallUI)
* Flash / ActionScript 3: 过时的2000年代标准。
* Adobe Animate:已停产的资源构建套件。
* 工作流程:必须编译、部署并重启游戏以看到变化。
* 调试:没有实时检查器或调试工具。
* 格式:SWF 二进制是不透明的块状,极难版本控制。
* 生态系统:完全被现代开源软件包生态系统排除在外。
* 流水线:高度依赖引擎内置的Scaleform流水线。
PRISMAUI F4
* HTML5 / CSS3 / JS (ES2022): 通用的现代网页标准。
* 任何IDE / VS Code:使用任何现代文本编辑器或网页开发工具。
* 实时热加载(F9):编辑你的HTML/CSS,游戏内即时看到更改。
* WebKit DevTools Inspector:包含完整的元素布局和代码调试器。
* 纯源代码:基于文本的资源在Git/GitHub仓库中看起来很棒。
* 现代框架:原生支持 React、Vue、Svelte、Tailwind 和 npm 包。
* 零比例形态依赖:完全绕过游戏的Flash渲染层。
## 要求
要运行PrismaUI F4,请确保你安装了以下先决条件:
1.辐射4脚本扩展器(F4SE)
加载自定义插件和构建双向通信桥接所必需。
2. F4SE 插件
地址库 为版本无关的本地代码执行提供必备数据库库。
注意:下一代(NG)支持正在积极开发中,未来版本将添加。原版游戏(OG)现已全面支持。
注意:你不需要 MCM、FallUI、Adobe Animate、Flash 或任何 Scaleform 工具。
## 你能建造的东西
全屏菜单
自定义物品栏系统、制作界面、角色卡和任务日志。
HUD叠加
实时弹药计数器、自定义生命条、增益追踪器和绘制在游戏世界上方的小地图。
交互式终端
一个完全现代化的HTML终端,具备命令历史和自动补全功能,取代了原版终端系统。
实时全球聊天
实时游戏内聊天面板同步,完全采用HTML构建,支持WebSocket。
库存网格系统
拖拽网格库存,带有物品提示、筛选和排序功能,取代了原版的Pip-Boy列表。
模组配置界面
为你的插件附带一个合适的设置界面,让用户永远不用去触碰INI文件。
## 用PrismaUI制作的模组:
F4Settings – 《辐射4》游戏内设置管理器 https://www.nexusmods.com/fallout4/mods/105617
F4Viewer – 《辐射4》游戏内物品探索器 https://www.nexusmods.com/fallout4/mods/105566
游戏内开发工具与冲突检查器 https://www.nexusmods.com/fallout4/mods/105619
## 简单且强大的API
整个 API 表面是一个单一的头文件:PrismaUI_F4_API.h。无需导入库。无需额外的依赖项。将其放入您的源文件夹中,您就准备就绪了。
快速启动代码示例:
点击此处查看完整的 API 参考
指南、API 参考 和示例可以在我们的网站上找到。
#include "PrismaUI_F4_API.h"
static PRISMA_UI_API::IVPrismaUI2* g_api = nullptr;
static PrismaView g_view = 0;
static void OnDomReady(PrismaView view)
{
g_api->RegisterJSListener(view, "onClose", [](PrismaView, const char*) {
g_api->Unfocus(g_view);
g_api->Hide(g_view);
});
}
static void F4SEMessageHandler(F4SE::MessagingInterface::Message* msg)
{
if (msg->type == F4SE::MessagingInterface::kGameDataReady) {
g_api = PRISMA_UI_API::RequestPluginAPI();
if (!g_api) logger::error("PrismaUI_F4 not found!");
}
if (msg->type == F4SE::MessagingInterface::kPostLoadGame) {
if (g_api && g_view == 0) {
g_view = g_api->CreateView("mymenu.html", OnDomReady);
g_api->Hide(g_view);
}
}
}
// Push data from C++ into your page at any time
g_api->Invoke(g_view, "updateAmmo(24, 120)");
## 安装
针对用户:
通过您的Mod管理器(MO2或Vortex)下载并安装,或手动复制到您的Fallout 4/Data/文件夹。
针对Mod作者:
1.通过您的mod管理器安装此mod。
2.将PrismaUI_F4_API.h从GitHub发布版复制到您的插件源文件夹。
3.访问API参考以开始使用。
MO2文件夹结构确保PrismaUI_F4在您的左侧面板中位于任何依赖它的插件之上。
mods/PrismaUI_F4/
F4SE/Plugins/
PrismaUI_F4.dll
## 演出笔记
PrismaUI F4 使用 CPU 渲染。每个视角都渲染在屏幕外,并合成为游戏世界上方的D3D11纹理。[/color>
* UI刷新率限制在60 FPS
* 未使用时保持隐藏视图——隐藏视图不会被
渲染* 更喜欢纯色和简单过渡,而不是重渐变、模糊滤镜或大方框阴影
* 尽量使用单一视图,内部JS路由,避免多个独立视图
## 安全与隐私
我们知道任何发布DLL的模组都会遇到这个问题。以下是PrismaUI F4的具体功能和不具备的功能。
它是什么:
* 一个标准的F4SE插件——加载方式和其他F4SE插件一样——通过F4SE的插件界面加载,没有任何提升权限。
* 开源——在MIT许可下。每一行代码都可以被审计。消息来源是公开的。没有隐藏组件。
* HTML渲染器,不是浏览器——Ultralight是一个嵌入式渲染引擎——它没有网络栈,也没有出站连接。你的HTML页面只能从硬盘上的本地文件加载。
* 仅限于游戏过程——Ultralight渲染器运行在Fallout4.exe中。它不会生成后台进程、安装服务,也不会在游戏数据文件夹外写入。
它做不到的事:
* 绝对不能上网——永远不要。HTML 视图仅从本地文件加载。
* 不进行任何形式的遥测、分析或数据收集。
* 不允许后台服务、定时任务或任何运行在游戏外的程序。
* 除了标准的F4SE日志文件外,不允许写入你的系统。
* 不依赖外部服务器或第三方服务。
如果你还不确定,源代码就在这里可以阅读。我们欢迎审视。
## 致谢
PrismaUI F4由Fallen World模组团队维护并移植到《辐射4》中。
最初的PrismaUI框架由PrismaUI开发者创建。核心Ultralight集成、IVPrismaUI架构以及基础工程的功劳都归于他们。我们站在卓越工作的肩膀上。
* PrismaUI —— 原始开发框架 —— 本项目的基础
* Fallen World Discord —— 支持、开发更新、社区
PrismaUI F4 是开源的,采用 MIT 许可证。
《辐射4》和《辐射4SE》都是各自所有者的版权。该项目与Bethesda Softworks无关。
mod信息
适用游戏:辐射4 | 版本:2.0 | 作者:NomadsReach | 浏览:41988
下载资源
| 资源名称 | 版本 | 文件大小 | 下载方式 | 操作 |
|---|---|---|---|---|
| Prisma UI BETA 2.0 105454 2.0 2026-07-21T01-01Z iNZoYwjOo.zip | 2.0 | 158.81MB | 本地下载 | 点击下载 |
| PrismaUI – All game versions supported.1.8.zip | 2.0 | 19.21MB | 本地下载 | 点击下载 |
| PrismaUI – All game versions supported.-105454-1-7-3-1781052903.zip | 1.7.3 | 39.38MB | 本地下载 | 点击下载 |
| PrismaUI – All game versions supported.-105454-1-7-2-1780863897.zip | 1.7.2 | 19.93MB | 本地下载 | 点击下载 |
| PrismaUI Framework – OLD GEN ONLY-105454-1-7-1-1780622638.zip | 1.7.1 | 18.80MB | 本地下载 | 点击下载 |
| PrismaUI – NEW GEN VERSION-105454-1-7-1-1780622585.zip | 1.7.1 | 18.80MB | 本地下载 | 点击下载 |
| PrismaUI F4 NG and OG Supports all game versions.-105454-1-6-5-1780455479.zip | 1.6.5 | 18.80MB | 本地下载 | 点击下载 |
| PrismaUI F4 NG and OG Supports all game versions.-105454-1-6-4-1780354106.zip | 1.6.4 | 18.78MB | 本地下载 | 点击下载 |
OG版本是专为低配机器优化的吗?1060老卡带ENB用NG版界面切换有点掉帧,考虑换成OG试试。
补充一下,如果之前装过FallUI系列记得彻底清理,不然图标库会冲突,我折腾了两小时才排查出来 😅
你前置少写了xSE PluginPreloader吧?原址评论区作者提到了,不加的话部分脚本会延迟加载导致黑屏。
终于有人做原版UI的现代化替换了,Prisma对HUD的重绘比DEF_UI看着舒服多了。不过目前和MCM的兼容性怎么样?有没有人试过搭配Sim Settlements?
刚装上,交易菜单的字体渲染比DEF清晰太多了,76那种现代风格真的挺还原 👍