ITman彪叔 - 博客园

WebGL压缩纹理实践

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

posted @ 2022-09-07 08:14 ITman彪叔阅读(562) 评论(1) 推荐(0)

UE 实现镜头平移，旋转和缩放

摘要： 0x00 引在数字孪生三维场景中，通过键盘和鼠标来控制镜头的移动，缩放是很常见的行为，也是很必要的行为，用户正是通过这些操作，达到对整个三维场景的观看和控制。 0x01 键盘控制镜头前后左右移动通常，我们会通过几个键盘来控制镜头的移动，比如W向前，S向后，A向左，D向右。如果是开发过three 阅读全文

posted @ 2022-09-02 07:56 ITman彪叔阅读(1152) 评论(0) 推荐(0)

UE 实现鼠标点选模型

摘要：楔子在孪生的场景中，点击三维对象是常用的操作。比如点击模型显示相关属性和图片，点击摄像头模型播放视频，点击楼宇展开楼层等等。因此点选模型是属于数字孪生最必要的基础能力。准备知识 UE蓝图介绍本文会涉及到一些蓝图的知识，如果你对蓝图不了解，需要先了解下UE的蓝图知识。蓝图是虚幻引擎4的可视化阅读全文

posted @ 2022-08-29 15:51 ITman彪叔阅读(647) 评论(0) 推荐(0)

UE导入FBX、GLTF模型

摘要：楔子虽然做了很多年的三维可视化，不过都主要还是web端开发为主（webgl，threejs，有兴趣的读者也可以关注下我的相关专栏）。最近准备入手一下UE，顺便做一下知识梳理。所以文章可能都是比较粗浅的，对于UE大佬可以忽略。目标主要是实现数字孪生可视化相关，会围绕此目标整理相关的知识点。有兴趣阅读全文

posted @ 2022-08-27 18:22 ITman彪叔阅读(1234) 评论(0) 推荐(0)

webgl(threejs)生成房间楼层

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

posted @ 2022-08-20 15:02 ITman彪叔阅读(425) 评论(0) 推荐(0)

基于webgl(threejs)的路面编辑

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

posted @ 2022-08-11 17:51 ITman彪叔阅读(840) 评论(0) 推荐(0)

WebGL管网展示(及TubeGeometry优化)

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

posted @ 2022-08-03 17:11 ITman彪叔阅读(300) 评论(0) 推荐(0)

WebGL实践之半透阴影

摘要：楔子相信很多人都知道，通过ShadowMap可以产生阴影，通过渲染阴影可以增加场景渲染的对比度，增加渲染的真实效果。如下图所示：但是对于透明或者半透明的对象，WebGL在处理阴影效果的时候，会把他当成一个不透明的对象来处理，这也渲染的阴影效果就显得很假。比如下面树得阴影效果：真实物理得效果阅读全文

posted @ 2022-07-11 16:21 ITman彪叔阅读(236) 评论(0) 推荐(0)

JS数组at函数(获取最后一个元素的方法)介绍

摘要：本文介绍js中数组的at函数，属于比较简单的知识普及性文章，难度不大。 0x00 首先，我们可以思考如下一个问题，如果要获取一个数组的最后一个元素(这是很常用的操作)，我们应该怎么做？相信大部分人能够想到的代码是这样的： let last = array[ array.length - 1]; 嗯阅读全文

posted @ 2022-06-15 14:28 ITman彪叔阅读(507) 评论(0) 推荐(1)

webgl未使用独立显卡报告2

摘要：楔子在上一篇文章《# [https://juejin.cn/post/7074771064286347301] webgl未使用独立显卡报告》发表后，有读者在公众号给我发了一段评论，如下图所示：我通过找电脑测试，发现确实有这个情况，而我之前的文章没有提到这种情况：“在windows下面进行图阅读全文

posted @ 2022-05-12 13:42 ITman彪叔阅读(117) 评论(0) 推荐(0)