UE4 WebUI插件使用指南

本文介绍UE4中通过Cesium插架加载本地倾斜摄影模型。Cesium for Unreal插件运行在UE环境何总运行Cesium,这样方便做一个GIS应用。

安装Cesium for Unreal插件

在UE 虚幻商城中,搜索 “Cesium for Unreal”, 然后下载插件,下载完成后,可以点击安装到引擎:

在这里插入图片描述

可以安装到引擎,需要UE 4.26以上,笔者使用4.27版本,也可以用于UE5.

启用插件

打开UE编辑器,创建一个项目,点击菜单: 编辑->插件,搜索 Cesium for Unreal
在这里插入图片描述

点击启用。

启用之后可能需要重启

添加Cesium SunSky

Cesium SunSky扩展了UE本身的SunSky,针对Cesium场景做了优化。
image.png

有关细节此处不详细说明。

添加Dynamic Pawn

image.png

DynamicPawn 是插件定制的基于Cesium场景的一个Pawn对象,赋予了基于地球的运动方式,此处也不详细说明。
实际上DynamicPawn不是必须的,也可以自己写一个Pawn 类来进行操作。但是DynamicPawn可以进行碰撞检测,让镜头总是在地球(或者倾斜摄影的表面运动),如果是挺大场景,可能这一点比较重要。

对于较小场景,可以自己进行Pawn类的编写适合自己的操作习惯。

添加倾斜摄影

首先添加一个Blank 3D Tiles Tileset 到场景中,插件将自动添加Cesium Georeference、CesiumCameraManager、CesiumCreditSystemBPM等其它三个控件(如果原先没有)
image.png
点击该对象,在该对象的详情页面设置加载的倾斜摄影路径,

image.png

在【细节】面板中,查找“Cesium”类别。

Source可以填写倾斜摄影的来源。来源可以是Cesium ion,也可以From Url。

如果需要使用Cesium ion的线上数据,可以登录Cesium ion账户。通过点击【Add】按钮,弹出【Cesium ion Assets】选项卡,内部列表数据与线上Cesium ion账户内【My Assets】选项卡中的数据一样。因为Cesium ion数据服务器在国外,考虑到数据使用的安全性以及带宽流量,本文主要实践加载本地部署数据。

本地部署的时候,source选择From Url。
而From Url又可以是本地格式和网络格式。(本地格式:file:///C://tileset.json。网络URL地址格式:http:///tileset.json。)
比如笔者的案例中,使用本地文件加载,输入如下所示:
image.png

更改CesiumGeoreference定位(解决看不到)

CesiumGeoreference用于设置坐标系的原点。
鼠标选择添加的3d Tile模型,按F建聚焦该对象,然后,选择CesiumGeoreference对象,点击按钮“Place CesiumGeoreference Origin here”可以把原点定位到加载的模型处。
image.png

需要注意的一个选项是 “Keep World Origin Near Camera”,如果启用改选项,在运行态下,世界坐标原点会随着镜头的变化而变化,从而导致所有的actor(非Geo对象)的坐标都产生变化。 一般建议在小场景下,关闭次选项。 该选项的目的是在大场景下,避免对象的坐标值很大,超过UE可以能够存储的精度。

调整CesiumSunSky(解决一片黑)

如果场景是黑的或者较暗,可能是因为倾斜摄影地区是夜间,调整CesiumSunSky对象上的“Solar Time”属性。
image.png

至此,模型加载完成,如下图示。
image.png

有关3D Tile的一些说明

Maximum Screen Space Error

加载3d title模型后,我们可能看到模型的精度很差。
image.png
这个是因为** Maximum Screen Space Error造成的, Maximum Screen Space Error默认值是16。 ** Maximum Screen Space Error用于控制模型的精度,数值越大,精度越小,性能越好;反之,精度越大,性能越差。
选中3D title 模型,在 细节面板下->Level of Detail -> Maximum Screen Space Error可以设置值。
image.png

把值改为2后,看到的效果:
image.png

Enable Frustum Culling

改选项表示是否启用 镜头视椎体裁剪。 如果启用,镜头看不到的tile 将会被隐藏显示,当镜头看到的时候,又会重新加载,这就会导致,用户总是会看到tile从无到有的加载过程。
但是如果不启用,可能会导致很多tile在内存中不会被释放,从而导致内存溢出。

参考文档

https://cesium.com/learn/unreal/unreal-quickstart/
https://www.cnblogs.com/bimgis/p/16457060.html

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 要下载UE4 WebUI件,首先需要进入Unreal Engine的官方网站。在首页上方的导航栏中,找到“Marketplace”(市场)选项并点击进入。然后,在左侧的搜索框中输入“WebUI”来搜索相关件。 在搜索结果页面中,可以看到各种WebUI件的列表。浏览这些件并选择适合自己需求的件。点击选定的件,进入件的详细页面。 在件的详情页面上,可以阅读有关该件的详细描述、功能、系统要求等信息。确保件与当前使用UE4版本兼容,并满足其它系统要求。如果满足要求,可以点击页面上的“Add to Project”(添加到项目)按钮。 接下来,会出现一个弹出窗口,让你选择将件添加到哪个项目中。选择目标项目并点击“Add to Project”按钮,然后等待一段时间以完成件的下载和安装。 安装完成后,可以打开UE4编辑器,并打开目标项目。在编辑器中找到件目录,并将其添加到项目的件列表中。按照件提供的说明和文档,可以开始使用WebUI件来创建和设计网页界面。 总之,要下载UE4 WebUI件,首先需要在Unreal Engine官方网站上搜索并选择合适的件,然后将其添加到目标项目中进行下载和安装,最后根据件提供的说明进行使用。 ### 回答2: 下载UE4 WebUI件非常简单。首先,打开Epic Games Launcher并登录您的账户。然后,在左侧导航栏中选择“库”选项卡。在库页面上,找到并选择已安装的UE4引擎版本。在引擎细节页面中,找到并选择“件”选项卡。 在件页面上,您可以找到各种可用的件列表。使用搜索框或滚动浏览可用的件,直到找到具体的WebUI件。一旦找到,点击件名称以打开它的详细信息页面。 在件详细信息页面上,您将看到有关件的描述、版本、兼容性和其他详细信息。请确保您查看和了解这些信息,以确定该件是否适用于您的项目。如果确定要下载该件,请点击页面上的“添加到项目”按钮。 添加到项目后,Epic Games Launcher将开始下载件文件。具体下载时间取决于您的网络速度和文件大小。一旦下载完成,您将在“类别”选项卡中看到已添加的件。 现在,您可以打开UE4编辑器,并在项目内容浏览器中找到已安装的WebUI件。点击件以查看和使用它。如果您要开始使用件功能,您可能需要参考件的文档或教程以了解如何正确使用它。 总的来说,UE4 WebUI件下载非常简单,只需从Epic Games Launcher中选择并添加到您的项目中即可。 ### 回答3: UE4(Unreal Engine 4)是一款强大的游戏开发引擎,拥有丰富的功能和工具。UE4支持在游戏中使用Web UI件,使开发者能够在游戏中集成Web页面。 要下载UE4的Web UI件,可以按照以下步骤进行操作: 1. 在官方Unreal Engine网站(https://www.unrealengine.com/)上创建一个账户并登录。 2. 导航到"Marketplace"标签页。 3. 在搜索栏中输入"Web UI",然后点击搜索按钮。 4. 在搜索结果中,选择适用于UE4版本的Web UI件。 5. 点击件的页面以查看更多信息,包括功能、价格和用户评价。 6. 如果件符合要求,点击“Add to Cart”按钮将其添加到购物车。 7. 在购物车页面上,确认订单并选择适用于你的项目的许可证选项。 8. 填写付款和发票信息,然后点击“Purchase”按钮进行付款。 9. 完成付款后,你将收到一封确认邮件,并可以在网站上的“Library”标签页中找到已购买的件。 10. 在UE4编辑器中,导航到“Marketplace”标签页,并选择“Your Library”。在这里,你可以找到刚刚购买的Web UI件。 11. 点击件名称的下载按钮,选择合适的版本并点击“Install”进行安装。 12. 安装完成后,在Editor中使用件的相关文档和示例,开始在游戏中使用Web UI件。 总结来说,要下载UE4的Web UI件,你需要在官网购买件,然后在UE4编辑器中安装和使用件。购买过程需要创建账户、浏览件页面、添加到购物车、进行付款,并在Library中找到已购买的件进行下载和安装。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值