Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add more animated texts to the package #187

Open
aagarwal1012 opened this issue Jan 8, 2021 · 34 comments
Open

Add more animated texts to the package #187

aagarwal1012 opened this issue Jan 8, 2021 · 34 comments
Labels
enhancement New feature or request good first issue Good for newcomers level3 New features, major bug fixing (45 GSSOC Points) new animated text Request of a new animated text

Comments

@aagarwal1012
Copy link
Owner

aagarwal1012 commented Jan 8, 2021 •
edited by SirusCodes
Loading

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!
@aagarwal1012 aagarwal1012 added enhancement New feature or request good first issue Good for newcomers new animated text Request of a new animated text labels Jan 8, 2021
@Sameerkash
Copy link

@aagarwal1012 Can I try working on this?

@SirusCodes
Copy link
Collaborator

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

@Sameerkash
Copy link

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
Copy link

Tonku commented Feb 19, 2021

Any update on this ? :)

@aagarwal1012
Copy link
Owner Author

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

@aagarwal1012 aagarwal1012 added the GSSOC21 GirlScript Summer of Code 2021 label Feb 28, 2021
@jyotilaxmi98
Copy link

Can I work on this?

@aagarwal1012
Copy link
Owner Author

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

@jyotilaxmi98
Copy link

jyotilaxmi98 commented Mar 5, 2021 via email

@awhitford
Copy link
Collaborator

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
Copy link

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
Copy link
Collaborator

@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
Copy link

Thanks @SirusCodes!

@prerna2712
Copy link

Can I work on this under GSSOC '21 ?

@Sameerkash
Copy link

@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
Copy link

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

@Sameerkash
Copy link

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
Copy link

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

@aagarwal1012 aagarwal1012 added the level3 New features, major bug fixing (45 GSSOC Points) label Mar 10, 2021
@saurabhraj042
Copy link

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

@awhitford
Copy link
Collaborator

@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
Copy link
Collaborator

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
Copy link
Collaborator

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
Copy link

@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
Copy link

@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
Copy link

sameer commented Mar 23, 2021

you've got the wrong sameer 😢

@CoderInTheWoods
Copy link
Contributor

CoderInTheWoods commented Apr 6, 2021 •
edited
Loading

@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
Copy link
Owner Author

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

@Mohitmadhav
Copy link
Contributor

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

@aagarwal1012
Copy link
Owner Author

@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
Copy link
Contributor

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
Copy link
Collaborator

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
Copy link
Contributor

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
Copy link
Collaborator

Yes @Mohitmadhav you can follow this as well.

@Mohitmadhav
Copy link
Contributor

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

@SirusCodes
Copy link
Collaborator

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

@aagarwal1012 aagarwal1012 removed the GSSOC21 GirlScript Summer of Code 2021 label Jun 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request good first issue Good for newcomers level3 New features, major bug fixing (45 GSSOC Points) new animated text Request of a new animated text
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests