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

Zed
2,612 阅读1分钟

实现效果

image.png

image.png

image.png

构建前端项目

用vite新建一个Vue3的项目

pnpm create vite

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

搭建素流送基础设施

image.png

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

app.js重命名为core.js

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

index.vue:

image.png

UE中响应像素流指令

需要安装的插件

像素流插件

image-20240410155103981.png

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

image.png

编写蓝图

image.png

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

image.png

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

image.png

image.png

BP_Sky: 天气操作

image.png

image.png

BP_Time: 时间操作

image.png

avatar
文章
阅读
粉丝