Click here to Skip to main content
12,699,369 members (33,453 online)
Click here to Skip to main content
Add your own
alternative version


48 bookmarked

A Thumb Rotator

, 2 Dec 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
A fast and furious - one step far from - screensaver application.


First of all, remember, this is not the best way to make a Thumb Rotator!!! And now, let's see what a Thumb Rotator is. It is a program which tells you where your pictures are, and it will show them by rotating them slowly around an ellipse, pretending they are on a 3D space, simulating a mirror on the floor, using fake lighting algorithms...

In this article, there is no DirectX, OpenGL, or anything like them.

First step

First of all, we will arrange the images around an ellipse. To obtain the - let's say - 10 points, with x0, y0 for the center of the screen, and R1 and R2 as great and little radius (it's an ellipse!):

for (int angle=0; angle<360; angle+=36)
   double dAngle=DEGREE_TO_RADIANS(angle);
   int x=x0+R1*cos(dAngle);
   int y=y0-R2*sin(dAngle);
   // do something with the x,y - for example, draw the image (scaled!)


To animate, simply use a timer. And for every step, add some increment to the angle of every image. Take a look at the code in the zip file!

Add perspective

Two simple tricks: first, draw images from the top Y position to the bottom. In an ellipse-arranged-thumb-rotator, this works fine. Second, draw scaled from the top Y position to the bottom. The images on the top have to be smaller than the images on the bottom.

Add lighting effect

To draw the shadow/fading/upside-down image on the bottom, simply follow these steps:

  1. Create a copy of the image
  2. Make it upside-down
  3. For every pixel in the copied image, change the alpha value according to this rule, scaling linear: 255 to the top (no transparence), 0 to the bottom (maximum transparence)

Make images on the top darker. Simply draw a black, semi-transparent rectangle on them!!!

Interact with the mouse

Monitor your mouse while it is being moved!. If it's moving near the center, there should be no rotation. When the mouse is on the left, make the rotation from left to right. When the mouse is on the right, make the rotation in the reverse direction.

Every time you draw an image, remember its position. So, when the mouse is moving, you can perform the "hit test". The "under mouse pointer" image has full light, no darker effect on it (remember the previous paragraph).

That's all! Have fun. Remember, this is not the best way to do it, but it works! :)


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Massimiliano Conte
Software Developer (Senior) Selex ES
Italy Italy
Hi Smile | :)
I was born in 1970 (Augusta - Italy).
I live in Taranto - Italy.
I work in Taranto - Italy.
I like computer science!!!
That's all!

You may also be interested in...

Comments and Discussions

GeneralGreat Pin
N. Henrik Lauridsen8-Oct-15 5:39
memberN. Henrik Lauridsen8-Oct-15 5:39 
QuestionGreat Post. THANK YOU. Pin
Bhavesh Patel30-Jul-15 0:56
memberBhavesh Patel30-Jul-15 0:56 
GeneralMy vote of 5 Pin
IKalai4-Apr-13 20:44
memberIKalai4-Apr-13 20:44 
GeneralThank you Pin
futurejo27-Jul-09 8:05
memberfuturejo27-Jul-09 8:05 
Generaltwo problems Pin
francisngl15-May-09 15:51
memberfrancisngl15-May-09 15:51 
GeneralTitle needs work. Pin
muzzdeni5-Mar-09 16:18
membermuzzdeni5-Mar-09 16:18 
GeneralChange the title Pin
kosmonafta9-Dec-08 22:23
memberkosmonafta9-Dec-08 22:23 
Generalcool Pin
tigerfCPRJ8-Dec-08 13:13
membertigerfCPRJ8-Dec-08 13:13 
QuestionDLL to be integrated? Pin
Hegemon8-Dec-08 8:01
memberHegemon8-Dec-08 8:01 
GeneralNice code Pin
johannesnestler5-Dec-08 6:51
memberjohannesnestler5-Dec-08 6:51 
GeneralNice Pin
Dhimant Trivedi5-Dec-08 1:03
memberDhimant Trivedi5-Dec-08 1:03 
GeneralThe article needs a better title Pin
PIEBALDconsult3-Dec-08 6:08
memberPIEBALDconsult3-Dec-08 6:08 
GeneralNice... Pin
Paw Jershauge3-Dec-08 0:06
memberPaw Jershauge3-Dec-08 0:06 
Generale = mc^2 Pin
Tefik Becirovic2-Dec-08 23:58
memberTefik Becirovic2-Dec-08 23:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.170118.1 | Last Updated 3 Dec 2008
Article Copyright 2008 by Massimiliano Conte
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid