Adaptation Issues

#Content editor

1.How to adjust assets for other device models?

Q1: When creating assets, the canvas size is typically displayed based on the iPhone 6 screen size. How can the visuals be adjusted for other device models?

A: First, there is no need to separately adjust for different device models, as materials will be scaled proportionally and automatically adapt to all devices. Most assets also do not require adjustments, as they are centered by default. Materials adjusted for the iPhone 6 screen will display properly on other devices as well. Only a small number of assets may require individual adjustments to their screen adaptation methods (such as product information or disclaimers), which will then perfectly fit all device models.

👉Related content：Screen adaptation

2.The assets are not displayed in full screen during preview

Q1: During the material preview, you may notice that some device models have issues with assets not being displayed in full screen or having white borders.

A: If you encounter such problems, it is likely because you haven't properly adapted the screen layout. You can troubleshoot from the following aspects:

• Check the original size of the assets: Under the default center adaptation, make sure the original size of the assets is at least 1800x1800 to cover all device models in full screen (Note: Due to fixed aspect ratios of videos, they cannot fill every screen completely. You need to manually adjust the position and size of the video to fit appropriately).

• Check the screen adaptation settings: Verify if the assets are set to a non-centered adaptation. If you want the background image to be aligned to one side, you need to increase the size of the image further.

• Set a background image: Adding a background image under "Global Settings" will automatically stretch and fill the screen, adapting to all device models. Therefore, we recommend adding a background image as a fallback for each project you create.

Q2: Black bars appear on the top and bottom during preview on iPhone X and Vivo devices.

A: Due to the notch on the top of iPhone X and Vivo devices, there will be black bars displayed to prevent the materials from being obstructed by the notch. Unfortunately, it is unavoidable to have some black bars in such cases.

3.When a layer has animation and needs separate screen adaptation settings

Q1: I have added an entrance position animation to the product information group, aiming for the effect of "the product information enters from off-screen after the player reaches the end page," while setting it to bottom-adaptive. However, during preview on different devices, I found that the final fixed position of the product information group varies, and it's not entirely bottom-adaptive.

A: The reason for this discrepancy is that the position animation applied to the product information group uses absolute values for its movement distance, which do not adjust based on the size of the device. Consequently, when previewed on different models, the positioning shifts, failing to achieve complete bottom adaptation.

Adjustment Method: Create another group around the product information group, move this larger group to the desired bottom position of the canvas, and set the larger group's "Screen adaptation" to bottom-adaptive (since the hierarchy of the larger group is higher than the layers within it, the position animation of the product information group will still play as intended, but the final stopping position will be based on the larger group's position).

4.Related Issues with Adaptation Orientation

Q1: I have completed a project with both "Landscape & Portrait" orientations. How do I modify it to a single orientation?

A: Duplicate the project in the project list and then select the desired orientation in the 【Adaptation Orientation】setting.