BLYNK
HOME       📲 GETTING STARTED       📗 DOCS       ❓HELP CENTER       👉 SKETCH BUILDER

Sharing IMAGES for Image Widget!

image

#1

free sharing

Blynk.virtualWrite(Vx, 1);
Blynk.virtualWrite(Vx, 2);

https://community.blynk.cc/uploads/default/original/2X/3/32e4b6de68f113e83a4e0f6f66fc838ffaa7985c.gif

https://community.blynk.cc/uploads/default/original/2X/b/bfe53d09be202d13304ee085e1491ccb2c599e73.gif

Video_00367


#2

Yes I think it may be a cool idea - you also get an URL to that image that you can use, stored on the forum itself :grinning:


#3

Good idea. The forum link should be fairly stable as well. A bit much to type in, but copy/pasting while viewing on the phone might work.

2 13 4 3

5 6 7 8

9 10 11 12

3 4 5 6 7 8 9 10 11 12 13


#4

GAUGE 1

Video_00370
gauge1 gauge2
gauge3 gauge4
gauge5

upload with PNG format


#5

PROGRESS BAR
Video_00369
progress-bar-1
progress-bar-
progress-bar2
progress-bar3
progress-bar4
progress-bar5
progress-bar6
progress-bar7


#6

I think it is best to convert to PNG with transparency.


#7

it’s ok with PNG, thank you


#8

This would be a logical next step of image widget:
Predefined Image Packs. We already have it noted to plans.

But there would be some serious censorship :joy:


#9

alarrrrmmmmmaaaa :smile:

Video_00375

alarm2alarm1


#10

Lol, @Alexis_Cabrera, I can see you enjoying like a child with this new widget. :wink:


#11

yes I missed these widgets :wink:

Video_00376

bargraph10bargraph9bargraph8bargraph7bargraph6bargraph5bargraph4bargraph3bargraph2bargraph1bargraph0


#12

do you need green one ? :rofl:

Video_00378

LED2010-10LED2010-9LED2010-8LED2010-7LED2010-6LED2010-5LED2010-4LED2010-3LED2010-2LED2010-1LED2010-0


#13

tell me what you need :blush:


#14

ON/OFF

Video_00380
onoff


#15

@Alexis_Cabrera if you use Blynk color palette, your designs will look more organically.
We also use PF Din Display Pro font (in case you decide to use it)

Also, I don’t know which editor you use, but try using anti-aliasing for fonts. Otherwise these edges look terrible :scream:
image


#16

Also, Blynk design is mostly flat, with no gradients and reflections (sometimes maybe)


#17

I am using photoshop to create my widgets

PF Din Display Pro fonts are not include , I have to buy them …

however I can create Blynk color palette.


#18

If it’s photoshop, make images at least 1000px wide and then save as optimized PNGs

Also, use vector shapes instead of raster layers


#19

thank you so much


#20

Video_00381