首页
学习
活动
专区
工具
TVP
发布

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

专栏作者
110
文章
129768
阅读量
46
订阅数
UE4 WebUI插件使用指南
在开发数字孪生应用程序的时候,除了三维场景展示之外,也需要开发丰富和酷炫的2D页面。 使用UE4的UMG开发图表显得比较笨拙。 而通过Web插件允许开发者创建丰富的基于Web HTML5的用户界面,它由内置在UE4中的web浏览器提供支持,包括对Windows、Mac、Linux、Android和iOS的支持。 基于这种插件技术,普通的前端开发人员也可以开发UE4界面上丰富的2d页面效果。
用户3158888
2023-01-08
2.2K0
UE4 蓝图查找Actor和Actor标签
在用UE4 开发数字孪生应用的过程中,有很多业务会涉及到actor的查找,和actor标签的使用。 比如下面的场景中,找出所有的物联网设备进行标注。
用户3158888
2023-01-08
1.6K0
JS数组at函数(获取最后一个元素的方法)介绍
首先,我们可以思考如下一个问题,如果要获取一个数组的最后一个元素(这是很常用的操作),我们应该怎么做? 相信大部分人能够想到的代码是这样的:
用户3158888
2022-06-16
4.4K0
webgl智慧楼宇发光系列之线性采样下高斯模糊
前面一篇文章 <webgl智慧楼宇发光效果算法系列之高斯模糊>, 我们知道了 高斯模糊的本质原理,就是对每个像素,按照正态分布的权重去获取周边像素的值进行平均,是一种卷积操作。
用户3158888
2020-12-31
4210
webgl智慧楼宇发光效果算法系列之高斯模糊
如果使用过PS之类的图像处理软件,相信对于模糊滤镜不会陌生,图像处理软件提供了众多的模糊算法。高斯模糊是其中的一种。
用户3158888
2020-12-31
1K0
webgl实现径向模糊
径向模糊,是一种从中心向外呈幅射状,逐渐模糊的效果。 因此径向模糊经常会产生一些中心的发散效果,在PS中同样也有径向模糊的滤镜效果。 径向模糊通常也称为变焦模糊。径向模糊(Radial Blur)可以给画面带来很好的速度感,是各类游戏中后处理的常客,也常用于Sun Shaft等后处理特效中作为光线投射(体积光)的模拟。
用户3158888
2020-08-27
1.3K0
webgl实现发光线框(glow wireframe)效果 要实现发光的效果
在之前这篇文章, WebGL 单通道wireframe渲染 我们介绍了webgl如何实现单通道wireframe的效果。
用户3158888
2020-08-10
1.5K0
通过canvas计算任意两个颜色的插值
通过canvas可以协助我们做很多颜色计算的辅助,比如颜色转换,渐变颜色计算。本文着重讲解渐变计算颜色的插值计算。
用户3158888
2020-07-15
9550
搭建easy-mock数据模拟服务器 数据模拟模拟数据服务器搭建easy-mock服务器easy-mock的缺点
大家都知道,我们主要提供的是前端可视化研发的,包括2d拓扑可视化,2d电力,工业组态可视化,三维可视化,大屏可视化等。大约效果是长这个样子吧:
用户3158888
2020-05-18
2.3K0
OffscreenCanvas-离屏canvas使用说明 ImageBitmapcreateImageBitmap创建OffscreenCanv
OffscreenCanvas 是一个实验中的新特性,主要用于提升 Canvas 2D/3D 绘图的渲染性能和使用体验。OffscreenCanvas 的 API 很简单,但是要真正掌握好如何使用。
用户3158888
2020-05-12
3.6K0
多段动画整合为一个动画的思路 需求问题整合思路确定每一段动画的帧数值总结
这是从一个项目中提取的需求。 大致的思路是: 通过获取后端的一系列人员的点位信息,在前端模拟人员的一段时间内的行动过程。
用户3158888
2020-05-12
4320
C# WPF 嵌入网页版WebGL油田三维可视化监控 0x00 楔子0x01 寂静无声0x02 初步尝试0x03 CefSharp现身0x04
最近做的一个项目,是一个油田三维可视化监控的场景编辑和监控的系统,和三维组态有些类似,不过主要用于油田上。 效果如下图所示:
用户3158888
2020-05-12
2.8K1
机器人制证系统大屏可视化 0x01项目背景0x02设计稿0x03 任务分解实现0x03 场景生成
本项目是一个机器人制证的可视化系统。 其中包括制证设备的显示和监控,质检设备的显示和监控;同时也包括AGV机器人的显示和监控。 制证设备用于制作证书,质检设备用于合格检查,而AGV机器人用于运输;AGV机器人还需要监控电量和充电情况和行进位置。
用户3158888
2020-05-12
1K0
三维组态可视化解决方案 制作模型加载模型三维场景搭建拖拽模型生成场景创建管路管路动画整体效果
HTML5 WebGL 在三维中的应用,已经发展的如火如荼,使其在三维组态(工业控制)方面也变得简单易行! 三维组态软件提高了工业控制的管理效率,让工业控制的资源管理、风险管控得到很大的改善。
用户3158888
2020-05-12
1.3K0
大屏可视化之番外篇图标/图表制作 图标1图标2图标3图标4,5图表总结
实际项目开发中,往往是让设计人员把相关的图标做成矢量图或者位图,交给开发人员,开发人员直接使用到实际的项目中去。
用户3158888
2020-05-12
3K0
2.5D(伪3D)站点可视化第一弹 楔子2.5D的思想火花2.5D技术概述三维空间定义模型定义投影算法。
最近要做一个基站站点的可视化呈现项目。 我们首先尝试的是三维的可视化技术来程序,但是客户反馈的情况是他们的客户端电脑比较差,性能效率都会不好,甚至有的还是云主机。 因此我们先做了一个性能比较极致的3Ddemo,如下图所示:
用户3158888
2020-05-12
1.8K0
去掉图片黑背景输出为透明背景
如果使用OPENCV ,加上一些图像处理的算法,是可以实现去除任何背景的。但是由于这个需求就是去掉黑色背景,感觉没必要用到哪些比较复杂的算法。
用户3158888
2019-11-12
2.5K0
WebGL2系列之采样器对象
如果我们希望从同一个图片多次读取像素信息,但是每次读取的时候使用的过滤方式不一样, 此时我们需要创建两个不同的纹理对象。
用户3158888
2019-09-09
6840
JavaScript剩余操作符Rest Operator
之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样,都是三个点 '...',但是他们的使用场景会不同。
用户3158888
2019-07-22
9340
JavaScript剩余操作符Rest Operator
之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样,都是三个点 '…',但是他们的使用场景会不同。
用户3158888
2019-07-20
8860
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档