search

aagarwal1012 / Animated-Text-Kit

🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]
https://animated-text-kit.web.app
MIT License
1.67k stars 307 forks source link

Add more animated texts to the package #187

Open aagarwal1012 opened 3 years ago

aagarwal1012 commented 3 years ago

Reference: https://tobiasahlin.com/moving-letters/

If you want to work on any animation follow these steps.

  1. Open an issue with the link of animation
  2. Open a PR
  3. Get it merged!
Sameerkash commented 3 years ago

@aagarwal1012 Can I try working on this?

SirusCodes commented 3 years ago

Go ahead @Sameerkash do let us know which animation you are working on..

Sameerkash commented 3 years ago

Go ahead @Sameerkash do let us know which animation you are working on..

Thanks @SirusCodes, I'll try out a few things and drop by again.

Tonku commented 3 years ago

Any update on this ? :)

aagarwal1012 commented 3 years ago

@Tonku if you want to work on any new animated text then please post a comment.

jyotilaxmi98 commented 3 years ago

Can I work on this?

aagarwal1012 commented 3 years ago

Yes @jyotilaxmi98, you can definitely work on this issue.

jyotilaxmi98 commented 3 years ago

How can I join the discord channel?

On Fri, Mar 5, 2021, 11:33 Ayush Agarwal notifications@github.com wrote:

Yes @jyotilaxmi98 https://github.com/jyotilaxmi98, you can definitely work on this issue.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/aagarwal1012/Animated-Text-Kit/issues/187#issuecomment-791179101, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMXGFQ2V6F5FY43ZFKWMYXDTCBXZLANCNFSM4V26PZPQ .

awhitford commented 3 years ago

How can I join the discord channel?

Participants and mentors should have received an email from GirlScript Summer of Code girlscriptsoc@gmail.com with the Discord invitation.

Preeti2095 commented 3 years ago

I also want to add some animated texts. How can I get started like where I can create this. I am a total beginner in dart and flutter so don't know where to create it. I searched in net. I am getting confused. Can anyone give me any suggestion or resources so that I can take help from it? And these examples which were given were amazing. I also want to create something like that.

SirusCodes commented 3 years ago

@Preeti2095 If you don't have any idea about it I would recommend you to learn a bit about Flutter and Animations in Flutter. Then you can take a look and try to understand ScaleAnimation it is one of the few easiest animation on this package.

Preeti2095 commented 3 years ago

Thanks @SirusCodes!

prerna2712 commented 3 years ago

Can I work on this under GSSOC '21 ?

Sameerkash commented 3 years ago

@prerna2712, Sure, go ahead, do let us know which animation, in particular, you're working on. Get back to us on the discord channel if you have any further doubts.

prerna2712 commented 3 years ago

Is there any seperate discord channel within or outside the GSSOC server? Because I cannot find any seperate channel.

Sameerkash commented 3 years ago

Is there any seperate discord channel within or outside the GSSOC server? Because I cannot find any seperate channel.

Please search for #animated-text-kit under projects2 of GSSoC's main server.

Shreejichandra commented 3 years ago

@Sameerkash I think it is not visible to us yet.

saurabhraj042 commented 3 years ago

@aagarwal1012 I would like to add new animated text ( i.e Effect 15 from the reference :https://tobiasahlin.com/moving-letters/#15)

awhitford commented 3 years ago

@aagarwal1012 I would like to add new animated text ( i.e Effect 15 from the reference :https://tobiasahlin.com/moving-letters/#15)

@saurabhraj042 Issue #207 has been created for you.

awhitford commented 3 years ago

Attention GSSOC Participants

We are interested in GSSOC Participants creating new animations. The link to Moving Letters is meant to be inspirational, not necessarily a specification. We welcome your imagination.

Rather than have a bunch of people working on this one issue (#187), we will create a unique issue for each (Participant, Animation) combination. For example, @saurabhraj042 requested to work on an animation like Moving Letters - Effect 15, so we created #207 for him.

If you are interested in working on an animation, please create a new Issue. Please describe the animation that you are striving for because we would like to avoid multiple people working on the same animation. We will add the GSSOC21 and Level3 labels.

awhitford commented 3 years ago

Have you noticed that animation classes come in pairs? For example, there is FadeAnimatedText and FadeAnimatedTextKit. There was a significant refactoring with Version 3 that split the original FadeAnimatedTextKit into FadeAnimatedText and AnimatedTextKit, then FadeAnimatedTextKit was adjusted for backwards compatibility.

When introducing a new AnimationText subclass, you may wonder if you also need to also introduce an additional Kit class. The answer is NO. 🎉

Going forward, we are championing the adoption of the Version 3 approach, and will be deprecating the legacy Kit classes. This will make creating new animations easier.

Preeti2095 commented 3 years ago

@Preeti2095 If you don't have any idea about it I would recommend you to learn a bit about Flutter and Animations in Flutter. Then you can take a look and try to understand ScaleAnimation it is one of the few easiest animation on this package.

I was installing flutter...and when I ran flutter doctor I got " !doctor found issues in 1 category" in the last line. How to resolve this?

Sameerkash commented 3 years ago

@Preeti2095 would recommend asking these types of questions on discord rather than here as this is meant for communicating about this particular issue and not generic doubts about flutter, ping @sameer in discord, I'll be able to help you.

sameer commented 3 years ago

you've got the wrong sameer :cry:

CoderInTheWoods commented 3 years ago

@aagarwal1012 I would like to work on this issue.

I am thinking of adding new text animation Effect 12 from https://tobiasahlin.com/moving-letters/#12

Do let me know if I can work on this.

My GSSOC'21 Discord ID is : Kalgi Sheth (P)#6930

aagarwal1012 commented 3 years ago

@CoderInTheWoods, thanks for the proposal, I have assigned you #234.

Mohitmadhav commented 3 years ago

@aagarwal1012 can I please work on this issue? And how shall I know which animations are still left to be added?

aagarwal1012 commented 3 years ago

@Mohitmadhav, try to select one animated text from the list and check if it is not present in the Readme file; this should work for now.

Mohitmadhav commented 3 years ago

I want to work on https://tobiasahlin.com/moving-letters/#14 @aagarwal1012

But how should I proceed? Should I create a separate class extending AnimatedTextKit in the src folder or something else? Can you please help me out?

SirusCodes commented 3 years ago

Hey @Mohitmadhav it looks really great you can start working on it.

  1. Open an issue with the link
  2. Open a PR
  3. Get it merged!
Mohitmadhav commented 3 years ago

Hey @Mohitmadhav it looks really great you can start working on it.

  1. Open an issue with the link
  2. Open a PR
  3. Get it merged!

That I understand but how can I create the animation I meant - By creating a new dart file for effect in src folder after fork and clone?

SirusCodes commented 3 years ago

Yes @Mohitmadhav you can follow this as well.

Mohitmadhav commented 3 years ago

@SirusCodes not contributing rules - I meant how shall I create this new effect?

SirusCodes commented 3 years ago

@Mohitmadhav I would directly paint the text to canvas and honestly speaking that's not easy.