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 (forum-search: fix addon by using new ScratchDB API ScratchAddons#7727)
• infinite-scroll (Infinite scrolling addon: remove "fix footer" setting ScratchAddons#6426)
• mediarecorder (mediarecorder options UI changes ScratchAddons#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 (New addon - Ctrl+Click to run scripts ScratchAddons#2555)
• ctrl-enter-post (Ctrl+Enter -> Post ScratchAddons#2986)
• editor-number-arrow-keys (Add "Arrow key incrementation in editor" addon ScratchAddons#6020)
• faster-project-loading(New addon 'Faster project loading' ScratchAddons#5800)
• fix-editor-comments (New addon: better editor comments ScratchAddons#3701)
• fix-pasted-scripts (New addon - adjust script run behavior ScratchAddons#2470)
• move-to-top-layer (New addon: "Move sprite to front layer" ScratchAddons#5904)
• no-script-bumping (New addon: Disable script bumping ScratchAddons#3241)
• redirect-mobile-forums-v2 (New-ish addon: Redirect to standard forums (from mobile forums 404) ScratchAddons#6915)

[Hans5958]

@TheColaber

Could you resend ScratchAddons/website#61 (comment) 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.