ScratchAddons / website-v2

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

Add some missing addon screenshots #423

Closed Samq64 closed 7 months ago

Samq64 commented 8 months ago

Adds screenshots for:

All of them are 800x600. Also removes the screenshot for tutorials-button.

CST1229 commented 8 months ago

For place-backpack-code-at-cursor, it might be better to show the backpack item being dragged as well, like this: image

(I made this screenshot by:)

Waakul commented 8 months ago

For place-backpack-code-at-cursor, it might be better to show the backpack item being dragged as well, like this: image

(I made this screenshot by:)

  • Taking a high quality screenshot of the script
  • In TurboWarp, setting the stage size to 800x600, uploading the screenshot as a costume and entering the costume editor, then setting the costume editor zoom to 100%
  • Adding a bit of CSS to make the dragged backpack item bigger (<style>[class*="drag-layer"] > * {transform: scale(2);}</style>)
  • Dragging the backpack item onto the costume in the costume editor canvas (The stage, for some reason, downscales the displayed image on my 1366x768 screen even at full stage size mode, making it look bad)
  • Taking a screenshot with the cursor visible (EDIT: I just realized the cursor is at normal size in this image), then overlaying part of it on the original script image

nerds making edited screenshot: Taking a high quality screenshot of the script In TurboWarp, setting the stage size to 800x600, uploading the screenshot as a costume and entering the costume editor, then setting the costume editor zoom to 100% Adding a bit of CSS to make the dragged backpack item bigger () Dragging the backpack item onto the costume in the costume editor canvas (The stage, for some reason, downscales the displayed image on my 1366x768 screen even at full stage size mode, making it look bad) Taking a screenshot with the cursor visible (EDIT: I just realized the cursor is at normal size in this image), then overlaying part of it on the original script image normal people going the easier way: uses a free vector software like figma

Samq64 commented 7 months ago

I know I should have done it earlier but could I bundle the 1.37 images in the PR too?

Hans5958 commented 7 months ago

Related: #4