Étiquette : Scalable.Vector.Graphics

(python) Playing with Pixel Art to SVG

Hi,

Well I’m actually searching cool stuff concerning svg. So I’ve been searching on pypi all about SVG using pip in my terminal.

for those who don’t know it on a debian system:

sudo apt-get install python-pip

then

pip search svg

You’ll find there a very nice little tool called ‘pixel2svg’

I was surprised of its interest but I consider it finally very useful : rather than trying to vectorize very little pictures ( like icons ) in Inkscape, or to completely re-do it , use it to keep the pixel-art-style with great results.

Very simple to use, just like this:

pixel2svg.py eboy.png

I’ve taken a picture from EBOY ( http://hello.eboy.com/eboy/ ) to play with.

pixel-art ,icon size

Let see the result:

Then let’s play with it:

Make whatever you want now with a clean drawing

give it the style you want

Before that I have tested the Inkscape’s vectorization tool :

Comparing pixel2svg vs inkscape’s vectorization tool

Tell me if it can also be useful to you , I wonder what you would be able to do with it 🙂

NB: Now you can also apply this to Qrcodes . How ? Well… Have you ever tried to redirect one of them?

12/05/2013
Making SVG+js presentations with sozi
Hi there,

Today I’ll just remind you Sozi’s existence , has a plugin for inkscape. That’s free and easy to use, no need to code, just do it graphically.

Very nice to make « Prezi-like » presentations ; you can add video and audio if you want, but just be sure that your browser(s) implement it well ( actually i’m a bit slow under firefox, very nice with chrome )

The top should be to make it as there: http://svg-wow.org/blog/2010/08/14/camera/ but forget it, your « slides » won’t move like that;

If you’re more interested with javascript , also exists impress.js : http://bartaz.github.com/impress.js/#/bored

but a bit harder to understand.

The good point for using Sozi is that it generates a SVG file , giving you the possibility to use it as a page, to implement it in a html page etc, etc…

There I call it with an iframe, as on sozi’s site ( http://sozi.baierouge.fr/wiki/doku.php ), to make it interactive and to adjust its size.
but you can also use this link to see it in fullscreen as an SVG page ( copy and paste in your browser) :

fabkzo.com/wp-content/uploads/2013/02/qrcodesozi.svg
20/03/2013
A QRCode ‘SVG + SMIL’ based game

That’s not a new idea, someone has already given it a name: Qrcoderoulette;

the idea is to submit multiple QRCodes to the user who has to fall on the « right one » not pointing-for example- on an internet shock site, putting at risk the device scanning these codes.
But all this remained hopelessly static and require more display space on the concerned page. (Http://blogs.mcafee.com/mobile/no-winners-at-qr-code-roulette)
I do not wish here to implement this type of practice, I take the idea in order to make -at choice: a game, a joke, a piece (!)
How to reuse the concept saving space, attracting the eye and interest?
Take inkscape, SMIL attributes, an Internet browser, mix them together and you get something like this:

Note: my animation is not perfect because there is a gap between two QRCodes. Image weight: 44.8 KB

Here 2 QRCode on 3 refer to the phrase “you’ve lost”, the other pointing “www.fabkzo.com”; changing colors and animation are just there to spice up the game, this idea can be used for competitions, small gains etc etc …

Obviously we could do animation in javascript or .gif format, or anything else, I’ve chosen SMIL for its ‘natural’ implementation in most browsers (except IE of course, and it seems some browsers’ mini ‘smartphones like Opera mini), animations are part of the image and might not be blocked unless you decide not to display the picture.

In the case of these browsers that do not support SVG animations I propose converting it to video (. Ogg,. Webm,. Mp4). If you find a (simple) way to convert it to .gif just let me know.

Don’t forget to remove any way to easily determine which is the winning qrcode.

If you want to learn how to make yours, follow me there ==> Coming soon

14/01/2013