前言对于社区(关注我的人,以及将要关注我的人),提前说两点:我会维护所有创建的专栏.但是写作周期没有做出任何承诺。我真的很懒..我不打算通过写文章给我带来一些收入。(好吧,我对钱不感兴趣。)随着春节的到来,我们也应该回顾一下今年已经推进的技术架构设计、实现以及未来的计划。涉及到内部隐私,这里会分享一些内容。简介2021年个人技术方向可以算是横向发展,会有一定的收获。本文适合专栏的方向之一:渲染引擎??(FastV)回顾。还没有开源。快就是快,也是渲染引擎设计的初衷(大数据下的高性能体验);Vvisual(数据可视化)可视化;FastV快速数据可视化,打造高性能渲染引擎。至于功能,可以参考安视的G2G6,只是设计初衷不一样,彼此的优势也不一样。下面主要介绍其中一款基础渲染引擎开发的渲染库FastV-G架构。背景图可视化从几个方面考虑:布局(algorithms-layout)、渲染(render)、交互(behaviors)。请看右边(蓝色)上面部分架构截图(未体验完整设计)来说明引擎的整体思路:controller作为整体的controller分为render(渲染)events(事件/交互)左边的算法(algorithm/logic)核心模块,举几个例子说明我们的优势。1.behaviors高性能交互。事实上,交互的表现离不开渲染和算法。优化其实也是各自定位、分解、分解。比如渲染,我针对交互操作做了分割。以BS架构下的渲染为例。图片显示分割可能比上图更复杂,主要是idea的问题。所有基本图元(形状)都使用WebGL(硬件加速)渲染,标签使用canvas-2d渲染。然后划分交互部分。每次更新只更新交互部分。怎么可能不开心。(当然,这里可能会更新所有交互的内容,也需要将交互分为不同的case)2.algorithmsGraph算法是一种图算法,将图的数据结构重新设计为利用逻辑结构。例如,数组查询很快。使用matrix(数组)作为图结构(可以学习一个C++的ligra库,有兴趣以后分享)图相关的路径算法,社区算法有了很大的改进。快结束了。布局算法的布局算法,比如ForceDirectLyaout(力引导布局),点击交互需要的2D碰撞算法。底层数据结构采用四叉树结构进行比较和数据集归约。……太多了,沟通的每个细节点都是精华。不能说主讲者没有一个是对手,但基本信心是在性能上秒杀大部分库。技术介绍BS技术选型说明Webpack项目搭建Node&Npm服务包管理Mocha单元测试Typescript主程序逻辑CanvasWebGLRenderingAPIBabel-loader语言编译P:Algorithm-Layout(布局)方向,因为有比较复杂的算法所以写的在C++中(一方面是语言问题,另一方面是考虑可扩展性问题,通信问题目前不是瓶颈点[后期也可以切分,有一些思考])。以平静的方式沟通。从可视化(交互)的角度,应用场景分为展示、分析、编辑三个方向。那么这三个方向还可以衍生出各种行业。比如图分析:FastV-G支持的业务领域的图分析。知识图谱;图平台:图数据库、图计算;安全风险控制;……只是分享技术成果看效果,不关心视觉效果。每个人都明白哈哈哈。硬件是i5CPU集显存算法部分显示16G,约10w个图形元素(5w个点,5w个边)上图为10s内的迭代效果。渲染部分在第二层。缩放选择拖动相关操作都在30fps左右。最后,在这里介绍一下。超招!!!招聘!!!招聘!!!重要的事情说了3遍。领导很好。环境不错。薪水不错。叫我叫我!!!!想快速取得联系,想搞图的,想交流也可以加我。主页有联系方式。其他勿扰!!!
