Help us create images for all of the extensions
GarboMuffin opened this issue · 191 comments
Scroll to the end of the comments to see what extension images we need
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.
Extension images must be:
- 2:1 aspect ratio
- SVG (preferred), PNG, or JPG
- If PNG or JPG, 600x300 resolution
You can post proposed images here or try to figure out how to submit a pull request if you're in the mood
Files:
How about this for Runtime Options?
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?)
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.
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.
Utilities!
600x300 Image
Fetch!
Cloud Ping
Its simple but at least it conveys its purpose!
Pointer lock 0,0 :)
The SVGs
If anyone's in the mood, "Gamepad" and "Bitwise" both could use more inspired images
Also, #100 (Play sounds from mp3 by URL) needs an image
Looks good
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)?
#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
How about this for the Gamepad extension?
Consider this picture to be licensed under a CC-BY 4.0 license. It was adapted from a related graphic in DNin01/icons.
How about this for the Gamepad extension?
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
It looks like all the images are complete, unless we want to make a few improvements.
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
Note that images in Scratch's extension library are 600x372 instead
TurboWarp Blocks
To avoid a scenario where "TurboWarp Blocks" and "TurboWarp Extension Gallery" have the same icon, I believe it would make sense to give the TurboWarp logo to "TurboWarp Blocks" and "TurboWarp Extension Gallery" can instead have something like a collage of several images of extensions from extensions.turbowarp.org
We also need images for:
https://extensions.turbowarp.org/navigator.js - browser and OS detection blocks
https://extensions.turbowarp.org/text.js - blocks that manipulate text
I know that it isn't 2:1 or vector, but for reference, this is the original image for the Text extension used in SCE (image is by the Scratch user JoshsAccount, however, he did not post it on Scratch (instead on another platform)):
(Maybe it could be edited for this.)
(Note: The repo it's in is a fork of TW's scratch-gui, so the image is probably under GPL3...)
The image for that already exists
For Bad word remover
For ShovelUtils
@GarboMuffin @True-Fantom
I tried making images for Clipping and blending extension myself and despite not exactly fitting the white-outline style of True-Fantom, which everything seems to be going to, I think those 2 may actually look better than the current ones. What are your thoughts?
(branch)
JSON extension
first time making this
@Xeltalliv На самом деле то, что ваше расширение содержит сразу 2 функции, не входящие в общую тематику, создаёт несколько проблем:
- Название занимает 2 строки, что мешает, увеличивая ряд значков категорий
- Название выглядит странно, оно отделяет обрезку и смешивание, так что только подчёркивает их "независимость"
- Сложно уместить на значке и баннере визуальное представление обеих возможностей
- И, как я уже сказал, обе функции выглядят несовместимыми в одном расширении
Может разделить текущее расширение на 2 отдельных? Это бы решило все проблемы
(Уже готовое оставить как есть, просто убрать его с сайта, и заменить на 2 новых)
Тогда оба готовых баннера можно использовать для создания новых, в общей тематике и полностью раскрывающих функционал
Ps: Пишу на русском, так как текст получился слишком длинным, и я потрачу минимум полчаса на нормальный перевод
@True-Fantom Отвечу на англиском чтоб остальные могли понять.
- И, как я уже сказал, обе функции выглядят несовместимыми в одном расширении
(And, as I already mentioned, both features look incompatible in a single extension)
From a logical point of view I agree that it may not make sense to combine those 2 features into 1 extension. The main reason why I did it is technical reasons. Both of them require overwriting the same parts of rendering (and implementation of both features is very similar), which makes those parts of TurboWarp slower. Having it combined into 1 extension makes it slower once. Having it in two separate extensions and then trying to use both at once will make it twice as slow. It's also easier to maintain and is less likely to conflict this way.
The slowdown it causes is also the reason why I don't want to add any other unrelated in technical implementation features to it (like new normal scratch effects). If I do so, and later some people decide to use just those other features, then they shouldn't be dealing with the slowdown and potential extension incompatibilities from features they don't even intend to use.
I may eventually make both of features also affect pen, which will also involve a lot of code shared between both them.
- Название выглядит странно, оно отделяет обрезку и смешивание, так что только подчёркивает их "независимость"
(The name looks weird, it separates clipping and blending, which only highlights their "unrelatedness")
Trying to pick a name that tries to unify them into one shared topic makes it not clear what extension really adds. And as I described above, I'm not planning to add new features to it, so calling such a small extension with a broad topic may give people false expectations and waste a name of that broad topic, which could be better used by another extension.
- Название занимает 2 строки, что мешает, увеличивая ряд значков категорий
(The name takes up 2 rows, which doesn't look that well, since it expands the column of category icons)
I also prefer single line names, though once again picking a single line name is hard (or impossible) such that it isn't affected by issues described in my previous point.
- Сложно уместить на значке и баннере визуальное представление обеих возможностей
(It's hard to fit visual representation of both features on an icon and a banner)
For icon, yes. For banner I think the image above does it decently.
Может разделить текущее расширение на 2 отдельных? Это бы решило все проблемы
(Уже готовое оставить как есть, просто убрать его с сайта, и заменить на 2 новых)
Maybe divide the current extension it 2 separate ones? It would've solved all the issues(Leave the current ones as is, just remove it from the homepage, and replace with 2 new ones)
If there was no technical reasons to keep it as a single extension, this would've been a great idea.
@Xeltalliv Okay)
But then I suggest new images
and replacing the name from Clipping, blending to Clipping & Blending
Here's an idea:
(Yes, I know it's not centered correctly, just a quick mock up)
I believe there is non-insignificant value in showing a real demonstration of what this extension's blending actually means, even if it has to look slightly out of place (compared to a lot of the other images, this is really not out of place though)
Here's an idea:
I like this
@Xeltalliv Okay)
But then I suggest new images
and replacing the name fromClipping, blendingtoClipping & Blending
And agree with both of those ideas.
Correctly centered image:
I think for now we can consider this the final option
@NOname-awa To be honest, I don't think your extension needs to be added to the homepage yet, since it actually adds only 4 new blocks, 3 of which are easy to recreate.
@NOname-awa To be honest, I don't think your extension needs to be added to the homepage yet, since it actually adds only 4 new blocks, 3 of which are easy to recreate.
Okay, I will continue to modify
@NOname-awa To be honest, I don't think your extension needs to be added to the homepage yet, since it actually adds only 4 new blocks, 3 of which are easy to recreate.
I added 6 blocks
5 contents containing line segments and quadrilateral
@NOname-awa I apologize for such a long delay
thanks！
i made this in like, 3 minutes. its just a concept
theres also this ugly abomination (for navigator)
Thought I'd contribute a thumbnail for Canvas Effects
Numerical Encoding Thumbnail
Tween needs an SVG version of its image: https://github.com/TurboWarp/extensions/blob/master/images/JeremyGamer13/tween.png
Done
@Pizzalover4783 Slightly modified
Graphics 2D Thumbnail
Worked really hard on this
Worked really hard on this
Probably this is the best image so far, a great job!
Worked really hard on this
woah I see you put a lot of effort on doing this 😂
Does this extension even exist?
Notifications
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)
Concept Art of RGB Channels (unproportonial, can be upgraded)
RixxyX image, anyone?
(Yes it's svg)
I try to make this
#90 (comment) is still the best
How about this? 😂
How about this? 😂
？？？
How about this? 😂
This is my RGB channels cover
For the Data Analysis extension
Notifications extension
Navigator extension
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)
I think that's the best notifications one.
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)
I think that's the best notifications one.
Ru sure?
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)I think that's the best notifications one.
Ru sure?
Yes.
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)I think that's the best notifications one.
Ru sure?
Yes.
Ok it does look cool, I will try to make a better one too. Do you think my other ones are good though?
@GarboMuffin I Made some
Concept Art for Notifications (The latest post is of it, lol)
(Vectorize, change the background, and fix imperfections)
Post a vector version of this when you can
Battery: 
Battery:
wow, way better than before
Battery:
wow, way better than before
Great job 👍👏
Ping Cloud Data:
Alternative Version:
Ping Cloud Data:
Alternative Version:
I like the alternative edition but the cloud looks a bit too sharp
Utilities:
I have versions without the gears too.
License for the gears: https://icons8.com/license
BigInt needs an image for the website, and would also benefit greatly with a small image to use in the extension itself
@BlueDome77 I like both of those, but the license for the gear icon is weird, can you find a replacement under a public domain or creative commons license?
Ok I’ll try!
@BlueDome77 I like both of those, but the license for the gear icon is weird, can you find a replacement under a public domain or creative commons license?
Updated Thumbnails:
Battery:
wow, way better than before
Great job 👍👏
yeah nice job! you did better than i did mine! wait. did you take inspiration form mine? the background looks the same, and you added stars like i did.
Battery:
wow, way better than before
Great job 👍👏
yeah nice job! you did better than i did mine! wait. did you take inspiration form mine? the background looks the same, and you added stars like i did.
I did take inspiration from you. I am currently redesigning the thumbnails for some other extensions also to match the default Turbowarp Extension Style made by @True-Fantom
notification (Inkscape svg) :
Should i make the bell bigger ?
These were submitted via email
These were submitted via email
McUtils gets a yes from me for sure! 👌
It would be ideal to have a new version of the S-Grab image that does not contain Scratch trademarks such as the Scratch logo, if possible
I am aware it's all from a font, but we like to avoid those trademarks as much as possible
It would be ideal to have a new version of the S-Grab image that does not contain Scratch trademarks such as the Scratch logo, if possible
I am aware it's all from a font, but we like to avoid those trademarks as much as possible
I can try
for sound
for Navigator
for sound
for Navigator
If the images were made as an SVG (which evidently they were), submitting in SVG format is preferred, ideally 600x300 pixels. Also make sure the images you've used fall under a public domain or creative commons license.
RGB Channels:
RGB Channels:
These images feel like they are would be more for a "stereoscopic 3D" extension instead of a "display certain color channels of a sprite" extension...
RGB Channels:
These images feel like they are would be more for a "stereoscopic 3D" extension instead of a "display certain color channels of a sprite" extension...
I chose the 3D Glasses as a communicative representation of what this extension generally does.
RGB Channels:
These images feel like they are would be more for a "stereoscopic 3D" extension instead of a "display certain color channels of a sprite" extension...
I chose the 3D Glasses as a communicative representation of what this extension generally does.
...but stereoscopic 3D is not what the extension does, not by a long shot. That's really misleading
here is my S-grab:
