1

background

Recently, a customer consulted our 3D visual editor, saying that they saw the case of our 3D visual editor and wanted to realize the visual display of the water purification treatment process of their own water plant. I want to use this kind of real three-dimensional visualization to conduct online sales, so as to deal with more customers and reduce the impact of the epidemic on myself. Through communication and communication, the customer posed several problems and wanted us to make some demos of 3D visualization scenes based on the pictures of their water plant scenes. The customer lists the specific problems and difficulties as follows:

  • Can the filtration model of the water plant be modeled to achieve a three-dimensional effect;
  • Can the filtering process of the entire water plant scene be reproduced;
  • Whether the real-time data of water plant equipment can be connected and displayed;
  • There are many pipelines in the water plant and their shapes are complex. Can you change the direction and edit them casually without modeling, and connect the pipelines?

    Design

    According to the above-mentioned needs of the customer, we began to examine whether our own editor can realize the above-mentioned problems, and finally after discussion, we designed a set of implementation schemes, and finally completed the effects of each scene. Here is a simple sharing of this implementation plan, so the plan is a demo, and the later development effect will be further optimized. If you have better suggestions, you can contact us for technical collision and exchange.
    The program is mainly based on the above problems and is divided into the following steps, as follows:

    3D equipment modeling

    First of all, we design to use professional modeling tools to model water plant equipment. Modeling equipment such as filter tanks, sedimentation tanks, suction wells, ground, clean water tanks, recoil fans, recoil fans, water pumps, water pump rooms and other equipment.

    Model import

    Create a model, import it in the editor, preview it, and note relevant information for the model.

       导入后的模型,可在左树进行查看,并可以拖拽到场景进行编辑。

    Pipeline editing

    Careful friends will find that the pipeline is not modeled above. The main reason is that there are many pipelines in the water plant scene, and the cross shapes are various, the thickness is different, the color is also various, and it is not as fixed as the equipment. How to achieve it?

     分析了场景的各种因素,最终我们研究了一种智能管道的编辑,可以灵活的对管道进行创建编辑。主要功能如下:
      打点编辑:编辑模式下,管道编辑可通过鼠标左键移动,改变当前正在编辑管道的位置编辑控制点,鼠标双击结束管道生成。

  • Three-dimensional direction transformation: The pipeline model can be edited through the coordinate switch button to realize the three-dimensional editing of the pipeline.
  • Pipeline inflection point connection: Inflection point can be produced by pipe drilling, and the inflection point can be connected by setting the pipeline attribute to transparent.
  • Pipe attribute setting: Select the pipe and use the panel to set the basic attributes of the pipe, such as the color, thickness, description, etc. of the pipe.

    pipeline animation

    After editing the pipeline, use the map to change the pipeline style, and set up the pipeline animation. The animation of the pipeline supports the setting of the flow direction.
    1.gif

    Scene layout simulation

    According to the scene layout, drag and drop various devices to adjust the position, size, rotation, batch increase, copy and other basic settings to achieve the final three-dimensional effect.

    Real-time data docking

    The equipment in the water plant supports real-time data display, which is convenient and quick to configure.
    Using the real-time data source management function of the 3D editor, you can connect to the client's interface address, bind to the device according to the platform data format, and present the data in real time.


Three-dimensional scene display

The effect of editing and previewing the 3D visualization scene of the water plant process is as follows:
scene one
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B1&uuid=5c152700-af1b-11eb-9115-859f18cccd8d

Scene two
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B2&uuid=db9c7a00-afa2-11eb-9115-859f18cccd8d

Scene three
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B3&uuid=e079bf10-afa2-11eb-9115-859f18cccd8d

Scene four
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B4&uuid=e74343c0-afa2-11eb-9115-859f18cccd8d
image.png
Scene five
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B5&uuid=ed8dad60-afa2-11eb-9115-859f18cccd8d

Scene six
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B6&uuid=f3ace850-afa2-11eb-9115-859f18cccd8d

If you are interested in visualization, you can communicate with me on WeChat 541002349. Also follow the public account "ITMan Biaoshu" to receive more valuable articles in time.


netcy
204 声望120 粉丝

欢迎对canvas、webgl、图形学感兴趣的读者订阅专栏。