Results 1 to 3 of 3
  1.    #1  
    Hi all. I need help with PNG. Either a book or tutorial website on how to work with PNG files, or a person with whom to collaborate.

    Here's what I want to do. I'm working on a rosary app. For those that don't know, a rosary is kind of like a beaded necklace on which you count prayers. I want to have a picture of either the whole necklace or a portion of the necklace on screen, and I want individual beads to light up or glow as you move through each prayer.

    i've been told by another person that the way to do this is to use two images, one of which is 'transparent.' The image of the beads, if just a partial picture is onscreen, would move so that each bead would appear to 'light up.' I have no idea where to go to learn how to do this. Any suggestions are appreciated.
  2. #2  
    I think you'd need to write your own algorithm and matrix's that hold the position of which beads are lit and not lit, each bead needs its own x and y value, then just change 'bead1lit' and 'bead1dim' div ID style.visibility to 'visible' and 'hidden' based on what you want them to do.

    Or you could just change the image of 'bead1' .. the image url change in webos is something like:

    this.controller.get('bead1').style.backgroundImage = "url(images/dimmedBead)";
    this.controller.get('bead1').style.backgroundImage = "url(images/litBead)";

    This way you have the flexibility of adding physics to the necklace.. O.O
    Neo Enyo 2.0 Twitter App: NOW AVAILABLE | WON REVIEW
    clearview - clear card app for HP TOUCHPAD
    Wild'n Video Poker - AVAILABLE FOR ALL WEBOS DEVICES! | follow for latest updates - @fxspec06

  3. jdod's Avatar
    874 Posts
    Global Posts
    975 Global Posts
    First, thank you for developing this, I will be first in line to purchase if its a paid app, or donate if not.

    I barely get by with media edition and such, so no expert here, but I would look for "roll over effect" in google and see what that gets you, here is something I found real quick:

    Rollover (web design) - Wikipedia, the free encyclopedia

    And this might be a good tutorial using Adobe Fireworks:

    Simple rollover effect buttons in Fireworks | a summers design

    I hope this helps.

    Edit: Pay a lot more attention to fxspec, he sounds like he knows what he is doing.
    Sprint since 01/06/99: Sanyo SCP-4500 -> Audiovox PPC-6700 -> Palm Treo 755p -> Palm Centro -> Palm Pre 1.4.5 -> Jailbroken iPhone 4s

Posting Permissions