ITman彪叔 - 博客园

webgl智慧楼宇发光系列之线性采样下高斯模糊

摘要： webgl智慧楼宇发光系列之线性采样下高斯模糊前面一篇文章 <webgl智慧楼宇发光效果算法系列之高斯模糊>, 我们知道了高斯模糊的本质原理，就是对每个像素，按照正态分布的权重去获取周边像素的值进行平均，是一种卷积操作。同时我们可以指定周边像素的数量，比如可以是3X3，或者5X5，通用的表达就阅读全文

posted @ 2020-12-28 16:14 ITman彪叔阅读(259) 评论(0) 推荐(0)

canvas可视化效果之内阴影效果

摘要： canvas可视化效果之内阴影效果楔子在之前的一个轨道交通可视化项目中，运用到了很多绘制技巧。可以参考之前的一篇文章《利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果》效果图中的轨道，就同时存在外发光和内发光效果的效果。外发光效果我们知道外发光效果是很容易实现的，直接通过设阅读全文

posted @ 2020-12-22 10:13 ITman彪叔阅读(1006) 评论(1) 推荐(0)

事件代理功能点分享

摘要：事件代理功能点分享看过前面几篇文章的读者相信也应该有所了解了，我们借助于团队内部开发的编辑器实现了很多成功的项目案例，已经多次看到我们点击一个文本、一个按钮等等...去弹出一个表格之类的交互，有些同学难免有些好奇我们是如何实现在 canvas 图形对象上实现事件派发和监听的，接下来听我娓娓道来。阅读全文

posted @ 2020-12-18 14:54 ITman彪叔阅读(309) 评论(0) 推荐(1)

图表绘制之RepeatNode的妙用

摘要：图表绘制之RepeatNode的妙用前言最近接到许多大屏项目，其中有一个智慧大楼的项目，大致是由3d场景+数据图表组成，需要能监控实时数据、安防监控、出入统计以及消防安全等功能如下图但是在开发项目的时候碰到一个难题，设计稿中有一个图表类的模块，如下图。是一个由多个递增的矩形拼接而成的类似柱状阅读全文

posted @ 2020-12-18 14:46 ITman彪叔阅读(155) 评论(0) 推荐(0)

利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果

摘要：利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果前言近日公司接到一个轨道系统的需求，需要将地铁线路及列车实时位置展示在大屏上。既然是大屏项目，那视觉效果当然是第一重点，咱们可以先来看看项目完成后的效果图。可以看到中间线路里轨道的效果是非常炫酷的，那么本文的主要内容就是讲解如何在can 阅读全文

posted @ 2020-12-05 17:54 ITman彪叔阅读(868) 评论(0) 推荐(0)

webgl智慧楼宇发光效果算法系列之高斯模糊

摘要： webgl智慧楼宇发光效果算法系列之高斯模糊如果使用过PS之类的图像处理软件，相信对于模糊滤镜不会陌生，图像处理软件提供了众多的模糊算法。高斯模糊是其中的一种。在我们的智慧楼宇的项目中，要求对楼宇实现楼宇发光的效果。比如如下图所示的简单楼宇效果：楼宇发光效果需要用的算法之一就是高斯模糊。高阅读全文

posted @ 2020-12-01 10:37 ITman彪叔阅读(736) 评论(0) 推荐(0)

可视化编辑器之数据源配置

摘要：随着国家近来几次重要会议开展以及落地。企业转型及可视化布控迎来热潮。所以一款能效力于管理层——运筹帷幄、省力于运维层——降低维护成本的可视化编辑器是很有必要的。关键在于，它很轻便。给大家展示一下最近一个竣工项目的效果图：该项目实现了企业核心指标的实时观测，以及整体布控。另外其还易于上手。并且是由阅读全文

posted @ 2020-11-30 15:20 ITman彪叔阅读(337) 评论(0) 推荐(0)

基于路径集合的三维动画链

摘要：目前数据信息可视化的发展趋势越来越快，纬度宽广、数量庞大、结构复杂的数据展示仅仅只依靠二维平面图表已经不能满足了。为了更加清晰，快速的认知和理解一份数据，构建基于现实的三维虚拟可视化效果，被广泛应用到各行业中，迅速成为信息数字化管理的重要组成部分。三维场景还原了现实的虚拟效果，而各种各样的动画则赋阅读全文

posted @ 2020-11-26 10:34 ITman彪叔阅读(195) 评论(0) 推荐(0)

自动化车间3D可视化设计思路

摘要：自动化车间3D可视化设计思路随着国内制造业企业的高速发展，再加上政策支持，高效的生产模式和先进的管理方式越来越受到企业重视。更多的企业将工业信息化技术进行广泛的应用，比如MES系统、数字孪生以及生产管理可视化等技术的研究应用。近期我们团队利用自主开发的大屏编辑器与3D编辑器结合做了一个智能实验室阅读全文

posted @ 2020-11-19 14:50 ITman彪叔阅读(898) 评论(0) 推荐(0)

canvas绘制飞线效果

摘要：在我们做的可视化大屏项目中，经常会遇到飞线的效果。在我们的大屏编辑器中，可以通过拖拽+配置参数的方式很快就能够实现。下面是我们使用大屏编辑器实现的一个项目效果：中间地图就有飞线的效果。抛开编辑器的快速实现不说，我们大致来说下canvas绘制飞线的大致原理。贝塞尔曲线飞线的路径主要是一个贝塞阅读全文

posted @ 2020-11-10 16:57 ITman彪叔阅读(931) 评论(0) 推荐(0)