计算机图形学 前端可视化 WebGL

前言 大部分情况下，我们的模型都是建模小哥哥或小姐姐通过建模软件，比如3DMax,C4D,Blender等，结合她们高超的技艺，制作出来的。 然后导出模型为GLTF或者FBX等文件格式，UEer在拿到

问题描述 MultiLineTraceByChannel，看函数名字是返回射线检测到的所有对象，实际使用过程中，发现返回的数组中只又一个对象。 Multi Line Trace by Channel

最近做的一个功能是通过Spline 生成管道模型。 如下图所示： 遇到的一个问题是需要给生成的管路加上碰撞。其中需要两个重要的步骤： 设置SplineMeshComponent的碰撞预设 找到“ 样条

Three光源Target位置改变光照方向不变的问题及解决方法 在 Three.js 中，光源的目标（target）是一种用于指定光源方向的重要元素。在聚光灯中和定向光（DirectionalLigh

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

0x00 Preface 最近在开发一个2D组态图形组件的过程中，里面的数学模块，涉及到两个矩形是否相交的判断。 这个问题很多年前就写过，算是个小的算法吧。 网络上搜索一下，有很多思路，有一些思路要基

楔子 最近和一家公司在谈一个项目合作,他们公司主要是做电力相关的。 项目背景大概是这样的： 国家电网对电网资产需要做到数字化管理，对现有变压器台区内的电表箱电能表做可视化数字孪生管理。 由于涉及到的台

前面一篇WebUI的文章讲述的WebUI插件的下载，开启，在UE中创建，加载网页等。 本文继续讲述通过WebUI，UE和网页实现双向通信的实现思路。 一点说明 由于WebUI 使用的浏览器内核并不是最

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

0x01 本文将讲述压缩纹理在实际项目中的使用的案例。最近的一个项目是这样的：项目由于涉及到的建筑物特别多，大概有近40栋的建筑，而每一栋建筑物，又有10层楼，每层楼里面又有很多的设备。这就导致我们需

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

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

楔子 在很多应用中，特别是一些园区类的应用。 都需要对园区的地面 环境进行展示，路面就是地面的一部分。 通常的做法是，都是建模的时候把相关的元素都建好，然后导入到展示系统中进行展示。 不过有些情况下，

前言 管路展示在三维场景中很常见。比如地下管网，建筑里面的水果，暖通管道等等的展示。 建立管路的方式主要两种： 通过3DMax C4D Blender等建模工具进行建模。 通过路径数据，程序生成三维管

楔子 相信很多人都知道，通过ShadowMap可以产生阴影，通过渲染阴影可以增加场景渲染的对比度，增加渲染的真实效果。 如下图所示： 但是对于透明或者半透明的对象，WebGL在处理阴影效果的时候，会把

楔子 在上一篇文章 《# [https://juejin.cn/post/7074771064286347301] webgl未使用独立显卡报告》 发表后，有读者在公众号给我发了一段评论，如下图所示：

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

使用IndexedDB缓存给WebGL三维程序加速。 three.js使用IndexedDB的思路

引言 在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。

前言 随着《中国制造2025》的提出，制造业迎来了全新的发展机遇。 智能制造芯片车间生产线可视化..