Need Animations

[hiruthicShaSS]

Need animations in the website: Animations should consist of:

• [ ] Growing trees or plants
• [ ] Forests
• [ ] Greenish

And put in your craziness, we expect some craziness in every PR😁

[aaronzshey]

Would GIFs be ok? Or I can add organic Paper.js animations. I just forked it, give me the greenlight and I'll start coding :+1:

[hiruthicShaSS]

I am not sure of the GIFs as it cannot be controlled manually for our needs. I just looked up Paper.js, I think it looks fun so if you can do that it would be nice because it has mouse and keyboard interaction. Happy coding😀.

[aaronzshey]

Awesome! Do you have anything specific in mind @hiruthic2002 ?

[hiruthicShaSS]

Yeah, The API will be returning the data(Array) containing [Total Stars, Total Commits, Total PRs, Total Issues]. So I am thinking of some growing trees or forests something like that according to the number of commits and PRs.

Eg, Let's say we got 90 commits and 30 PR's then we can animate 30 trees growing up and covering the page. The calculations are rough but you get the idea.

If you have any idea of better way to show animations with respect to the people work on OpenSource, please go ahead and work with that too and show us

[aaronzshey]

Hmmm... interesting. Unfortunately Paper.js can't work with external information - it exists as its own "PaperScript". I was thinking of adding a small attention-getter on the background, like if you click, flowers would emanate from your cursor. Do you have an example of the API's output?

[aaronzshey]

Also make sure to hacktoberfest tag to this issue and when you accept my PR, hacktoberfest-accepted to my PR -

😅

[aaronzshey]

Here's an example of what I can add to the background

I could also make them leaves or such if you have an y SVG files.

[aaronzshey]

6

[hiruthicShaSS]

Hmmm... interesting. Unfortunately Paper.js can't work with external information - it exists as its own "PaperScript". I was thinking of adding a small attention-getter on the background, like if you click, flowers would emanate from your cursor. Do you have an example of the API's output?

Output: {"data":["18", "2020", "116", "22", "7", "11"],"info":{},"time":1.5307989120483398}

Index of the data key: 1 - Total Stars 2 - Current Year 3 - Total Commits 4 - Total PR's 5 - Total Issues 6 - Contributed to

[hiruthicShaSS]

6

That's good, Can you attach a screenshot of how the website has changed due to your commits!

And kindly please answer these:

• [ ] My change will not break the existing code
• [ ] I have added comments for future developers

[hiruthicShaSS]

Also make sure to hacktoberfest tag to this issue and when you accept my PR, hacktoberfest-accepted to my PR -

😅

Hey, thank you for informing... I have added "hacktoberfest" tag to the repo's topic and added "hacktoberfest-accepted" label in the specific issues too, Confirm it with the new changes and ping me if I have made any mistakes.

[aaronzshey]

The website hasn't changed at all because of my commits 😅 - did you see the Paper.JS sketch? I'm thinking about making that the background, except replacing the circles with flowers or leaves or something.

Thanks for the API response snippet! I'll mock a gradient throbber and hopefully make a commit tomorrow.

[hiruthicShaSS]

The website hasn't changed at all because of my commits 😅 - did you see the Paper.JS sketch? I'm thinking about making that the background, except replacing the circles with flowers or leaves or something.

Thanks for the API response snippet! I'll mock a gradient throbber and hopefully make a commit tomorrow.

Yeah, I saw the Paper.JS sketch but when I tried to reproduce your commits on my local machine I didn't see any change on the site that's why I ask an screenshot.

And also the animations were awesome I'd really like to have those animations on this project. ❤

[aaronzshey]

Awesome! I'll work on this tomorrow morning.
Also, the issues should have the tag "hacktoberfest" - "hacktoberfest-accepted" is only for pull requests.
Like this: (doesn't have to be pink:)

[aaronzshey]

6

• [x] My change will not break the existing code (no changes were made to existing code).
• [x] I have added comments for future developers

[aaronzshey]

6 closed. Refer to #9

Also , could you check in all the boxes in the original post?

[aaronzshey]

Now that #9 is closed you can probably move this to "Done" in the To Dos.

[hiruthicShaSS]

Hmm, let it stay for some days and lets close it after hactoberfest completes. It will be usefull for some new contributors to make some small PR's

[aaronzshey]

:+1: