首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

智慧运维:基于 BIM 技术的可视化管理系统

服务器端 BIM 解码程序将 IFC 文件解码成 HT 可以显示渲染的私有格式。导出 BIM 建筑信息,可以用 HT SDK 访问模型的建筑信息。...用户可以通过客户端编辑功能,选择需要保留的 BIM 组件,将选中的 BIM 组件生成一个 BIM 模型快照或 OBJ 文件。生成的快照和 OBJ 文件可以被 HT SDK 直接加载。...设计可视化图扑软件 HT 引擎依托 BIM 工具多种可视化的模式,包括隐藏线、带边框着色、真实渲染三种模式,采用三维组态方式向客户进行更直观的设计方案。...BIM 轻量化处理将地铁站的机电各专业模型融合为一个整体 BIM 模型,从而使机电管线与建筑物的碰撞点以立体方式直观呈现,优化管线排布方案。...通过 BIM 转 OBJ 功能和加载后通过 API 改变颜色、更换贴图功能,实现 BIM 模型的外观优化,根据应用系统采集数据实现状态展示。

4.8K30

基础渲染系列(三)多样化的表现——组合纹理

我们不能凭空的创造出更多细节,因此这是没有办法可以解决。但真的是那样吗? 当然,我们可以使用更大的纹理。更多的纹理元素意味着更多的细节。但是再大也是有上限的。...除了缺少细节之外,由纹理压缩引起的失真也会变得很明显。 ? (网格特写,显示低纹理像素密度和DXT1失真) 1.1 多纹理采样 此时,我们只是在采样一个纹理样本,并将其返回给片段着色器。...就像在上一教程中一样,我将包括OpenGLCore和Direct3D 11的相关编译代码。 ? ? 编译后的代码中只有一个纹理采样。没错,编译器为我们删除了不必要的代码!...我通常在这些代码段中省略了注释部分,但这些注释说明了其工作方式。 ? 这意味着两个UV对都打包到一个输出寄存器中。第一个终止于X和Y通道,第二个终止于Z和W通道。...我只是选择了我们已经拥有的网格和大理石纹理。 ? (两个叠加的纹理) 当然,我们可以为添加到着色器中的每个纹理获得平铺和偏移控件。实际上,我们可以为每个纹理分别支持单独的平铺和偏移。

2.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Unity基础教程系列(新)(二)——构建视图(Visualizing Math)

    让我们实例化第二个实例,并将其放在向右的另一个步长上。这可以通过将右向量乘以2来完成。重复实例化和定位,然后将乘积添加到新代码中。 ? 我们可以用结构乘以数字吗?...3 给视图上色 白色的视图看起来不太漂亮。我们可以使用另一种纯色,但这也不是很有意思。使用点的位置确定其颜色更有趣。 调整每个立方体颜色的直接方法是设置其材质的颜色属性。我们可以在循环中做。...这种着色器称为表面着色器。不幸的是,它们仅适用于默认渲染管道。稍后我们将介绍通用渲染管道。 Unity具有自己的着色器语法,总体上大致类似于C#,但是它是多种语言的混合体。...我将其命名为URP。这还将自动为渲染器创建另一个资产,在我的例子中为URP_Renderer。 ? ?...这只能在编辑器中完成,不能在内置的独立应用程序中更改渲染管道。 HDRP呢? HDRP是更为复杂的渲染管线。我不会在教程中介绍它。

    2.6K50

    《数据可视化基础》第三章:图形颜色如何选择

    我按人口增长的顺序排列了州,并按地理区域为州上色。下图使用的这四个颜色,都不一样,但是也不会让人觉得说哪一个颜色会特别的突兀。 ? 2....使用颜色来表示数据值 颜色也可以用来表示数据值,例如收入,温度或速度。在这种情况下,我们使用顺序颜色标度(sequential color scale)。...当我们想显示数据值如何在地理区域内变化时,将数据值表示为颜色特别有用。在这种情况下,我们可以绘制地理区域的地图并通过数据值对其进行着色。这样的地图被称为choropleths。...可视化清楚地显示了在哪个县中白人占多数,在白人中占少数,在白人和非白人中所占比例大致相等。 ? 3. 使用颜色突出显示 颜色也可以是突出显示数据中特定元素的有效工具。...实现这个目的的一种简单方法是,用一种或多种颜色对这些图形元素进行着色,以使其在其余图形中脱颖而出。这种方法可以通过强调颜色标度来实现(accent color scales)。

    1.2K40

    WebGL简易教程(二):向着色器传输数据

    概述 在上一篇教程《WebGL简易教程(一):第一个简单示例》中,通过一个绘制点的例子,对WebGL中的可编程渲染管线有了个基本的认识。..., 0, 1); } 1) attribute变量 在顶点着色器中,可以看到声明了一个attribute的全局变量a_Position,并且将这其赋值给gl_Position: // 顶点着色器程序 var...2) uniform变量 同样的,在片元着色器中,声明了一个全局的uniform变量u_FragColor,并将其赋值给gl_FragColor: // 片元着色器程序 var FSHADER_SOURCE...,表示的是JavaScript程序向顶点着色器和片元着色器传输的一致的(不变的)数据;也就是是说这种变量既可以用在顶点着色器也可以用于片元着色器。...位置信息和颜色信息不再是硬编码在着色器中,而是从外部传入的。 4.

    76140

    UI设计中颜色使用的10条原则

    1.颜色术语 颜色术语构成了我们颜色知识的基础。将诸如色调,色调和阴影之类的颜色术语视为我们可以用来开发独特调色板的工具。 色相(Hue) ? 色相是色彩的技术术语。...将灰色(白色和黑色)添加到着色时,将创建一个色调。 明暗值(Value) ? 值是指颜色的明暗程度。它指示反射的光量。 饱和度(Saturation) ? 饱和度是指颜色的亮度和强度。...通过使用色彩,我们可以为元素分配不同的重要性级别。如果一个元素比另一个元素更重要,则它应该具有更高的视觉重量。这使用户易于快速浏览页面并区分重要和次要信息。...注意几乎每家快餐店的品牌都使用红色和黄色吗?这是因为红色触发刺激,食欲,饥饿,并引起人们的注意,而黄色则触发幸福和友善的感觉。 6.限制颜色使用数量 ?...如果在我们的设计中,主色调使用红色,则应避免使用它来通知错误状态。我们可以使用其他颜色(例如黄色)来避免混淆。 这是一个很容易解决的问题,因此没有理由避免在我们的品牌中使用红色或黄色。

    3.8K10

    Sketchup Pro 2018破解版 附安装教程

    通过拉伸、复制、旋转和着色制作您喜欢的3d模型。新版本的草图大师2018功能更强大,比如新加入已填充的剖面切割,用户可以通过样式对话框选择填充颜色,并将其添加至模板中。...sketchup pro 2018 图标,弹出许可协议,勾选我同意后继续; 7、选择模板后,可以正常使用。...2、已填充的剖面切割 草图大师 2018 现加入已填充的剖面切割。通过样式对话框选择填充颜色,并将其添加至模板中。 3、快速剖面 我们针对使用剖切面隐藏大量几何图形的模型提升了相关性能。...3、创作更佳绘图 推导、倒角和制作圆角、圆弧、偏移阵列、所选内容:LayOut 无懈可击,可满足您的一切需求:绘制细节图,或按比例创建魅力无穷的图画。 三、已拥有 BIM?...3、IFC 导入/导出 当信息可在应用程序中自由移动时,BIM 的性能最佳。您可借助 SketchUp 中的 IFC 转移项目中分配和操作的属性。

    2.6K30

    WebGL 概念和基础入门

    WebGL 中的基本概念 WebGL 运行在电脑的 GPU 中,因此需要使用能在 GPU 上运行的代码,这样的代码需要提供成对的方法,每对方法中的一个叫顶点着色器而另外一个叫做片元着色器,并且使用 GLSL...一般情况下我们在纹理中存储的大都是图像数据,但你也可以根据自己喜欢存放除了颜色数据以外的其它数据 可变量:可变量是一种顶点着色器给片元着色器传值的方式 小结 WebGL 只关心两件事:裁剪空间中的坐标值和颜色值...因此我们通过提供两个着色器来做这两件事,一个顶点着色器提供裁剪空间坐标值,一个片元着色器提供颜色值。...假如我们需要绘制一个三角形,此时 GPU 上进行的工作便是先调用三次顶点着色器计算出三角形的 3 个顶点在裁剪空间坐标系中的对应位置,并通过变量 gl_Position 保存在 GPU 中,然后调用片元着色器完成每个顶点颜色值的计算...而场景的光照,纹理等的设计也都需要对颜色的配置有自己的见解。所以为了给初学者降低难度,下面我将介绍一些 WebGL 开发的常用框架。

    4.2K31

    Unity通用渲染管线(URP)系列(三)——方向光(Direct Illumination)

    将它放在ShaderLibrary文件夹中的一个单独的SurfaceHLSL文件中。 ? 应该把normal定义为normalWS吗? 可以,但是表面不在乎法线的定义空间。...在LitPassFragment中定义一个surface变量并填充它。然后,最终结果将成为表面的颜色和Alpha。 ? 这种写法会有性能问题吗?...定向灯也可以用于近似多个大型的照明设备,例如大型体育场的照明设备。 如果你的游戏始终只有一个定向光,那么就可以去掉循环,或者制作多一个着色器变体。...我们可以通过多种方式来控制它。这里使用metallic 工作流,这需要我们向Lit着色器添加两个表面属性。 第一个属性是告知表面是金属的还是非金属的,也称为电介质。...给着色器的新功能添加关键字到Lit的Pass里。 ? 向材质球添加一个toggle属性。 ? ?

    5.8K40

    WebGPU 入门:绘制一个三角形

    大家好,我是前端西瓜哥。 今天我们来入门 WebGPU,来写一个图形版本的 Hello World,即绘制一个三角形。 WebGPU 是什么?...2 个 32位浮点数 format: 'float32x2', offset: 0, // 从每组的第一个数字开始 shaderLocation: 0, // 顶点着色器中的位置...如果引入了颜色值并和顶点放在一起,我们就要多声明一个数组元素,并将 offset 指定到颜色的位置。 这个对象此时还没用到,后面设置渲染流水线时会用到。...表示片元着色器主函数 -> @location(0) 表示将返回的颜色输出到位置为 0 的颜色附件上,简单来说,就是给对应点设置为对应颜色。...可以看到它和 WebGL 的逻辑有很多共同之处的,都要创建缓冲区、着色器、定义读取方式。 我是前端西瓜哥,欢迎关注我,学习更多前端图形知识。

    44210

    Unity基础系列(二)——构建一个视图(可视化数学)

    我们的新着色器具有自定义的颜色,纹理,以及表面的光泽和金属的特性。因为我们将基于一个点的位置,我们不需要自定义的颜色或纹理。...这里需要我们自定义数据格式,来支持着色怎么绘制颜色。在这个例子里,我们需要拿到一个点的坐标。这可以通过在输入中添加Float3 worldPos来访问位置。 ?...在我们的例子中,这是单个立方体的每个角。颜色将被插入到立方体的表面上。立方体越大,颜色转换就越明显。 现在我们有了一个满足功能着色器,为它创建一个材质,名为Colored Point。...这定义了数组支持多少个元素,这些元素在创建之后不能更改。此长度在构造数组时写入方括号中。在这个例子中,它的长度等于分辨率。 ? 现在,可以在数组中填充对点的引用了。...访问数组元素的方法是将其索引写入数组字段或变量后面的方括号中。对于第一个元素,数组索引从零开始,就像循环的迭代计数器一样。因此,可以使用它来访问适当的数组元素。 ? 现在需要遍历这所有的点。

    2.8K10

    绘制路径:Android 中矢量图渲染

    在这篇文章中,我将深入探讨这些技巧:颜色资源、主题颜色、颜色状态列表和渐变的使用。 简单的颜色 绘制路径最简单的方法是指定一种硬编码的 fill/stroke 颜色。 一个体育类型的应用程序可以设置一个主题色的占位符图像来显示球队的颜色;使用单一绘图: ? 用主题颜色填充路径 着色 根元素提供了 tint 和 tintMode 属性值: 给图标着色,那么最好使用完全不透明的填充/描边颜色(惯例是使用 #fff)。 你可能想知道什么时候为资源着色?什么时候在单独的路径上使用主题颜色?因为这两种颜色都可以获得类似的结果。...我也非常喜欢为自定义视图创建自己的状态,这些视图可以与此支持结合使用,以控制资源中的元素,例如在某个特定状态触发之前将路径设为透明。 渐变 ?...转换包含渐变的路径 颜色的数量 希望这篇文章已经表明 VectorDrawable支持许多高级特性,你可以使用这些特性在应用程序中渲染更复杂的资源,甚至可以用一个文件替换多个资源,帮助你构建更精简的应用程序

    3K20

    基础渲染系列(十)——更复杂的复合材质

    本文重点: 1、烘焙自阴影到材质中 2、给表面的某些部分增加细节 3、支持更多的效果变体 4、一次性编辑多个材质 这是关于渲染的系列教程的第十部分。上一次,我们使用了多个纹理来创建复杂的材质。...因此结果通常是可以接受的。 我们可以将其缩小为单个纹理样本吗? 是的,你必须调整着色器以从同一贴图采样所有内容。如果你正在执行此优化,则也可以摆脱多余的纹理属性。...由于绝大多数材质都使用反照率贴图,因此这是一个合理的假设。同样,我也不用albedo关键字。当然,你可以自由添加它。 标准着色器也始终应用反照率着色。...4 编辑多个材质 到目前为止,我们仅考虑一次编辑一个材质。但是Unity允许我们选择多种材质。如果这些材质全部使用我们的着色器,则可以使用着色器GUI一次编辑所有材质。...如果愿意,可以用常规的for循环替换它们。 ? 请注意,上面的代码使用一个临时变量来缓存editor.targets属性。foreach循环不需要这样做,因为仅直接引用一次数组即可获得其迭代器。

    2.4K30

    WebGL简易教程(一):第一个简单示例

    在这里给大家强烈推荐《WebGL编程指南》这本书,我这篇教程正是在这本书的基础之上总结出来的。...是HTML5引入的的一个绘制标签,可以在画布中绘制任意图形。WebGL正是通过元素进行绘制的。 除此之外,这段代码还通过标签引入了几个外部JS文件。...在启动JS程序后,绘制工作首先进入的是顶点着色器,在顶点着色器中描述顶点特性(如位置、颜色等),顶点就是三维空间的点,比如三角形的三个顶点;然后进入到片元着色器,在片元着色器中逐片元处理像素(如光照、阴影...既然是语言也就有自己的函数与变量定义。main()函数是每个着色器程序定义的入口。在main函数中,将顶点的坐标赋值给内置变量gl_Position,点的尺寸赋值给内置变量gl_PointSize。...1.0, 0.0, 0.0, 1.0);\n' + // Set the point color '}\n'; 如同顶点着色器一样,片元着色器将点的颜色赋值给gl_FragColor变量,gl_FragColor

    1.8K10

    几个简单的小例子手把手带你入门webgl

    ❝「描述各种图形元素的函数叫做图元,描述几何元素的称为几何图元(点,线段或多边形)。点和线是最简单的几何图元」经过顶点着色器计算之后的坐标会被组装成「组合图元」。...片元着色器 「光珊化后,每一个像素点都包含了 颜色 、深度 、纹理数据, 这个我们叫做片元」 ❝小tips :每个像素的颜色由片元着色器的「gl_FragColor」提供 ❞ 接收光栅化阶段生成的片元,...在光栅化阶段中,已经计算出每个片元的颜色信息,这一阶段会将片元做逐片元挑选的操作,处理过的片元会继续向后面的阶段传递。...这里又有人问,我怎么知道我创建的着色器是对的还是错的呢?我就是很粗心的人呢???...const aposlocation = gl.getAttribLocation(program, 'a_position') 接下来我们需要告诉「WebGL」怎么从我们之前准备的缓冲中获取数据给着色器中的属性

    1.4K21

    基础渲染系列(九)——复合材质

    你需要使用矩形来明确定位每个元素。GUILayout类提供相同的功能,同时使用简单的布局系统自动定位小挂件。...不要将所有代码都放在DoMain中,而是将其委托给单独的DoNormals方法。在反照率行之后,平铺和偏移之前调用它。 ? 新的DoNormals方法只是检索map属性并显示它。...由于着色器中的#pragma multi_compile指令,已经生成了多种着色器变体。它们基于Unity提供的关键字。通过定义自己的着色器关键字,我们可以创建所需的变体。...这样,你就可以表示非常明亮的光。 我们可以看到比1亮的颜色吗? 在现实生活中,可以轰击的光子数量没有硬性限制。太阳非常明亮,令人眼花缭乱。但是,计算机显示受到限制。你不能高于1。...(岩浆的自发光贴图) 我分配了自发光图,但是没有显示? 出现那种情况的话,是因为统一值的自发光颜色仍为黑色。要以全强度查看贴图,请将颜色设置为白色。

    3.5K10

    Introduction to RenderMonkey

    RenderMokey是ATi发布的一个快速开发着色器程序和效果的工具.它解决了几个问题: 1. 着色器程序通常需要一个框架才能运行.这样的一个工具必须可以设置几何和纹理等信息而不用额外的代码 2....着色器开发工具应该在程序员和美工之间建立一个桥梁,所以它不应该依赖任何API,也不应该需要太高的编程能力 4....组元素,用来把元素组织成一个层次结构,如effect,pass等 2.      ...着色器或效果用到的参数,包括矩阵,向量,颜色等.它们可以用Artist编辑器来设定,我们会在后面提到 3.      ...着色器用到的资源,通常是网格和纹理   这些东西被保存到一个.RFX文件中,里面是XML格式的.这样可以用程序来方便地读取 效果预览窗口 从这里你可以看到着色器程序的最终效果

    610100

    一起来学matlab-matlab学习笔记9 高级绘图命令_2 图形的高级控制_视点控制和图形旋转_色图和颜色映像_光照和着色

    如果颜色参量是一个矩阵,其元素作了调整,并把它们用作当前颜色映像的下标。 ? 按默认,上面所列的各个颜色映像产生一个64×3的矩阵,指定了64种颜色RGB的描述。...大多数计算机在一个8位的硬件查色表中一次可以显示256种颜色,当然有些计算机的显示卡可以同时显示更多的颜色。这就意味着在不同的图中,一般一次可以用三或四个64×3的颜色映像。...所以,除非计算机有一次显示更多种颜色的显示卡,最好任何一次所用的颜色映像输入项数都小于256。 颜色的显示 可以有多种途径来显示一个颜色映射,其中一个方法是观察颜色映像矩阵的元素。...colorbar更新最近生成的颜色标尺,如果当前坐标轴系统中没有任何颜色标尺,则在图形的右侧显示一个垂直的颜色标尺,其调用格式如下。...三维表面图形的着色 三维表面图实际上就是在网格图的每一个网格片上涂上颜色。surf函数用默认的着色方式对网格片着色。除此之外,还可以用shading命令来改变着色方式。

    2.6K10
    领券