webOS Nation Forums >  webOS apps and software >  webOS development > How To: Change the ripple icon when you tap the screen
How To: Change the ripple icon when you tap the screen

  Reply
 
LinkBack Thread Tools Display Modes
Old 08/13/2009, 11:40 PM   #1 (permalink)
Member
 
Join Date: Sep 2007
Posts: 29
Likes Received: 0
Thanks: 1
Thanked 21 Times in 8 Posts
Default How To: Change the ripple icon when you tap the screen

The effect is made of a transition of two images. All you have to do is edit/replace the two images.

Simply log into a rooted pre, sudo, and mount it as writeable.

Navigate to "/usr/palm/sysmgr/images"

The two images are penindicator.png and penindicator-ripple.png

Here is a picture of mine. I left it pretty stock, just made it green (My favority color, if you cant tell by the rest of my phone). On a side note, it took forever to snap a screenshot getting a nice pic of the tap ripple.

chris5h is offline   Reply With Quote
Old 08/13/2009, 11:43 PM   #2 (permalink)
Member
 
MOE-GUNZ's Avatar
 
Join Date: Jul 2009
Posts: 303
Likes Received: 0
Thanks: 4
Thanked 20 Times in 16 Posts
Default

Nice, love How-tos
MOE-GUNZ is offline   Reply With Quote
Old 08/13/2009, 11:54 PM   #3 (permalink)
Member
 
Join Date: Jun 2009
Posts: 14
Likes Received: 0
Thanks: 3
Thanked 2 Times in 2 Posts
Default

nice, looks like i got some more graphics to modify!
thanks
Crimsonrellik is offline   Reply With Quote
Old 08/14/2009, 12:06 AM   #4 (permalink)
Member
 
Join Date: Sep 2007
Posts: 29
Likes Received: 0
Thanks: 1
Thanked 21 Times in 8 Posts
Default

Your welcome guys. Hit the thanks button if ya are digging it
chris5h is offline   Reply With Quote
Thanked by smitty9211, SteveChiller
Old 08/14/2009, 12:26 AM   #5 (permalink)
Member
 
mrloserpunk's Avatar
 
Join Date: Jul 2008
Location: Syracuse
Posts: 2,564
Likes Received: 0
Thanks: 740
Thanked 442 Times in 327 Posts
Default

nice how to's keep up the good work. I couldn't get a picture with mine, I changed it to look darker....just be careful changing the shape, it made it seem off center which was weird when tapping!!!
__________________
"When there is no more room in hell, the dead will walk the earth"


PM me your questions, If I cant find an answer, I'll show you who can.
mrloserpunk is offline   Reply With Quote
Old 08/14/2009, 10:56 AM   #6 (permalink)
Member
 
Join Date: Sep 2007
Posts: 29
Likes Received: 0
Thanks: 1
Thanked 21 Times in 8 Posts
Default

I just made mine green to match the rest of the theme I am working on. I wanted to try a different pic but havent gotten to it yet. Thanks for the warning. Did you use the same image size?
chris5h is offline   Reply With Quote
Old 08/14/2009, 10:56 PM   #7 (permalink)
Member
 
Join Date: Jul 2009
Posts: 20
Likes Received: 0
Thanks: 21
Thanked 0 Times in 0 Posts
Default

very nice
marcoxestrella is offline   Reply With Quote
Old 08/15/2009, 11:56 AM   #8 (permalink)
Member
 
Rennat's Avatar
 
Join Date: Jun 2009
Location: With a colony of King Penguins in Antartica
Posts: 1,318
Likes Received: 95
Thanks: 533
Thanked 304 Times in 153 Posts
Default

I changed mine to look like this. Did delete the original file (I thought I had made a backup but didn't) so could some one give me the files; penindicator.png, penindicator-ripple.png, and quick_launch_stash.png. So if I want to in the future to change back. Thanks in advance!
__________________
My Tutorial on how to get Ubuntu on the TouchPad: http://forums.precentral.net/webos-d...-touchpad.html
Rennat is offline   Reply With Quote
Old 08/15/2009, 01:00 PM   #9 (permalink)
Member
 
knickrox13's Avatar
 
Join Date: Apr 2009
Posts: 218
Likes Received: 0
Thanks: 59
Thanked 31 Times in 20 Posts
Default

could any of you who changed it to green or blue or anything at all post your images!? these look awesome, but i'm too lazy to pirate download and install photoshop [again]. haha TIA!
knickrox13 is offline   Reply With Quote
Old 08/15/2009, 03:04 PM   #10 (permalink)
Member
 
Rennat's Avatar
 
Join Date: Jun 2009
Location: With a colony of King Penguins in Antartica
Posts: 1,318
Likes Received: 95
Thanks: 533
Thanked 304 Times in 153 Posts
Default

Quote:
Originally Posted by knickrox13 View Post
could any of you who changed it to green or blue or anything at all post your images!? these look awesome, but i'm too lazy to pirate download and install photoshop [again]. haha TIA!
I don't use photoshop, I use Macromedia Fireworks. It's allot better for my uses.
Here are my images. I also edited the launcher wave a bit to. Oh, and can you give me a copy of the original file I don't have them anymore. (my last post)
Attached Images
File Type: png penindicator-ripple.png (38.3 KB, 420 views) Email Attachment
File Type: png penindicator.png (49.0 KB, 411 views) Email Attachment
File Type: png quick_launch_stash.png (86.9 KB, 39 views) Email Attachment
__________________
My Tutorial on how to get Ubuntu on the TouchPad: http://forums.precentral.net/webos-d...-touchpad.html
Rennat is offline   Reply With Quote
Old 08/15/2009, 04:59 PM   #11 (permalink)
Member
 
2sslow's Avatar
 
Join Date: Jun 2009
Location: Somewhere n da 404
Posts: 2,237
Likes Received: 0
Thanks: 247
Thanked 1,039 Times in 551 Posts
Default

Is this what you wanted?
Attached Files
File Type: zip penindicator.zip (103.6 KB, 36 views) Email Attachment
2sslow is offline   Reply With Quote
Old 08/15/2009, 06:43 PM   #12 (permalink)
Member
 
Rennat's Avatar
 
Join Date: Jun 2009
Location: With a colony of King Penguins in Antartica
Posts: 1,318
Likes Received: 95
Thanks: 533
Thanked 304 Times in 153 Posts
Default

Quote:
Originally Posted by 2sslow View Post
Is this what you wanted?
Yes, thanks allot!
__________________
My Tutorial on how to get Ubuntu on the TouchPad: http://forums.precentral.net/webos-d...-touchpad.html
Rennat is offline   Reply With Quote
Old 08/15/2009, 07:06 PM   #13 (permalink)
Member
 
2sslow's Avatar
 
Join Date: Jun 2009
Location: Somewhere n da 404
Posts: 2,237
Likes Received: 0
Thanks: 247
Thanked 1,039 Times in 551 Posts
Default

No problem!
2sslow is offline   Reply With Quote
Old 08/15/2009, 11:22 PM   #14 (permalink)
Member
 
Join Date: Jul 2009
Posts: 122
Likes Received: 0
Thanks: 0
Thanked 9 Times in 7 Posts
Default

how about a step by step guide for us noobs out there.. thanks
Willmays87 is offline   Reply With Quote
Old 08/15/2009, 11:41 PM   #15 (permalink)
Member
 
Join Date: Jun 2009
Posts: 244
Likes Received: 0
Thanks: 11
Thanked 8 Times in 8 Posts
Default

i second the step by step, i can do every thin else but change .png's
chefjabril11 is offline   Reply With Quote
Old 08/17/2009, 03:22 PM   #16 (permalink)
Member
 
Rennat's Avatar
 
Join Date: Jun 2009
Location: With a colony of King Penguins in Antartica
Posts: 1,318
Likes Received: 95
Thanks: 533
Thanked 304 Times in 153 Posts
Default

Put your Pre into USB mode and make a folder called Backups. Then go back a folder (aka the main directory) and drag-drop the 2 edited files you want to change it to in it. So you have the edited file in the main directory and have a new folder called Backups with NOTHING in it.
Then type the following in the terminal:
Quote:
cp /usr/palm/sysmgr/images/penindicator.png /media/internal/backups
cp /usr/palm/sysmgr/images/penindicator-ripple.png /media/internal/backups
cp /media/internal/penindicator-ripple.png /usr/palm/sysmgr/images/penindicator-ripple.png
cp /media/internal/penindicator.png /usr/palm/sysmgr/images/penindicator.png
##DONE##
pkill LunaSysMgr
##WAIT FOR REBOOT##
__________________
My Tutorial on how to get Ubuntu on the TouchPad: http://forums.precentral.net/webos-d...-touchpad.html
Rennat is offline   Reply With Quote
Thanked By: illfill
Old 08/17/2009, 03:33 PM   #17 (permalink)
Member
 
Join Date: Aug 2009
Location: Stagecoach N.V
Posts: 21
Likes Received: 0
Thanks: 0
Thanked 2 Times in 2 Posts
Default

Bery nice
oscmarpre20 is offline   Reply With Quote
Old 08/17/2009, 06:36 PM   #18 (permalink)
Member
 
Join Date: Aug 2009
Posts: 24
Likes Received: 0
Thanks: 24
Thanked 3 Times in 2 Posts
Default

Quote:
Originally Posted by Rennat View Post
I changed mine to look like this. Did delete the original file (I thought I had made a backup but didn't) so could some one give me the files; penindicator.png, penindicator-ripple.png, and quick_launch_stash.png. So if I want to in the future to change back. Thanks in advance!
How very Tron looking!
OklahomaTeacher is offline   Reply With Quote
Old 08/17/2009, 06:42 PM   #19 (permalink)
Member
 
Join Date: Jul 2009
Posts: 79
Likes Received: 0
Thanks: 11
Thanked 4 Times in 3 Posts
Default

How do you guys go about editing using paint.net? I keep messing up when trying to do the ripple. Icant get the color right. I was trying to make a blue one but just can't seem to get it.
Converse420 is offline   Reply With Quote
Old 08/17/2009, 06:45 PM   #20 (permalink)
Member
 
Join Date: Jun 2009
Location: Fresno, CA
Posts: 25
Likes Received: 0
Thanks: 3
Thanked 3 Times in 3 Posts
Default

very nice. Something new to play with
dotelpenguin is offline   Reply With Quote
Reply

 

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0