"Bulged" or Fish-Eye Text

Forum|Forum|3 years ago
January 4, 2023
3 replies
2757 views

Hello!

I was wondering if it was possible to apply a Fish-Eye or "Bulge" effect to Text, or at least a Symbol, in Animate.

I'm doing this to create a CRT-like screen for a project I'm working on. Find attatched an image to better describe the sort of effect I'm after. Thanks!

This topic has been closed for replies.

kglad

Community Expert

here's a sample of what you can do with the displacementmapfilter.

https://www.kglad.com/Files/forums/displacementmapfilter.mp4

p.s. you can't do anything with meaningful interactivity with timeline animation. ie, the user is not going to be able to drag the lens.

_keyframer

Community Expert

That's cool!

Animator and content creator for Animate CC

kglad

Community Expert

i remember being amazed at what the displacementmapfilter could do and the quality and performance are actually better than it appears in the mp4.

_keyframer

Community Expert

I'll assume you want it animated? Timeline animation or using actionScript like Kglad mentioned?

Animator and content creator for Animate CC

I

Iphone27090081r78jAuthor

Participating Frequently

I'm more familiar with Timeline.

_keyframer

Community Expert

A few more questions. See attached short video. Can your text be broken apart until vectors? Are you okay with frame-by-frame animation?
Another way (in the screenshot PNG) is to simply scale each letter differently to fake the "bulging". This way can be tweened with easing but merely implies Perspective.

Animator and content creator for Animate CC

BulgingText_Test.zip