From Fedora Project Wiki
m (1 revision(s))
No edit summary
Line 1: Line 1:
<!-- page was renamed from Artwork/ArtTeamProjects/Fedora7Remix/Throbber
{{header|art}}
-->
<!-- page was renamed from Fedora7Remix/Throbber
-->
<!--
-->
<!-- language:en
-->
<!--
-->
<!-- Pull Header from Artwork
-->
{{:Artwork, , from="StartHeader", to="EndHeader"}}
 
{| style="width:98%" style="text-align:left; padding:0px; border:0; width:50px;"
|}


<pre>
<pre>

Revision as of 04:32, 27 May 2008

Artwork ArtTeamProjects WikiDesign ArtTeamN1.png


Under construction

General

The throbber artwork is an animated icon which provides visual feedback of activity. To create the effect each frame of the strip is played left to right in a continuous manner.

~+Specifications+~

The dimension of the image strip is 288 x 24 pixels consisting of twelve individual 24 x 24 frames. The word "frame" in this document simply refers to an area on the drawing surface. If the desire is to create a spinning illusion with the image completing one revolution (360 degrees) in the space allowed, each frame must be rotated 30 degrees clockwise from the previous frame.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber PageTip.png

Idea.png It is important to note this is not the only illusion that can be created. Images modeled on audio db meters or morphing colors are also appropriate.

~+Current Design+~

Taking a look at the current design each frame is filled with an image drawn with a series of circles to form the illusion of movement. A variant of this design is also used by the cursor.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber CurrentThrobber.png

Download: File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber throbber 701061.svg SVG File]

~+Designing a Replacement+~

For purposes of illustration I created an image in Inkscape (Gimp would also work) adhering to the specification of twelve 24 x 24 frames. In the first frame I drew a circle with a light blue gradient (#00bbff) border and a transparent center.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber BuildThrobber.png

Copying the image of frame one to the center of frame two I rotated it 30 degrees in a clockwise manner. Copying the image of frame two to the center of frame three I rotated it 30 degrees in a clockwise direction for a total of 60 degrees from the first. Continuing this process I created ten additional frames for a total of twelve.

The result of this effort looks like the following.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber NewThrobber.png

Download: File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber throbber-anim 706111.svg SVG File]

Installation

The completed image should be named 'throbber-anim.png' and must reside in the '/usr/share/rhgb/' folder.

1. Download the following files
  ▸  File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber InstallThrobber.sh
  ▸  File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber throbber-anim.png throbber-anim.png]
  ▸  File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber UninstallThrobber.sh 2. Open a terminal session and login as root
  ▸  ie. $ su <return> 3. Navigate to the folder containing the above files
  ▸  ie. # cd myDownloads 4. Execute InstallThrobber .sh script
  ▸  ie. # sh InstallThrobber .sh <return> 6. Respond <y> when asked "Proceed y/N?"
  ▸  ie. Proceed y/N? y <return> 7. Close terminal window when script is done
  ▸  ie. "All done ..."

~+Installation Script+~


#!/bin/bash
#
#
#
clear
echo
echo "      #####                     ##"
echo "     ###                        ##"
echo "     ###                        ##"
echo "   ########   ######     ###### ##     #######    ### ###   #######"
echo "     ###    ###    ###  ###    ###   ###    ###   ####    ###     ###"
echo "     ###    ##########  ###     ##   ###     ###  ###     ###     ###"
echo "     ###    ###         ###    ###   ###    ###   ###     ###     ###"
echo "     ###     ########    ###### ##    ########    ###       ###### ##"
echo
echo "                        RHGB Throbber Installation"
echo
echo
echo

if [ "$UID" -ne "0" ] 
then
echo
echo "Sorry, this script must be run as root (su)."
echo
exit 1
fi

echo -n "Proceed y/N? "
read ans

case $ans in
"y" | "Y" )
;;
* )
echo
echo "Thank you :)"
echo
exit;;
esac

#
#
if [ ! -r "/usr/share/rhgb/throbber-anim.png.sav" ] 
then
echo
echo "Copying current image to (throbber-anim.png.sav) ..."
cp /usr/share/rhgb/throbber-anim.png /usr/share/rhgb/throbber-anim.png.sav
fi

#
#
cp throbber-anim.png /usr/share/rhgb/throbber-anim.png
chmod 755 /usr/share/rhgb/throbber-anim.png

echo
echo "Done ..."
echo