项目中遇到UE需要对接Websocket协议接收实时数据。 所以需要实现一个Websocket Client的功能。 由于UE引擎已经集成了Websocket库（基于libwebsocket），可以通过集成的WebSocket库来比较难容易实现WebSocket Client 和Server进行通信。

大部分情况下，我们的模型都是建模小哥哥或小姐姐通过建模软件，比如3DMax,C4D,Blender等，结合她们高超的技艺，制作出来的。 然后导出模型为GLTF或者FBX等文件格式，UEer在拿到模型文件，导入，调效果，然后就可以生成好看的在UE下能够展示的模型。比如下图：

此指南说明如何使用 Multi Line Trace by Channel 蓝图节点返回在 Visilibity 通道上响应的所有 Actor，并输出它们的名称。Multi Line Trace By Channel 将沿给定线条执行碰撞追踪，并返回所有遭遇的命中，直到并包含首次阻挡命中，只返回对特定追踪通道响应的对象。这就意味着追踪的开始和结束之间有多个带碰撞的 Actor...

最近做的一个功能是通过Spline 生成管道模型。 如下图所示：遇到的一个问题是需要给生成的管路加上碰撞。其中需要两个重要的步骤：设置SplineMeshComponent的碰撞预设找到“ 样条网格体组件”节点，点击节点，出现详情面板，在详情面板中，把碰撞预设从 默认的“NoCollision” 改成 “BlockAll”：创建模板模型的碰撞体模型碰...

在 Three.js 中，光源的目标（target）是一种用于指定光源方向的重要元素。在聚光灯中和定向光（DirectionalLight）中都有用到。

Unreal Engine 5（UE5）以其卓越的性能和直观的开发工具在游戏开发领域占据了重要地位。本系列将深入探讨UE5中射线检测的关键概念，着重介绍处理隐藏Actor的技巧。

Windows（笔者之前用的电脑是windows10，最新电脑使用的是windows11）下UE5打包项目的需要安装Visual Studio。 而且安装的时候需要选择上C++ 游戏开发相关模块。如下图所示：

0x00 Preface最近在开发一个2D组态图形组件的过程中，里面的数学模块，涉及到两个矩形是否相交的判断。这个问题很多年前就写过，算是个小的算法吧。网络上搜索一下，有很多思路，有一些思路要基于多种组合的判断，显得比较复杂。 比如两个矩形相交的情形，可能有下面的多种类型：而每种类型又有多种子类型。0x01 Body其...

最近和一家公司在谈一个项目合作,他们公司主要是做电力相关的。 项目背景大概是这样的：国家电网对电网资产需要做到数字化管理，对现有变压器台区内的电表箱电能表做可视化数字孪生管理。由于涉及到的台区非常多，所以客户希望开发的不是单个项目，而是可以实现项目的3D编辑器，使得电网的台区经理使用编辑器编辑出所负...

前面一篇WebUI的文章讲述的WebUI插件的下载，开启，在UE中创建，加载网页等。 本文继续讲述通过WebUI，UE和网页实现双向通信的实现思路。

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

随着《中国制造2025》的提出，制造业迎来了全新的发展机遇。更多的企业将制造业信息化技术进行广泛的应用，如 MES 系统、数字孪生以及生产管理可视化等技术的研究应用，已经成为社会各界共同关注的热点。​

在开发数字孪生应用程序的时候，除了三维场景展示之外，也需要开发丰富和酷炫的2D页面。 使用UE4的UMG开发图表显得比较笨拙。 而通过Web插件允许开发者创建丰富的基于Web HTML5的用户界面，它由内置在UE4中的web浏览器提供支持，包括对Windows、Mac、Linux、Android和iOS的支持。 基于这种插件技术，普通的前端开发人员...

有时候，模型很大，比如我们做数字孪生应用，一个园区场景模型就会比较大。导入模型之后，我们经常会看不清模型嗯全貌，此时需要修改镜头的视野范围。

在用UE4 开发数字孪生应用的过程中，有很多业务会涉及到actor的查找，和actor标签的使用。 比如下面的场景中，找出所有的物联网设备进行标注。

这是最近公司的一个项目。客户的需求是基于总公司和子公司的数据，开发一个数据展示大屏。 大屏两边都是一些图表展示数据，中间部分是一个三维中国地图，点击中国地图的某个省份，可以下钻到省份地图的展示。 地图上，会做一些数据的标注，信息标牌。 如下图所示：

本文将讲述压缩纹理在实际项目中的使用的案例。最近的一个项目是这样的：项目由于涉及到的建筑物特别多，大概有近40栋的建筑，而每一栋建筑物，又有10层楼，每层楼里面又有很多的设备。这就导致我们需要使用到大量的贴图。在实际的项目过程中，我们的客户的电脑会经常遇到webgl崩溃的情况。这就需要我们想办法来减少该项...

在数字孪生三维场景中，通过键盘和鼠标来控制镜头的移动，缩放是很常见的行为，也是很必要的行为，用户正是通过这些操作，达到对整个三维场景的观看和控制。

本文会涉及到一些蓝图的知识，如果你对蓝图不了解，需要先了解下UE的蓝图知识。蓝图 是虚幻引擎4的可视化脚本方法。也就是说，通常要通过编写脚本来完成的任务，现在可以通过一个由节点和连接组成的图形来创建，而不必输出任何实际的代码。

虽然做了很多年的三维可视化，不过都主要还是web端开发为主（webgl，threejs，有兴趣的读者也可以关注下我的相关专栏）。最近准备入手一下UE，顺便做一下知识梳理。 所以文章可能都是比较粗浅的，对于UE大佬可以忽略。

在很多数字孪生项目中，都会涉及到楼层的建模。楼层的建模由于结构繁多，如果都是建模师进行手动建模，工作量会比较大。而楼层本身的结构，可以抽象成可以通过路径构造的对象(这和之前的文章提及的的管路以及道路类似)，这方便我们通过代码的方式来生成房间楼层。

在很多应用中，特别是一些园区类的应用。 都需要对园区的地面 环境进行展示，路面就是地面的一部分。通常的做法是，都是建模的时候把相关的元素都建好，然后导入到展示系统中进行展示。不过有些情况下，可能建模并不太方便，所以三维编辑器可以直接进行简单的路面编辑显得挺有必要。

前言管路展示在三维场景中很常见。比如地下管网，建筑里面的水果，暖通管道等等的展示。建立管路的方式主要两种：通过3DMax C4D Blender等建模工具进行建模。通过路径数据，程序生成三维管路。如果需要动态的通过数据生成管路，只能采用第二种方式来生成。生成管路的方式在THREE中，通过TubeGeometry可以生成管路。TubeG...

但是对于透明或者半透明的对象，WebGL在处理阴影效果的时候，会把他当成一个不透明的对象来处理，这也渲染的阴影效果就显得很假。 比如下面树得阴影效果：

首先，我们可以思考如下一个问题，如果要获取一个数组的最后一个元素(这是很常用的操作)，我们应该怎么做？ 相信大部分人能够想到的代码是这样的：

楔子在上一篇文章 《# [[链接]] webgl未使用独立显卡报告》发表后，有读者在公众号给我发了一段评论，如下图所示：我通过找电脑测试，发现确实有这个情况，而我之前的文章没有提到这种情况：“在windows下面进行图形设置”，所以做个补充。设置步骤对于前面下面把详细的设置步骤说明下：右键在windows桌面点击，选择显示设...

大部分的webgl框架，比如threejs和babylon等，都可以加载obj和gltf模型。 我们的引擎，基于three封装，同样有加载模型的loader，因此加载obj和gltf模型也是很简单就可以实现的。

最近客户在使用我们的的三维可视化平台的时候，总是会出现浏览器崩溃，webgl context lost的情况。 这种请一般出现在电脑配置很低的电脑上，比如没有独显，只有很小现存的集成显卡的电脑。

使用webgl开发三维应用的时候，经常会发现三维场景加载比较慢，往往需要等待挺长时间，这样用户的体验就很不友好。 造成加载慢的原因，主要是三维应用涉及到的资源文件会特别多，这些资源文件主要是模型及其图片，往往这些模型和图片都会比较大。

上面代码，实现了一个tube（管道），然后给管道加了一个贴图texture。 在渲染的时候，不断更新texture对象的offset的值，此时就可以生产流动的动画。如下图所示：