[Wiki]Using Pokitto in Fritzing

This Wiki will be about how to use the Pokitto component in Fritzing to create circuit plans

Pokitto Fritzing part v0.2 (thanks @Pharap and @VonBednar!)

Pokitto PEX V2.fzpz (766.4 KB)

2 Likes

Neat:

1 Like

Its pretty cool isnā€™t it? Iā€™ve found Fritzing very useful in the past, canā€™t wait to create tutorials using Fritzing and Pokitto.

And yes, before anyone complains, I packed 20 Pokittos today.

3 Likes

The pokitto .svg seems to have some strange artifacts (mostly missing shadows here and there), but I donā€™t think we need to worry about it too much.

But to stay on topic, I am excited to learn about electronics :slight_smile:

Fritzing couldnā€™t handle the shadows. They were embedded bitmaps.

1 Like

Iā€™d like to make two suggestions about the .fzp file though.

Firstly Iā€™m not sure ā€˜Jā€™ is an appropriate label, ā€˜Pokittoā€™ or ā€˜PEXā€™ might be better if those will work. According to the spec ā€œThe element is the partā€™s default label string when it appears in a Fritzing sketch.ā€ and I think ā€˜Jā€™ will confuse people.

Secondly the connectors are named ā€˜pin1ā€™ to ā€˜pin26ā€™ at the moment and I think it would make more sense to match them up to what the pins are supposed to be called.

See the Pokitto component:

Vs an Arduino component:

Changing these will help beginners and make the part seem that extra bit more professional.

Huh, thatā€™s odd. I guess thatā€™s something Illustrator does for blur+transparency perhaps. I might revisit the svg later this week if needs be to fix it :slight_smile:

Please feel free to fix details and upload an improved part. I have to get back to shipping :smile:

2 Likes

Working on it.

Just to clarify for pin descriptions, what is ā€˜SWDā€™ short for on the pinouts?

Edit:
Donā€™t worry, I found out.
Serial Wire Debug.

Behold:

Pokitto PEX V2.fzpz (766.4 KB)

Other than the pins I also changed these bits near the beginning:

 <title>Pokitto Extension Header</title>
 <label>Pokitto Extension Header</label>
 <date>2017-11-13</date>
 <tags>
  <tag>mbed</tag>
  <tag>arm</tag>
  <tag>cortex</tag>
  <tag>pokitto</tag>
 </tags>
2 Likes

Good job! I will make the first post a wiki so that you can add your improved component (wiki in discourse means anyone can edit)

1 Like

I was eating dinner at the time, otherwise I would have edited it in.

If you get some time free at any point, one thing that would be good to have for this (though not urgent or particularly important) would be to have different coloured versions of the Pokitto, like you can have different coloured versions of LEDs.

Agreed, we need a couple of different colors. @VonBednar: do not start doing anything in Illustrator. Going from SVG to Fritzing takes quite a bit of work, it is easier for me to do it.

2 Likes

No problem. It should be easy to change, there are only 2 green colors - light and dark, so you should be able to change it easily, even going the @Pharap way (just find/replace RBG/hex values in code).

1 Like

Is there any other way? :P

Inkscape doesnā€™t produce the nicest of SVGs, from the looks of it all the styles are named with letters of the alphabet, and when they get to z they move into dual-letters (aa to az).

The real problem isnā€™t replacing the colours though, itā€™s figuring out how fritzingā€™s thing supports muliple colour options. That might be an ā€œask the fritzing forumsā€ job - I tried to reverse engineer the LED component and couldnā€™t see how the colour list was defined.

1 Like