当前内容仅提供英语版本,中文版我们将尽快补充,感谢您的理解。

Multi-Grid

Introduction

Multi-frame, that is, multiple frames appearing on a screen and being shot simultaneously, is the basis for many gameplay in shooting templates.

Basic Usage

1. Import Material

Drag the file directly into the Resource panel.




2. Create Canvas

2.1 Add a 2D Canvas in the Object panel.



2.2 Add another 2D canvas (same steps as (1))
2.3 At this point, the Resource panel will add RenderTarget_camera_1.rdt and RenderTarget_camera_2.rdt files.




3. Create face-tracking stickers in the first two 2D canvases

3.1 Add a Face-tracking Sticker in each of the first two 2D canvases.






3.2 Add Image File to the first two face-tracking stickers.






3.3 After properly adjusting the material position, the first canvas effect is obtained:



3.4 Repeat the same operation for another 2D canvas, and the second canvas effect is:




4. Add the first two canvases in top-down order to the third canvas

Since the Tencent Effect object panel has a rendering order logic, the topmost content on the screen is at the bottom of the object panel; if we want to make a multi-frame shooting project, there should be three 2D canvases in the object, so the bottom 2D canvas should be used to place the top two canvases, that is, the third canvas is the final rendering layer. The following figure shows the hierarchical relationship between the three canvases, so the first two canvases need to be added to the third canvas in top-down order, as follows:



4.1 Add two pag components on the third 2D canvas.






4.2 Change the pag component of the added two pag objects to Image component: first delete the pag component, then add a new Image component.






4.3 Check the rendering files of the first two 2D canvases (the same search method for the second canvas as for the first one).



4.4 Select the corresponding image files for the Image components of the two pag objects.






the second PAG file is operated in the same way

5. Adjust the size and position of the【Image】component.

5.1 Select the first pag object, find its position and transformation in the component panel, and unlock the size parameters.



5.2 Adjust the H (Height) value to half the size, i.e., 640.

5.3 In the component panel, set the image's filling mode to fill.

5.4 Move this image object to the top.
5.5 Repeat the above steps, adjust the size of the second image object and drag it down, finally showing the following form:




6. Preview





Sample Project