Layers FAQs

does-protopie-support-alpha-masks

Does ProtoPie support alpha masks?

Although the alpha mask feature is not fully supported in ProtoPie, applying it in your designs is possible. You can export the gradient layer as a PNG and import it into ProtoPie Studio. To get a better understanding, check out the following examples:

  1. Gradient demo using alpha mask

  2. Example of alpha mask

does-protopie-support-alpha-masks

Does ProtoPie support alpha masks?

Although the alpha mask feature is not fully supported in ProtoPie, applying it in your designs is possible. You can export the gradient layer as a PNG and import it into ProtoPie Studio. To get a better understanding, check out the following examples:

  1. Gradient demo using alpha mask

  2. Example of alpha mask

supported-media-file-format

Which media file formats are supported?

Depending on your plan, you can import images from your local files or, for Enterprise users, from a self-hosted URL.

ProtoPie supports the following media formats:

  1. Image: PNG, JPG, JPEG, BMP, GIF, SVG, and WebP.

  2. Video: MP4 (H.264), WebM, and MOV files up to 100 MB.

  3. Lottie: ProtoPie does not support Lottie files that use expressions.

An error message will be displayed if you attempt to use an unsupported media file format. Please consult the error code explanation below to understand the supported media file formats.

  1. E001: Ensure the URL you entered for the media file has the correct content type.

  2. E002: The media type you're trying to use is incompatible; please choose a supported one.

  3. E100: Ensure the URL you entered for the media file is correct and accessible online.

  4. E101: The file format '.lottie' (Dot Lottie) is unsupported. Choose a different Lottie file format.

  5. E102: If you encounter a timeout error while loading a Lottie animation, try again later.

  6. E103: Ensure your Lottie JSON file includes the required properties: layer, ip, op, fr, w, and h.

  7. E104: If you face a Lottie load error, check if the Lottie file is valid and not corrupted.

  8. E105: Lottie assets should use URLs or online resources, not local paths.

  9. E106: Review your Lottie JSON file to ensure it's not empty and adheres to the proper JSON format for Lottie.

  10. E200: Ensure the HLS URL you entered is accurate and accessible.

  11. E201: Verify that your video source URL is accessible and correct.

  12. E202: Use MP4 (H.264), WebM, and MOV files up to 100 MB.

  13. E203: The video codec used is not supported.

  14. E300: ProtoPie only supports audio file formats like WAV, MP3, and M4A.

  15. E301: If you experience an audio loading error, ensure the audio file is not corrupted and in a supported format.

  16. E400: The image has failed to load. Please check and try again.

  17. E500: This file format is not supported; please choose a supported one.

  18. E501: There may be an issue with the file. Please check and try again.

  19. E600: Ensure that your audio source URL is valid and accessible.

supported-media-file-format

Which media file formats are supported?

Depending on your plan, you can import images from your local files or, for Enterprise users, from a self-hosted URL.

ProtoPie supports the following media formats:

  1. Image: PNG, JPG, JPEG, BMP, GIF, SVG, and WebP.

  2. Video: MP4 (H.264), WebM, and MOV files up to 100 MB.

  3. Lottie: ProtoPie does not support Lottie files that use expressions.

An error message will be displayed if you attempt to use an unsupported media file format. Please consult the error code explanation below to understand the supported media file formats.

  1. E001: Ensure the URL you entered for the media file has the correct content type.

  2. E002: The media type you're trying to use is incompatible; please choose a supported one.

  3. E100: Ensure the URL you entered for the media file is correct and accessible online.

  4. E101: The file format '.lottie' (Dot Lottie) is unsupported. Choose a different Lottie file format.

  5. E102: If you encounter a timeout error while loading a Lottie animation, try again later.

  6. E103: Ensure your Lottie JSON file includes the required properties: layer, ip, op, fr, w, and h.

  7. E104: If you face a Lottie load error, check if the Lottie file is valid and not corrupted.

  8. E105: Lottie assets should use URLs or online resources, not local paths.

  9. E106: Review your Lottie JSON file to ensure it's not empty and adheres to the proper JSON format for Lottie.

  10. E200: Ensure the HLS URL you entered is accurate and accessible.

  11. E201: Verify that your video source URL is accessible and correct.

  12. E202: Use MP4 (H.264), WebM, and MOV files up to 100 MB.

  13. E203: The video codec used is not supported.

  14. E300: ProtoPie only supports audio file formats like WAV, MP3, and M4A.

  15. E301: If you experience an audio loading error, ensure the audio file is not corrupted and in a supported format.

  16. E400: The image has failed to load. Please check and try again.

  17. E500: This file format is not supported; please choose a supported one.

  18. E501: There may be an issue with the file. Please check and try again.

  19. E600: Ensure that your audio source URL is valid and accessible.

supported-self-hosted-url-format

Which self-hosted URL formats are supported?

We don't impose any specific restrictions on URL formats. If the URL functions on your website and you host it as a self-server, it should work without any issues.

However, if the media fails to load, it might be due to CORS (Cross-Origin Resource Sharing) restrictions. Ensure your hosting server allows requests from external domains by setting appropriate CORS headers.

supported-self-hosted-url-format

Which self-hosted URL formats are supported?

We don't impose any specific restrictions on URL formats. If the URL functions on your website and you host it as a self-server, it should work without any issues.

However, if the media fails to load, it might be due to CORS (Cross-Origin Resource Sharing) restrictions. Ensure your hosting server allows requests from external domains by setting appropriate CORS headers.