UE5+Vue3交互实现切换天气和时间

实现效果

构建前端项目

用vite新建一个Vue3的项目

pnpm create vite

编写像素流组件用于显示虚幻像素流视频

搭建素流送基础设施

将UE5打包好的js文件app.jswebRtcPlayer.js拷贝到项目中

app.js重命名为core.js

app.jswebRtcPlayer.js需要自己修改一下才能适用于项目

index.vue:

UE中响应像素流指令

需要安装的插件

像素流插件

发送请求获取实时天气需要

编写蓝图

BP_Operate: 读取前端的参数,响应不同的事件

前端不同操作的字段名需要与之对应

BP_Sky: 天气操作

BP_Time: 时间操作

相关推荐
SmalBox12 小时前
【节点】[SampleTexture3D节点]原理解析与实际应用
unity3d·游戏开发·图形学
JCHwa1 天前
UE5 GAS 源码深度解析 | 第2篇:AttributeSet 源码导读
游戏开发·unreal engine
SmalBox2 天前
【节点】[SampleTexture2DLOD节点]原理解析与实际应用
unity3d·游戏开发·图形学
fetasty2 天前
Godot游戏练习01-第15节-敌人生成动画,翻转,碰撞
游戏开发
SmalBox4 天前
【节点】[SampleTexture2D节点]原理解析与实际应用
unity3d·游戏开发·图形学
UWA4 天前
如何降低Animator的调用次数
性能优化·memory·游戏开发·animation
龙智DevSecOps解决方案4 天前
邀请函 | 诚邀您参加Perforce on Tour 2026 游戏研发效能进阶沙龙(广州站),探索AI时代如何更高效、安全地开发游戏
游戏·ai·游戏开发·perforce·龙智
C蔡博士5 天前
Unity游戏物体渲染顺序
unity·游戏引擎·游戏开发
SmalBox5 天前
【节点】[SamplerState节点]原理解析与实际应用
unity3d·游戏开发·图形学
UWA6 天前
顺势而为,AI 技术融入性能优化
人工智能·ai·性能优化·游戏开发