Complete (and update!) images of each addon

[Hans5958]

[!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.

4. 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.

5. 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.

6. 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.

• [ ] collapse-footer
• [ ] paint-skew
• [ ] place-backpack-code-at-cursor

Improve (1)

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

• [ ] disable-auto-save (The cat doesn't need to be there)

Outdated (3)

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

• [ ] forum-search (https://github.com/ScratchAddons/ScratchAddons/pull/7727)
• [ ] infinite-scroll (https://github.com/ScratchAddons/ScratchAddons/pull/6426)
• [ ] mediarecorder (https://github.com/ScratchAddons/ScratchAddons/pull/7586)
• [ ] Screenshots that still use blue

Hard to Display (9)

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

• [ ] ctrl-click-run-scripts (https://github.com/ScratchAddons/ScratchAddons/pull/2555)
• [ ] ctrl-enter-post (https://github.com/ScratchAddons/ScratchAddons/pull/2986)
• [ ] editor-number-arrow-keys (https://github.com/ScratchAddons/ScratchAddons/pull/6020/)
• [ ] faster-project-loading(https://github.com/ScratchAddons/ScratchAddons/pull/5800/)
• [ ] fix-editor-comments (https://github.com/ScratchAddons/ScratchAddons/pull/3701)
• [ ] fix-pasted-scripts (https://github.com/ScratchAddons/ScratchAddons/pull/2470)
• [ ] move-to-top-layer (https://github.com/ScratchAddons/ScratchAddons/pull/5904)
• [ ] no-script-bumping (https://github.com/ScratchAddons/ScratchAddons/pull/3241)
• [ ] redirect-mobile-forums-v2 (https://github.com/ScratchAddons/ScratchAddons/pull/6915)

[Hans5958]

@TheColaber

Could you resend https://github.com/ScratchAddons/website/issues/61#issuecomment-818745691 but also with the names (id is better)?

[TheColaber]

[Progress has been moved to the original post for better visibility.]

[TheColaber]

Images

blocks2image:  custom-zoom:  dango-rain:  full-signature:  media-recorder:  hide-flyout:  more-links:  last-edit-tooltip: 

[cobaltt7]

@TheColaber

Can you show dango-rain without dark-www and blocks2image without editor-devtools?

[Hans5958]

@RedGuy12

Can you show dango-rain without dark-www and blocks2image without editor-devtools?

Don't worry about it. It's fine for now. @TheColaber, in case you changed it, please tell me.

[TheColaber]

Added much more data on the TBD graph

[TheColaber]

More Images

remove-curved-stage-border:  gamepad:  load-extensions:  material-forum-editor-buttons:  bitmap-copy:  my-ocular:  initialise-sprite-position: 

[mxmou]

I don't think there should be an image for bitmap-copy because it doesn't have any UI at all - unless it shows a bitmap costume next to the copied one in Windows clipboard history or something like that.

[CST1229]

Image for expanding-search-bar

Could be better by using a different search term (or none at all, but I think having something in the search bar would be the best way to illustrate this addon). Also could be taken on Chrome.

[Hans5958]

Also could be taken on Chrome.

It's fine to use other than Chrome. You can also crop the address bar if you want to. Either way, I will add yours later.

[CST1229]

Also could be taken on Chrome.

It's fine to use other than Chrome. You can also crop the address bar if you want to. Either way, I will add yours later.

I feel cropping out the address bar and leaving the navbar at the very top would somewhat distract you from the search bar.

[iqnite]

debugger

[iqnite]

expanding-search-bar

[iqnite]

message-filters

[iqnite]

material-forum-editor-buttons

[iqnite]

gamepad

[iqnite]

remove-curved-stage-border

[mxmou]

@iqnite Please crop screenshots to 400x300.

[iqnite]

transparent-orphans

[cobaltt7]

@iqnite

Pls remove running block highlight from debugger

Also remove custom block shape from debugger and transparent orphans

---

From: IQNite @.> Sent: Monday, July 12, 2021 9:12:49 AM To: ScratchAddons/website-v2 @.> Cc: Paul Reid @.>; Mention @.> Subject: Re: [ScratchAddons/website-v2] Help wanted: Complete images of each addon (#4)

debugger [image]https://user-images.githubusercontent.com/50552317/125302030-dfa28100-e32b-11eb-94a2-7bf9086a8516.png

— 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-878314146, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOT5DEV7JMS3PHDDW42XKATTXLZ6DANCNFSM44VCTWHA.

[Hans5958]

@iqnite

1. Crop/resize those images to 400x300.
2. Avoid other changes from other addons. I just revised rule number 4.
3. I'm still going with @CST1229's for expanding-search-bar.

Also, to whom it may concern, let's just do not hide the messages. It is fine for now.

[mxmou]

Some updated images:

Cat blocks

Studio tools

Exact count

[CST1229]

Updated image for editor-stepping (with the improved highlight):

[mxmou]

More images:

Bitmap copy

Debugger

Change new sprite default position

Better forum post editor buttons

Record project video

Filter messages

[Hans5958]

I have gone ahead and added the new images. Some notes.

• Using @TheColaber for initialise-sprite-position
• Using @mxmou for material-forum-editor-buttons
• Using @mxmou for bitmap-copy

02bf8c92

[TheColaber]

Adding Unadded

`transparent-orphans`:  `old-studio-layout`:  `studio-followers`: 

Improving Unimproved

`blocks2image`:  `dango-rain`: 

Updating Outdated

`animated-thumb`:  `scratch-messaging`:  `scratch-notifier`: 

[CST1229]

I think a way to do true-youtube-links would be to show a youtube link alongside its link hover preview. You would need to get the 2 to fit close together in the 400x300 area (unless you downscale or crop) though.

[Hans5958]

I think a way to do true-youtube-links would be to show a youtube link alongside its link hover preview. You would need to get the 2 to fit close together in the 400x300 area (unless you downscale or crop) though.

I have an idea by resizing the window size. If that's still wasn't enough, then something like exact-count is allowed.

[CST1229]

Image for better-img-uploads

[CST1229]

Image for infinite-scroll

[Hans5958]

Did the round of updates on bef25173.

[TheColaber]

forum-time-zones

[Hans5958]

@TheColaber Shift it a little to the left so it is on the middle?

[mxmou]

forum-time-zones

I don't think there is a good way to visually represent this addon. Without knowing when the post in the screenshot was made, there is no visible difference between it and vanilla Scratch.

[sfederici]

Is making available translated images for the language selected in the drop-down a future plan?

[WorldLanguages]

Is making available translated images for the language selected in the drop-down a future plan?

Probably not

[CST1229]

The missing addons list should probably be updated now.

[TheColaber]

Updated the list. The release is soon so we can get some images here.

(Also, would it be a good idea, to mention this issue on pr templates? We could add a section to add a 400x300 image for this issue. That could make it easier and we wouldn't ever get behind mostly.)

[CST1229]

Lots of pictures incoming!

hide-delete-button

paint-by-default

forum-toolbar (which only has material buttons)

forum-copy-code

hide-project-stats

customize-avatar-border (i don't think i can really find anything else since it don't think the example studio used in the update video exists anymore)

old-studio-layout

compact-messages

name-backpack-items

[TheColaber]

Can we have paint-by-default without hd uploads and name-backpack-items without the list and sa category in the background. That way we keep more focus on the addon.

[CST1229]

Oh I forgot about that.

[CST1229]

Updated images

[CST1229]

Also user-id

EDIT: And also, TheColaber already did old-studio-layout but I forgot that.

[cobaltt7]

Updated images

[ChrisIsBadAtFnF]

[ChrisIsBadAtFnF]

[cobaltt7]

@ChrisIsBadAtFnF please show only one addon per image

[WorldLanguages]

@RedGuy12 I only see one, isn't this turbowarp-player?

[cobaltt7]

I also see progress-bar.

[CST1229]

I also see progress-bar.

That's probably just a default TurboWarp thing? EDIT: I think it is. There's no option to disable it in the addons menu.