Th30z - Coding on the Fly » Effects

Qt4 Jump Away Animation

Matteo Bertozzi — Sat, 16 May 2009 16:24:53 +0000

When I’ve started working on Mac OS X with Core Animation, I was impressed by an Example (I don’t remember the link, if someone knows it, post it in the comments! thanks)… Very few lines of code for a great effect.

After a year, or probably more.. this example was came back to my mind, so I’ve decided to clone using Qt. And below you can see a short Demonstration Video. Your desktop jump away.. full screen is fantastic

The Source Code is Available Here: Qt4 Jump Away Animation Source Code.

Qt4 Touch and Rotate

Matteo Bertozzi — Thu, 07 May 2009 04:27:01 +0000

Alan has asked my How I’ve implemented the Touch and Rotate feature of the Moko. The answer is very simple, It’s all Magic! There’re very few lines of code to do it, because all the magic is made by atan2.

Atan2 is a variation of the arctangent function. For any real arguments x and y not both equal to zero, atan2(y, x) is the angle in radians between the positive x-axis of a plane and the point given by the coordinates (x, y) on it.

The Source Code is available here: Qt4 Touch and Rotate Source Code.

OT: PyCon3 (Italia) starts Tomorrow!

Qt4 PageFlow

Matteo Bertozzi — Sat, 11 Apr 2009 09:39:12 +0000

Just another example that I don’t have finished last Sunday. This is a simple widget that tries to be similar at the iPhone Mobile Safari Tabs Page. It’s a really nice concept used also by Palm Pre to display the running apps. To switch item swipe left or right (Press Mouse Button, Move mouse in a specified direction and Release it).

Source code is available here: Qt4 PageFlow Source Code.

Qt4 CoverFlow and QThreadPool

Matteo Bertozzi — Sun, 05 Apr 2009 07:21:43 +0000

My OpenMoko cannot stay without CoverFlow, so here some code. But I need a lightweight class that allows me to load all files in a directory or a list of files. Scanning directory with QDir entryList can take long time, and loading all the images can take much more, So what I need is a class that solve this problem internally.

I’ve choose the way of QRunnable and QThreadPool to solve this problem, so I’ve a class that execute QDir EntryList and another one that load an Image. When file is Ready (FileName, Path) a gray square is displayed and will be replaced by the Image once it is fully loaded and scaled. Using this method you can flow between files even if CPU and Disk are still loading to load images, this means No UI Freeze when CoverFlow starts.

Note 1: You can flow between images using Left and Right Key or Clicking with mouse at the Left or the Right of the Central one.
Note 2: If you want a CoverFlow with a great transition effect take a look at Ariya’s PictureFlow.

The Source code Is Available Here: Qt4 CoverFlow Source Code.

Qt4 Photos Preview

Matteo Bertozzi — Sat, 04 Apr 2009 19:41:25 +0000

After a great start of the year, working on B*Tree and other Indexing Data Structure, it’s about two month that I’m experimenting with User Interface… My Love still remains Networking and File-Systems but it’s fun drawing images, shadows and UI Components.

Ok, Networking and Bytes can wait till next week. Today I’ve watched the PALM Pre Preview, No Back buttons, No Save buttons touch capability outside the glass… Data Abstraction… It’s really nice.

But, There are so much things… so I’ve extracted a tiny nice one. A Nice way to display a “Photo Folders”. You can customize the output a bit, Shadow, Photo Size, Second and Third Photo Offsets, but it’s an example not a reusable class…

You can find the Source Code Here: Qt4 Photos Preview Source Code.

Quartica Image Theater

Matteo Bertozzi — Sun, 07 Sep 2008 15:11:49 +0000

I Really need a blackboard to fill with images, lines, rectangles and texts when i talk with someone. I think that is very useful when you’re trying to explain something something to someone.

Quartica Image Theater

This is the current status of Quartica Image Theater. Nice, But it could be more nicer. Suggestions are always accepted!

Qt4 Image Transfers Viewer

Matteo Bertozzi — Sat, 09 Aug 2008 20:11:39 +0000

Today a new Qt4 Effect developed for Quartica File Transfers View. The main idea is to remove the unuseful progressbar from Downloading Images and replace it with something more intuitive.

Quartica Image Transfers Viewer

In this way, you can see the full image and the current completed part. And now a Very Low quality video that demonstrate how it works (please, wait 7 seconds before going away).