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 (5)

Addons that have never gotten an image.

• [ ] collapse-footer
• [ ] costume-editor-shortcuts
• [ ] forum-user-agent
• [ ] no-sprite-confirm
• [ ] 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 (10)

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

• [ ] clones (https://github.com/ScratchAddons/ScratchAddons/pull/7827)
• [ ] confirm-actions (https://github.com/ScratchAddons/ScratchAddons/pull/4639)
• [ ] download-button (https://github.com/ScratchAddons/ScratchAddons/pull/7827)
• [ ] forum-search (https://github.com/ScratchAddons/ScratchAddons/pull/7727)
• [ ] infinite-scroll (https://github.com/ScratchAddons/ScratchAddons/pull/6426)
• [ ] last-edit-tooltip (https://github.com/ScratchAddons/ScratchAddons/pull/7986)
• [ ] mouse-pos (https://github.com/ScratchAddons/ScratchAddons/pull/7827, https://github.com/ScratchAddons/ScratchAddons/pull/8195)
• [ ] my-ocular (https://github.com/ScratchAddons/ScratchAddons/pull/2704)
• [ ] old-studio-layout (https://github.com/ScratchAddons/ScratchAddons/pull/7715/commits/dbc40b1428355b8004b3c92d984e0c086ccd6e31)
• [ ] scratch-messaging (https://github.com/ScratchAddons/ScratchAddons/pull/7847)
• [ ] Screenshots that still use blue

Hard to Display (10)

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)
• [ ] live-read-topics
• [ ] 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