Blurring is the act of altering images so they appear out of focus. My Maestro[2] and other illustriuos people already talked extensively about this topic here on planet KDE. However you don’t improve the world until a technology becomes available to everybody, right?

Then some days ago I read on notmart‘s blog that plasma and kwin supported blurring the background on windows.. so I rebuilt KDE4 svn, restarted it, and… boy.. does it make a difference! Look at Marco’s blog or at this picture I stole from him! All the popups become instantly more readable, even krunner does, and you immediately get the feeling that the plasma panel and all the systray applets really are above your desktop and they look as they were made of some glass/plastic material.

So: why limiting this just to some plasma applets? Well, I think that the usage of this effect must be wise, however I wanted that for my app too…

…’cause I like eye-candy!

After a quick tour through the beautiful KDE svn I grabbed all the needed source code and loaded Fotowall in creator. Since I already had the structure for the blur-behind on windows in place, adding the KDE4 effect was really easy. Here are some samples of what you can get:

To activate the back blur you need:

• obviously an application with a transparent background. Qt easily allows to work with transparency on top-level windows.
• you have to enable the “blur” effect in kwin’s “desktop effects” configuration.
• a couple of lines of code to ask kwin to activate blurring to your window.

Here is the code that does the magic:

#if defined(Q_WS_X11)
/**
  Blur behind windows (on KDE4.5+)
  Uses a feature done for Plasma 4.5+ for hinting the window manager to draw
  blur behind the window.
*/
#include <X11/Xlib.h>
#include <X11/Xatom.h>
#include <QX11Info>
static bool kde4EnableBlurBehindWindow(WId window, bool enable, const QRegion &region = QRegion())
{
    Display *dpy = QX11Info::display();
    Atom atom = XInternAtom(dpy, "_KDE_NET_WM_BLUR_BEHIND_REGION", False);

    if (enable) {
        QVector<QRect> rects = region.rects();
        QVector<quint32> data;
        for (int i = 0; i < rects.count(); i++) {
            const QRect r = rects[i];
            data << r.x() << r.y() << r.width() << r.height();
        }

        XChangeProperty(dpy, window, atom, XA_CARDINAL, 32, PropModeReplace,
                        reinterpret_cast<const unsigned char *>(data.constData()), data.size());
    } else {
        XDeleteProperty(dpy, window, atom);
    }
}
#endif

And then you can activate the blur on the caller widget with:

    kde4EnableBlurBehindWindow(winId(), true);

You could add the back blur to your application too, however I advise you that the interface is not standardized, so don’t blame either me or the kwin authors if something changes. Here is another picture, because everybody loves them

And now, as a side note, a picture from my new work place: the beautiful city of San Diego, blessed by the sun and by a ton of great programmers that by some chance happen to be co-workers of me With all the blue sky and long days, I can’t imagine a more inspiring place for making new blog posts and code experiments!

Notes:
[1] obviously the name is completely made up
[2] Italian word meaning “teacher” as in school or life teacher

Indirect Benefits, or ‘what you get for free’

• Improved quality and better speed in the OpenGL QPainter
• Better speed in the GraphicsView framework

Direct Benefits

• Animation Framework: this simply r0cks! I don’t know about the whole Kinetic stuff, I just mean the ability to create simple property animations.
  I don’t have a video to show you but just take a look at the Fotowall’s Top-Bar, the tabs appear and disappear with a nice and smooth grow-shrink animation, that make the program look soo 2009-ish! finally!
• QNetworkReply::isFinished(): thanks to this method I could implement a smart time-saver: when the user starts to drag a flickr picture, Fotowall starts downloading it. It can happen that, upon drop, the content has already been completely downloaded (so it can be placed in the canvas) or partially downloaded (so the used only needs to wait for the missing percent)

Drawbacks

• There are some graphics glitches when animating the opacity property of a QGaphicsProxyWidget (in OpenGL)
• Even by setting the QGraphicsItem::ItemSendsGeometryChanges flag, the previous behavior is not perfectly restored (we used itemChange, and the new behavior doesn’t allow Fotowall’s mirrors to sync properly to the objects)

Movie Time!

I’ve tried hard to record a screencast about the Cuteness & Performance of Qt 4.6, but in the end I had to use my camera.

Click here to view the embedded video.

Thanks Nokia for this great release!

[1] Fotowall is a creative program to mix local and online graphics content and build original work.

Cherry picked  features from the delicious 0.8 release:

• Now you’ll be able to deform text changing the shape of its baseline visually (see the “Fotowall” string in the image above and its Bezier control points)
• Pictures can be cropped to a certain area, for example to select a single person from a group. Also picture’s transparency can be adjusted, to create nice fading effects
• A lot of work has been put into enabling OpenGL acceleration, really useful if your canvas has 100+ semi-transparent objects
• You can now work with a transparent window (or blurred, on Vista)
• The top-bar is now context-sensitive. We’ll move more and more content properties to that instead of the old content configuration window

Plus a lot of user suggestions and fixes have been implemented to make Fotowall always easier and intuitive to use. The 0.8 release now ships in 6 different languages: english, italian, french, german, brazilian, polish. You can even contribute your own translations.

But our favorite news is that Fotowall now has it’s official website

What about next: we’re working hard on the 0.9 release and we already have lots of new features! You’ll be surprised by what you’ll be able to achieve with the next version

A final special thank to Zack Rusin who created the Text on path example that was the basis of our shaped text.

To celebrate this result, here is a short teaser for the upcoming version (that will be out in one week):

Click here to view the embedded video.

A big thank you to the team: Arnaud Tanguy, Alessandro Portale, Andreas Brech, Georges Dubus, and translators Martin Zimmermann and Marcio Moraes.

New features in Fotowall 0.7. In the top left area you can see the web image selector.

With this release Fotowall integrates with the deep web. You can now search the network with the embedded flickr search pane and add the images to the canvas. This opens up an infinite can of content, all available for your pleasure .

Other relevant features include:

• support for Qt 4.6 (brings animations and transparencies)
• usability fixes (rubberband selection, deletion, etc..)
• cleaner design (new icons, loadable frames, better property dialogs)
• italian, french and german translation
• check for updates and web links

Don’t hesitate to ask for missing features and always remember that you can rotate pictures by dragging corners with the right mouse button

Enjoy your Fotowall!!

Nuove caratteristiche presenti in Fotowall 0.6

Se non vi sono bastate le tonnellate di migliorie della 0.5 ecco che arriva una 0.6 che quasi raddoppia la base di codice e introduce una serie di caratteristiche che danno un taglio professionale senza intaccare la facilità di interazione e la libertà di giocare con Fotowall E ancora non avete letto nulla…

Integrazione con PosteRazor

Non ci vuole un pennello  grande, ma un grande pen Fotowall 0.6!

PosteRazor, di Alessandro Portale, è un programma che consente di stampare a casa propria dei poster grandi a piacere con una stampante comune.In pratica divide l’immagine in tanti fogli che una volta ritagliati ed incollati vanno a formare un Poster.  La capacità di Fotowall di sintetizzare immagini in altissima definizione e l’esportazione con PosteRazor permettono di creare composizioni grafiche di risoluzione notevole in uno spazio piccolo, quale lo schermo del PC.

Oltretutto, l’unione di Fotowall e PosteRazor, rappresenta un avvenimento davvero raro nel panorama opensource. Sono infatti frequenti i fork, quando gruppi di persone vogliono evolvere un software in modo diverso dalla linea prestabilita e così si finisce con più programmi che fanno la stessa cosa, ma i join, come questo caso, sono davvero rarissimi!

Oggetto Video, o Specchio

E” un oggetto manipolabile (come le Foto o il Testo) che contiene il video ripreso dalle webcam collegate al PC. E’ detto anche specchio perchè spesso i portatili sono dotati di una webcam che ti riprende, quindi è un po’ come inserire degli specchietti in Fotowall

Export Guidato

L’assistente consente di esportare la scena attuale in 4 modi: impostando lo sfondo del desktop, salvando un’immagine, creando un poster (vedi PosteRazor), o stampando su carta. Ci sono tutte le opzioni necessarie per divertirsi Consiglio anche di vedere il modo “Dimensione Esatta” (accessibile dalla finestra principale di Fotowall), che consente lavorare a schermo all dimensione fisica specificata (tipo 15x6cm) e stampare alla medesima dimensione. WYSIWYG

Formato XML

La scena può essere salvata e recuperata (quasi, ehm.. esattamente..) nel nuovo formato XML, che assicura compatibiltà in avanti. Da oggi in poi potrete mettere via le vostre scene Fotowall preferite.

Selezione, Prospettiva &  altri 50 commit

E’ possibile selezionare più oggetti, spostarli o cambiare le proprietà in gruppo, cambiare la prospettiva degli oggetti (rotazione attorno agli assi X ed Y ), riscalare il testo come si roto-scalano le immagini, c’è l’effetto Seppia, e molto altro ancora

Enjoy your Fotowall!!

Show off dell'elemento Testo di Fotowall 0.5

Tra le migliorie:
- creazione e stampa di CD/DVD (by Tanguy Arnaud)
- elemento Testo (completo di Editor visuale HTML-like )
- più di 50 fix sull’usabilità!
- effetto GLOW

Puoi scaricare qui i sorgenti se ti piace studiare il codice, oppure scarica direttamente il programma per Windows (2.8MB).

Un rigraziamento SPECIALE all’amico Ilan d’Inca per il supporto, il Beta-Testing e le ideone
Al carissimo Ilan dedico questa release!

Its new home is http://www.enricoros.com/opensource/fotowall, and for celebration 0.21 was released, with a new Icon, WinXP+ binary file and the full-res version of tutorial video I put on YouTube.

Suggestions are more than appreciated,
Thank you all for your support and drive

update: this article is really outdated, we have a website now!
see the new cool stuff @ www.enricoros.com/opensource/fotowall

You always wanted to create quick graphics composition from a bunch of photos you have.. and now your dream came true! With Fotowall you can drag some pictures in the canvas, place them as you like, put a title on them, change the colors and the gradients the way you like and finally render a poster-sized graphical composition of them!

Take a look a this quick video tour. In less than 2 minutes you will see the whole process, from installation to the rendering of a wallpaper.

Click here to view the embedded video.

You can find the source code on the website. The program runs on every Linux or Windows (XP, Vista) out there! (So even Ilan will be able to do a “two hands saw” in his awesome OS!! )

Thanks goes to David Eccher for his suggestions!
You rock man