Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

Time:2020-12-15

preface

In May 2015, the State Council officially issued “made in China 2025” to comprehensively promote the implementation of the strategy of manufacturing power. Corresponding to it, there is a more familiar name, namely“Industry 4.0”。 “Industry 4.0” is mainly divided into three themes: “intelligent factory”, “intelligent production” and “intelligent logistics”. Taking “intelligent production” as an example, it makes full use of Internet of things, cloud computing and artificial intelligence technologies to integrate production equipment, wireless signal connection and sensors into an ecosystem. This ecosystem can supervise the whole production line process and make decisions independently. This project focuses on the automobile manufacturing industry, usingHT for WebRealize 3D visualization of automobile production line. Through the project, we can make the automobile production process more transparent, more refined and efficient management, and promote the intelligent automobile manufacturing.

Preview project

Photo heavy truck assembly workshop:https://hightopo.com/demo2/truck/

HT for Web’s three-dimensional animation of automobile production line has high simulation degree. According to the actual size of the equipment, the 3D animation is reduced in proportion to the actual size of the equipment. The whole, part and process flow of the production line are perfectly displayed by means of aerial view lens, close-up lens and tracking lens. Different scenario scripts are designed for different production lines, and personalized content customization is more suitable for enterprise image.

Preview of interface loading effect

Load animation

When the page is initialized, the view angle of the screen is placed in the distance, and then the view angle is pulled from far to near to the position of station 1 of the production line through animation. In the whole animation process, we can first preview the overall situation of the production line, and finally the screen is specific to the initial station.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

control panel

The project is divided into control panel (2D) and production line (3D). The 2D (control panel) mainly includes the following parts:

1) Technology ring: if you look at Figure 1 carefully, when the page is initialized, there is a transparent ring that rotates 90 degrees. We call it technology ring, and its main function is to improve the rendering effect.

2) Process control buttons: we have several process control buttons in the upper left corner. Includes run / pause, playback speed control, and split / merge buttons. Their implementation will be described in detail later.

3) There are two options for this item: dark and light. By clicking the “switch background” button in the upper right corner, you can switch between the two color systems. The effect of light color system is shown in Figure 3.

4) Progress bar: the bottom shows the progress of the whole assembly process. As the assembly process progresses, the progress bar will gradually fill in.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

Figure 2

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

Figure 3

Realize value 

HT for Web’s 3D visualization scheme of automobile production line perfectly simulates the working process of the production line, reproduces the manufacturing process of the production line, turns the huge production line equipment into portable video content, meets the requirements of displaying the production line anytime and anywhere, makes the demonstration of the production line more simple, reduces the operation cost of automobile manufacturing enterprises, and enterprise compliance number With the development of the times, it has more vitality in the industry competition.

Automobile production line 3D animation can help enterprises solve the following problems:

1) The equipment display is not limited by time and space, providing convenience for customers in different places and reflecting the service consciousness of enterprises.

2) Omni directional display equipment without dead corner, customers can understand the product more thoroughly, and the transaction rate is greatly improved.

3) Help sales staff to sell equipment, shorten the communication time, so that business personnel can more targeted sales.

The 3D animation of automobile production line can be applied to:Assistant tools for business personnel, website product promotion video, enterprise propaganda film, equipment improvement, new equipment launch, equipment development and design, exhibition, process demonstration, patent application.

Animation analysis

We divide the whole truck assembly line into 12 stations, each station is responsible for assembling some parts, so as to gradually realize the complete assembly process from single frame to vehicle. Due to the complexity of the project scene and the use of a lot of equipment, how to make them according to our ideas to achieve the entire animation? The ideas of several key points are as follows:

1. Overall animation process control

Through careful analysis, we found that there are a large number of asynchronous operations in the production process, for example, it is necessary to complete the operation of station 1 before entering station 2, and the seat must be assembled before the door can be assembled. Therefore, we naturally think of two keywords async and await related to asynchronous operation in JavaScript. With them, we can control the whole animation process accurately.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

2. Operation/suspend

We use a flag bit isrunning to identify the running state of the animation. If we want to control each step of the running process, we will make a decision on the execution of each step of the “running process” by “Suspending” the operation of each step. Specifically, the system will await a promise before each step of operation. In this promise, the status of isrunning is checked. If the current state is suspended, isrunning is checked periodically through setinterval, and subsequent animations will wait here. Until the system becomes running, the promise will clear the above periodic tasks and return through resolve(), so that the subsequent animation can continue.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

3. Speed control

In addition to running pause, speed control function is also provided in the project. They are normal speed, 2 times speed and 4 times speed respectively. The implementation principle of this part is relatively simple. In other words, you only need to multiply the runtime by a variable for each animation implementation. This variable is 1 in normal operation. If it is 2 times of speed and 4 times of speed, their values correspond to 1 / 2 and 1 / 4 respectively. It should be noted that, in view of the task processing mode of JavaScript, after we switch the speed, the currently executed animation will not be affected, and the subsequent animation will reflect the change of speed.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

4. Manipulator

In this project, a more complex and often used equipment is the manipulator. The robots in the scene can be divided into different types, such as grippers and suction cups. At the same time, because each manipulator has multiple motion arms and multiple motion axes, how to realize its correct linkage is a more complex problem in the whole project.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

Taking the manipulator 3 in Fig. 8 as an example, the position and angle of the manipulator are affected by the swing of the manipulator 2. Therefore, in order to make it move with the manipulator 2, the manipulator 3 needs to be adsorbed to the manipulator 2 first. In this way, any movement of the manipulator 2 will drive the manipulator 3 to do the same motion.

In addition, we observe the mechanical arm 3, which should move around the joint of the right side and the mechanical arm 2. For a model, in our scene, the base point of its motion is its own anchor point. Therefore, we also need to put the anchor point of manipulator 3 in the position of its motion axis. After that, we adjust the motion of the mechanical arm around the X axis in any direction. As shown in Figure 9.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop
Figure 8

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshopFigure 9

5. Assembly accuracy of automobile parts

For each part to be assembled, it is very difficult to put it into the precise position through the manipulator. Any part assembly dislocation will affect the final display effect. The more forward the station, the greater the impact. Take the front and rear suspension as an example. If the two are misplaced, other parts attached to them (such as tire, engine, transmission shaft, etc.) will also be misplaced. So the final assembled truck will be distorted.

To solve this problem, we use two sets of components. One set of components is adjusted to the correct position by the designer in the form of assembly. The other set is scattered to each station. During initialization, the assembled parts are hidden, and then each part is gradually displayed in the process of animation execution. This ensures that the final assembled truck components are in the correct position.

6、split/merge

1) Identify all parts to split.

2) Determine the translation direction of each part when splitting.

3) Determine the distance to run when each part is split. For the split effect, each component should be set separately.

4) Determine the duration of the split action for each component. Here we use 500ms.

After the above information is confirmed, when you click the split button, you only need to traverse each part and use the method ht.Default.startAnim () complete the split animation.

When performing the merge operation, you only need to modify the translation direction and repeat the above animation, other parameters remain unchanged.

Promote China manufacturing upgrade, 3D visualization of production line in automobile assembly workshop

summary

This project shows the typical assembly process of a truck by animation. Focus on the analysis of several key points in the process of animation implementation. The animation can not only be used in the field of automobile production, but also can be used in the production line of other industries. As a part of the field of “smart factory” or “intelligent manufacturing”, production visualization plays an important role in it. All effects of the project are adoptedHTProvide API for code development. Interested partners can also query more cases on the official website.

In 2019, we have also updated hundreds of 2D / 3D visualization case sets of industrial Internet, where you can find many novel examples and discover different industrial Internet:https://mp.weixin.qq.com/s/ZbhB6LO2kBRPrRIfHlKGQA

At the same time, you can also view more cases and effects:https://www.hightopo.com/demos/index.html