ScratchAddons / website-v2

The website for Scratch Addons. (version 2)
https://scratchaddons.com
GNU General Public License v3.0
49 stars 38 forks source link

Complete (and update!) images of each addon #4

Open Hans5958 opened 3 years ago

Hans5958 commented 3 years ago

[!IMPORTANT] Updates are welcome, and we need it. Some of the focus are...

  1. update them to use the new purple color scheme
  2. redo them with better quality/dimensions.

This is an issue tracking about the addon screenshots. It is mainly displayed on the addons page.

For discussion related to adding images or media to the extension itself, see ScratchAddons/ScratchAddons#364.

You can add your images by following either of these two options.

  1. Create a fork, add your images on /site/assets/images/addons, and create a pull request.
  2. Comment and attach the images on this issue. Someone will add it for you.

Continuation of ScratchAddons/website#61 for website-v2.

Guidelines

The images for the addon are following these rules:

  1. Post the addon ID, and preferably also the addon name. The addon ID is colored gray underneath the addon name.
  2. The image has an extension/a format of .png.
  3. The image has an aspect ratio of 4:3 and a size of at least 400x300.

[!NOTE] The recommended sizes are 800x600 to 1200x900, depending of the size of the subject, and the display pixel ratio (DPI) of 3 to 4. Other sizes are still allowed, as long as the ratio is still 4:3 or 1.3333... (e.g. 400x300, 480x360, 800x600).

Zooming in/out using the browser is permitted, including setting the display pixel ratio using browser tools. See this comment as a suggestion.

  1. The image contains a sample of what the addon can offer without any other effects from other addons.

[!NOTE] Disable other addons so that the screenshot only shows one addon only. One addon for one image! We don't want confusion.

  1. The image has minimum edits, but still made the image to be not awkward.

[!NOTE] If an edit can be made to improve the visibility of addon behaviors, you may do it, while still keep in in the minimum. This includes...

  1. Have additional markers (red cross for removed elements, circle for very, very subtle changes, etc (example from disable-auto-save)
  2. Make a side by side comparison if needed. (example from fix-uploaded-svgs)

If possible, the image is only cropped, without any resizing or other edits. As mentioned, zooming is allowed.

  1. If possible, avoid having user-generated content on the image (user avatars, user names, project thumbnails, project name, etc)

[!NOTE] In cases when the editor is needed, but the address bar would be in frame, using https://scratch.mit.edu/projects/editor/ is suggested.

Progress

Missing Addons (3)

Addons that have never gotten an image.

Improve (1)

Has other addons in the background that lose the addon's focus, or is otherwise a bad quality image

Outdated (3)

New updates have occurred to this addon that makes it look or act differently.

Hard to Display (9)

Not a priority. You can probably ignore this section, unless you found a way to make this displayable.

cobaltt7 commented 2 years ago

No?

CST1229 commented 2 years ago

No?

I checked by switching the player to TW with progress-bar disabled and it showed the progress bar.

cobaltt7 commented 2 years ago

oh

cobaltt7 commented 2 years ago

well it's the wrong size anyway, so mute point

CST1229 commented 2 years ago

scratchblocks kép

block-cherry-picking kép

editor-extra-keys kép

move-to-top-bottom kép

turbowarp-player kép

editor-unshare-button kép

ChrisIsBadAtFnF commented 2 years ago

well it's the wrong size anyway, so mute point

I didn't want the picture to loose quality

ChrisIsBadAtFnF commented 2 years ago

Screenshot 2021-09-30 12 10 25 PM

CST1229 commented 2 years ago

well it's the wrong size anyway, so mute point

I didn't want the picture to loose quality

You can crop it! (Or if it's too small, make a bigger screenshot)

ChrisIsBadAtFnF commented 2 years ago

well it's the wrong size anyway, so mute point

I didn't want the picture to loose quality

You can crop it! (Or if it's too small, make a bigger screenshot) Ok i'll try to make it frame perfect

cobaltt7 commented 2 years ago

Screenshot 2021-09-30 12 10 25 PM

which addon is this?

mxmou commented 2 years ago

Screenshot 2021-09-30 12 10 25 PM

which addon is this?

Remix button in own projects.

ChrisIsBadAtFnF commented 2 years ago

Your eyes may rest Screenshot 2021-10-01 1 44 10 PM

CST1229 commented 2 years ago

Screenshot 2021-10-01 1 53 16 PM

Please consider cropping images instead of stretching them.

Also I have more images, this time improving and updating:

Improved/Updated images (9) `search-profile` ![kép](https://user-images.githubusercontent.com/68464103/135666940-b903de5e-3c3e-4b04-b13b-612860040d7d.png) `block-switching` ![kép](https://user-images.githubusercontent.com/68464103/135666956-f90430ee-cded-4bf1-bd67-28a28de1731a.png) `dark-www` ![kép](https://user-images.githubusercontent.com/68464103/135666994-a86a07b5-2ec0-4ace-a4ac-81adecb2b548.png) `infinite-scroll` ![kép](https://user-images.githubusercontent.com/68464103/135667046-ca6bf225-48b9-4d56-8f82-32b0837d14a8.png) `mute-project` ![kép](https://user-images.githubusercontent.com/68464103/135667101-241c1b27-38d6-40c9-997d-193af10fb5d6.png) `scratchr2` ![kép](https://user-images.githubusercontent.com/68464103/135667161-95aba344-51b0-446b-8b4e-e6823a837db9.png) `scratchstats` ![kép](https://user-images.githubusercontent.com/68464103/135667191-ad665d30-bf02-450c-8093-eeb11c54bba6.png) `editor-searchable-dropdowns` ![kép](https://user-images.githubusercontent.com/68464103/135667204-b600c546-c277-4f1b-84c1-770465ace3d3.png) `my-ocular` ![kép](https://user-images.githubusercontent.com/68464103/135667242-e03b2fb5-3bc2-4988-8d52-218680281c18.png)

Also what needs improving in the image for scratchblocks?

cobaltt7 commented 2 years ago

my-ocular kép

could you do this one with only the default reactions?

Also what needs improving in the image for scratchblocks?

whoops that was a mistake

cobaltt7 commented 2 years ago

infinite-scroll kép

maybe this image should showcase a feature on the main website? I'm guessing a minority of our users use the forums

cobaltt7 commented 2 years ago

scratchr2 kép

scratchstats kép

could these two be a bit more zoomed out?

CST1229 commented 2 years ago

could you do this one with only the default reactions?

kép

maybe this image should showcase a feature on the main website? I'm guessing a minority of our users use the forums

The original also used the forums, and I don't know any other section of the website that clearly shows indicators of infnite scrolling. But if you want one: kép

could these two be a bit more zoomed out?

scratchr2: The original was even more zoomed in, and the image I posted was not scaled or zoomed. scratchstats: That might be a bit more acceptable. Sure. kép

cobaltt7 commented 2 years ago

I don't know any other section of the website that clearly shows indicators of infnite scrolling.

What I've Been Doing or What's Happening both have infinite scroll capabilities

CST1229 commented 2 years ago

I don't know any other section of the website that clearly shows indicators of infnite scrolling.

What I've Been Doing or What's Happening both have infinite scroll capabilities

I mean like the forums, that clearly show page separators.

cobaltt7 commented 2 years ago

Technically, they don't infinite scroll, now I think of it. The addon just adds a load more button.


From: CST1229 @.> Sent: Saturday, October 2, 2021 1:54:08 AM To: ScratchAddons/website-v2 @.> Cc: Paul Reid @.>; Mention @.> Subject: Re: [ScratchAddons/website-v2] Help wanted: Complete images of each addon (#4)

I don't know any other section of the website that clearly shows indicators of infnite scrolling.

What I've Been Doing or What's Happening both have infinite scroll capabilities

I mean like the forums, that clearly show page separators.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/ScratchAddons/website-v2/issues/4#issuecomment-932696077, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOT5DEQYWRGFYOGISKUOSRLUE2UBBANCNFSM44VCTWHA.

CST1229 commented 2 years ago

Technically, they don't infinite scroll, now I think of it. The addon just adds a load more button.

Load more button for WH/WIBD is from full areas.

Samq64 commented 2 years ago

editor-theme3: editor-theme3

custom-block-shape: custom-block-shape

pause-button: pause-button

remix-button: remix-button

confirm-actions: confirm-actions

msg-count-badge: msg-count-badge

CST1229 commented 2 years ago

expanding-search-bar

I already did that.

Samq64 commented 2 years ago

I already did that.

I was trying to get a screenshot without the browser's search bar, but accidentally made the image super blurry. I just removed it from my post.

cobaltt7 commented 2 years ago

Updated images and list.

CST1229 commented 2 years ago

I posted an image for emoji-picker on the PR back when I created it, but it wasn't added so I guess I'll post it here.

Samq64 commented 2 years ago

More images: columns: columns echo-effect: echo-effect editor-comment-previews: editor-comment-previews emoji-picker: emoji-picker forum-id: forum-id fullscreen: fullscreen search-my-stuff: search-my-stuff swap-local-global: swap-local-global tutorials-button tutorials-button

cobaltt7 commented 2 years ago

What is that last one? Also, could you zoom out on the image for fullscreen?

CST1229 commented 2 years ago

What is that last one? Also, could you zoom out on the image for fullscreen?

tutorials-button (it's said above the image)

BarelySmooth commented 2 years ago

redirect mobile forums

Would something like this work for redirect-mobile-forums?

This isn't a screenshot, but it shows the addon's purpose clearly.

WorldLanguages commented 2 years ago

@BarelySmooth Cool!

Samq64 commented 2 years ago

fullscreen: fullscreen

remix-button: remix-button

animated-thumb: animated-thumb

scratchblocks: scratchblocks

editor-searchable-dropdowns: editor-searchable-dropdowns

better-emojis: better-emojis

cobaltt7 commented 2 years ago

Updated list

RIMOPA commented 2 years ago

disable-sprite-wobble: Wobble 1 (1)

I have two for script-snap: Grid 1 (1) And Grid 2

search-sprites: Search Sprites 2

block-palette-icons: Icons 1 (1)

RIMOPA commented 2 years ago

block-count: Blocount 2

custom-block-text: Custoom text style

RIMOPA commented 2 years ago

forum-toolbar: Forum toolbar 2 NP

scratchstats: scratchstats NP

discuss-button: discuss-button NP

debugger: Debugger1 NP

cobaltt7 commented 2 years ago

debugger: Debugger1 NP

i'd prefer to keep the focus on the logs tab for this one.

Hans5958 commented 2 years ago

scratchstats can be improved to have no distortion.

Hans5958 commented 2 years ago

forum-toolbar can be either reverted or improved to have no scaling. Keep in mind that it is recommended to not zoom in or zoom out.

Hans5958 commented 2 years ago

discuss-button probably can be improved. Probably, as in subjective. It's good enough for me.

Norbiros commented 2 years ago

152759665-848ad88d-bb33-4b08-bbf2-fb0cc5f608ae Horizontal my stuff add-on. Image by mxmou...

CST1229 commented 2 years ago

152759665-848ad88d-bb33-4b08-bbf2-fb0cc5f608ae Horizontal my stuff add-on. Image by mxmou...

  • The image has a size of 400x300.

  • The image contains a sample of what the addon can offer without any other effects from other addons.

Norbiros commented 2 years ago

Okay

Norbiros commented 2 years ago

@CST1229 v1 v2 v3

Something like that? It is difficult to make this SS, because it is 50px by 600px img, not 400x300. I think that second image looks better, because this addon was made to extend scratch3 style.

mxmou commented 2 years ago

I think that second image looks better, because this addon was made to extend scratch3 style.

The first one is better because it doesn't use any other addons, but it would be nicer if it was a bit more vertically centered.

Norbiros commented 2 years ago

123asd i-am-too-stupid-to-make-one-ss.png ?

Norbiros commented 2 years ago

Also I created this for: hide-signatures addon. file

OregSamSas commented 2 years ago

I have 5 not-exactly just screenshots (3 of them are proper, 2 are edited) for mostly Hard to Display add-ons. This is the reason actually why are they not the best-looking pictures, but I post them anyway because probably other images won't be sent for these addons.

block-duplicate: block-duplicate

editor-sounds: editor-sounds

feature-unshared: feuture-unshared

forum-live-preview: forum-live-preview

hide-new-variables: hide-new-variables

Norbiros commented 2 years ago

Nice. IDK if they gonna accept it, maybe yes and everything is great, but I found this: I'm talking about 1 and 5 (block-duplicate and hide-new-variables)

If possible, the image is only cropped, without any resizing or other edits.

OregSamSas commented 2 years ago

Yeah I know about that, but I thought that there's no way to find a solution for these addons that is just a screenshot but also displays the addon's full features in an understandable way. (Yeah still the one posted for editor-sounds is a bit inelegant.)

@BarelySmooth also used a similar solution for Redirect to standard forums add-on here (in the fourth comment): https://github.com/ScratchAddons/website-v2/issues/4#issuecomment-966967672 And they accepted it, so I'm waiting hopefully.