Skip to content

Help us create images for all of the extensions #90

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
GarboMuffin opened this issue Dec 25, 2022 · 209 comments
Open

Help us create images for all of the extensions #90

GarboMuffin opened this issue Dec 25, 2022 · 209 comments
Labels
enhancement New feature or request help wanted Extra attention is needed

Comments

@GarboMuffin
Copy link
Member

GarboMuffin commented Dec 25, 2022

It's not a secret that I am not a graphics designer. So, instead, we hope to crowdsource images for the extensions. This issue is the place where we will do that.

Image requirements:

  • SVG is STRONGLY PREFERRED (looks better at high resolution, usually significantly smaller, much easier to edit)
  • 2:1 aspect ratio
  • If PNG or JPG, use 600x300 resolution (but please only submit PNG or JPG if you have a good reason to)

You can post proposed images here or try to figure out how to submit a pull request if you're in the mood

@GarboMuffin GarboMuffin added enhancement New feature or request help wanted Extra attention is needed labels Dec 25, 2022
@GarboMuffin GarboMuffin pinned this issue Dec 25, 2022
@CST1229
Copy link
Collaborator

CST1229 commented Dec 26, 2022

Files:

@DNin01
Copy link
Collaborator

DNin01 commented Dec 28, 2022

How about this for Runtime Options?

60 FPS option turned on

@GarboMuffin
Copy link
Member Author

Can you make that again but without the top few pixels of the next checkbox visible? (better yet, you might be able to just fit it in?)

@GarboMuffin
Copy link
Member Author

Actually, I think this will look a bit better if I remake it as an SVG and make some changes to the design, removing the question marks, making the highlight a round rectangle on both sides, etc.

@DNin01
Copy link
Collaborator

DNin01 commented Dec 28, 2022

Actually, I think this will look a bit better if I remake it as an SVG and make some changes to the design, removing the question marks, making the highlight a round rectangle on both sides, etc.

Go ahead.

@David-Orangemoon
Copy link
Contributor

David-Orangemoon commented Dec 30, 2022

Utilities!
image
600x300 Image

@David-Orangemoon
Copy link
Contributor

FETCHBITMAp
Fetch!

@David-Orangemoon
Copy link
Contributor

CloudPingBITMAP
Cloud Ping
Its simple but at least it conveys its purpose!

@David-Orangemoon
Copy link
Contributor

PointerLockBitmap
Pointer lock 0,0 :)

@David-Orangemoon
Copy link
Contributor

PointerLock
CloudPing
FETCH
Utilities
The SVGs

@GarboMuffin
Copy link
Member Author

If anyone's in the mood, "Gamepad" and "Bitwise" both could use more inspired images

@GarboMuffin
Copy link
Member Author

GarboMuffin commented Jan 2, 2023

Also, #100 (Play sounds from mp3 by URL) needs an image

@softedco
Copy link
Contributor

softedco commented Jan 2, 2023

sound
#100

@Mickmick21
Copy link

sound #100

Looks good

@DNin01
Copy link
Collaborator

DNin01 commented Jan 3, 2023

If anyone's in the mood, "Gamepad" and "Bitwise" both could use more inspired images

For a Gamepad extension icon, is it okay if it's rounded-rectangle-shaped (like an SNES controller)?

@GarboMuffin
Copy link
Member Author

GarboMuffin commented Jan 4, 2023

#55 will also need an image

For a Gamepad extension icon, is it okay if it's rounded-rectangle-shaped (like an SNES controller)?

Maybe

Perhaps the image could contain a bunch of different types of controllers

@DNin01
Copy link
Collaborator

DNin01 commented Jan 7, 2023

How about this for the Gamepad extension?
Gamepad

Consider this picture to be licensed under a CC-BY 4.0 license. It was adapted from a related graphic in DNin01/icons.

@Mickmick21
Copy link

Mickmick21 commented Jan 7, 2023

How about this for the Gamepad extension? Gamepad

Consider this picture to be licensed under a CC-BY 4.0 license. It was adapted from a related graphic in DNin01/icons.

its good ,it just needs triggers

@DNin01
Copy link
Collaborator

DNin01 commented Jan 8, 2023

It looks like all the images are complete, unless we want to make a few improvements.

@GarboMuffin
Copy link
Member Author

I'm adding some unsandboxed custom extensions to the native extension library. It's now apparent that "TurboWarp Blocks", "TurboWarp Extension Gallery", and "Custom Extension" could use better icons

image

@GarboMuffin
Copy link
Member Author

Note that images in Scratch's extension library are 600x372 instead

@softedco
Copy link
Contributor

softedco commented Jan 9, 2023

turbo-blocks
TurboWarp Blocks

@BlueDome77
Copy link

Sorry if the file itself is very large. A clean submission for Fetch Fetch(1)

It would fit better if you replaced the dango with the Turbowarp T

@ClaytonTDM
Copy link
Contributor

ClaytonTDM commented Dec 11, 2023

i'm not a graphic designer, but i took a shot at html encoding
bg https://app.haikei.app/ icon https://icons8.com/icon/CP3Hh5okzCEc/source-code
svgviewer-output (2)

@BlueDome77
Copy link

(Updated) Battery: Battery 2

@toxic5018
Copy link

thumb wifi
thumb bluetooth
thumb mouse_cursors
I just made these because I'm bored. First time doing this.

@Skyhigh173
Copy link
Contributor

Skyhigh173 commented Mar 23, 2024

image

Is this okay for JSON extension?
this is my first time creating these

@mcnole25
Copy link

This is my submission for the Images extension.
images

@Flappy25
Copy link

Flappy25 commented Jun 4, 2024

Here's one I made for the mobile keyboard extention
mobile_keyboard

GarboMuffin added a commit that referenced this issue Jun 9, 2024
Various things from #90 and #1079
@xTvii
Copy link

xTvii commented Jul 13, 2024

#1607 hiii

@baqirbeard
Copy link

353985922-c5fd41a3-9f91-47ab-9e57-04f53347c3b4.png

For Steamworks API. Can't use the Steam logo so I put Dango Cat.

@unknown07724
Copy link

image

Is this okay for JSON extension? this is my first time creating these

I like this for some reason

@ScratchFakemon
Copy link

ScratchFakemon commented Nov 30, 2024

mobilekeyboard (1)
Here's what I made for the mobile keyboard extension. The current icon looks... interesting. I based this one off of the current one, but with a more modern feel. You might need to crop it a little since the main part isn't the center. Tell me if I need to change that!

I made everything myself, but used the colors from the original banner.

EDIT: I also made it in the TurboWarp Vector editor (although I might've used PenguinMod for something--I don't remember.)

@ScratchFakemon
Copy link

ScratchFakemon commented Jan 8, 2025

Proposed new design for S-Grab (I know it doesn't follow all of the conventions with the banners)
Font used is "Black Boys on Mopeds" (AKA "Scratch" or simply "Mopeds"). The font might not show up properly on web.
Made in TurboWarp.
sgrab
(Uses some inspiration from the original S-Grab banner)

@WAYLIVES
Copy link

"Comment Blocks"

Image

Example:

Image

@WAYLIVES
Copy link

#1970

@wiktorlaskowski
Copy link

I made a very good remake for the Images extension. Please use it.

Image

@wiktorlaskowski
Copy link

PLEASE SEE MINE AND ADD IT!

@Brackets-Coder
Copy link
Contributor

Brackets-Coder commented Feb 28, 2025

PLEASE SEE MINE AND ADD IT!

As far as impatience goes in this repository, reference this comment.

It's literally only been 15 minutes (at time of writing) since you've even shared your new image. just calm down a bit

@WAYLIVES
Copy link

WAYLIVES commented Mar 1, 2025

🖼 NEW EXTENSION IMAGES

Hello everyone Keep new image options for some extensions.

I draw completely from scratch in the Figma program.


  1. Comment Blocks:
    Comment Blocks

  2. Clipboard:
    Clipboard

  3. Sound:
    Sound

  4. Simple 3D:
    Simple 3D

  5. Video:
    Video

  6. Cloudlink:
    Cloudlink

  7. Notifications
    Notifications

@wiktorlaskowski
Copy link

PLEASE SEE MINE AND ADD IT!

As far as impatience goes in this repository, reference this comment.

It's literally only been 15 minutes (at time of writing) since you've even shared your new image. just calm down a bit

Just ADD IT, It is definetley BETTER than the OLD one and it looks WAY BETTER THAN mcnole25's DESIGN!

@WAYLIVES
Copy link

WAYLIVES commented Mar 1, 2025

Just ADD IT, It is definetley BETTER than the OLD one and it looks WAY BETTER THAN mcnole25's DESIGN!

Maybe your picture will be added, but it will take time. Be patient a bit ;)

@wiktorlaskowski
Copy link

Just ADD IT, It is definetley BETTER than the OLD one and it looks WAY BETTER THAN mcnole25's DESIGN!

Maybe your picture will be added, but it will take time. Be patient a bit ;)

I AM

NOT PATIANT!

@ScratchFakemon
Copy link

Just ADD IT, It is definetley BETTER than the OLD one and it looks WAY BETTER THAN mcnole25's DESIGN!

Maybe your picture will be added, but it will take time. Be patient a bit ;)

I AM

NOT PATIANT!

we can tell

@wiktorlaskowski
Copy link

Just ADD IT, It is definetley BETTER than the OLD one and it looks WAY BETTER THAN mcnole25's DESIGN!

Maybe your picture will be added, but it will take time. Be patient a bit ;)

I AM

NOT PATIANT!

we can tell

WHY THE HECK DO THEY NOT WANT TO ADD IT?!

Image

@LilyMakesThings
Copy link
Contributor

Yelling at volunteers is not the way to get your contributions to be considered.

Images are always added in batches when appropriate to do so. Patience is a virtue for a project run by people with actual jobs and actual lives.

@GarboMuffin
Copy link
Member Author

hi @wiktorlaskowski

it can go faster if you open a pull request yourself instead of waiting for us to have enough time to go through the comments here. you would also get commit credit this way

@GarboMuffin
Copy link
Member Author

im planning to take another run through here next week but i cant promise anything...

@ScratchFakemon
Copy link

🖼 NEW EXTENSION IMAGES

Hello everyone Keep new image options for some extensions.

I draw completely from scratch in the Figma program.

  1. Comment Blocks:
    Comment Blocks
  2. Clipboard:
    Clipboard
  3. Sound:
    Sound
  4. Simple 3D:
    Simple 3D
  5. Video:
    Video
  6. Cloudlink:
    Cloudlink
  7. Notifications
    Notifications

These are really nice! I'd love to see these added :)

@WAYLIVES
Copy link

WAYLIVES commented Mar 8, 2025

These are really nice! I'd love to see these added :)

Thanks! I am very pleased)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests