• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Vector object drawn in animate fuzzy on publish

New Here ,
Sep 01, 2023 Sep 01, 2023

Copy link to clipboard

Copied

Drew triangle, saved as symbol. Multiple occurrences, tweens, tints, motion. When publish as HTML, it renders pixelated (even though vector!) triangles.

 

Screenshot 2023-09-01 at 3.30.21 PM.png
(Full published animation here: https://financialmarketingsolutions.com/tmp/2023/13390/300x250/)

HOWEVER, if I export as animated gif, renders perfectly:  

NOTE: Have also disabled Preferences > Drawing > 'Auto convert vector to bitmap for better warping and tweening'.

Views

70

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 01, 2023 Sep 01, 2023

Copy link to clipboard

Copied

LATEST

In HTML5 Canvas most things are rasterized on publish, incluiding symbols.

Symbols have their own internal resolution, if you made the green triangles small then converted them to symbol they will be rasterized at a low resolution.

Break apart the symbol, make the triangles bigger then convert to symbol again.

Or, double click the symbol and make every frame bigger.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines