Announcement

Collapse
No announcement yet.

Flash Skin Tutorial?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Flash Skin Tutorial?

    For those of you who were hopping to find a tutorial on how to skin flash, unlucky? Although I hope that this will eventually hold all the information you need to do this.

    So, I have noticed a couple of people have started making flash skins but are yet to release them. Although I have never made a skin from scratch I have done enough modification of skins to say I have a good grasp of how to skin in RR and also how to create flash animations. However I would like to move up a level and start skinning in flash. Only problem is I haven't the foggiest where to start. What files do I need in the skin directory and how would i go about creating just a button to load a defferent screen with transition animation?

    Thanks in advanced for your help

  • #2
    Here's a quick q/a:

    Q: How do you add flash to a skin?

    A: Just as you can add a button (B) or label (L) to a skin using RRskineditor, you can also add a "Flash Movie" (F) by defining it's size and path. Flash movies have the extension (.swf) and should be placed in the skin folder. You can refer to the skinning tutorials by Meelobee or J187 for more information about the skin editor.

    Q: How do I make the flash movie?

    A: Typically, Macromedia Flash MX, or SwishMax are used. (SwishMax offers a free 30-day trial with full functionality) Small flash movies such as clocks, calculators and logos can also be downloaded from various sites on the net.

    Q: How do you get a RR label to show in the flash movie?

    A: First you want to define the desired RR label in your skin by manually editing the .skin file or by using RRSkinEditor. (For this example I will use the "CPU" label, although any RR label can be used) When you add the label to your skin file, you may set the length and width of the label to 0 and the x/y position to 0 as well. Below is what it should look like in your skin file:

    L,0,0,0,0,,,,,,"CPU",

    Next you will want to create the flash movie. All you will need to do is add a "dynamic" textbox and name it "CPU" (without quotes). That textbox will now automatically update itself with the CPU reading from RoadRunner. You may use any font, color or effect you desire for the textbox. Now, you just need to export the movie to .swf and define it in the skin file.

    To define it, select ADD > FLASH MOVIE in RRskinEditor and type out the path/filename of the swf in quotes: "cpu.swf"
    Also, remember to enter the correct width and height of the flash movie.

    TIPS: If the label doesn't display in your flash movie, make sure the dynamic textbox is large enough to show the entire contents of the RR label. If your textbox is cutting off even the last digit/letter of the label, it may not show. If it still doesn't show, you may have the label in a sub movie "sprite" in which case, you need to name your dynamic textbox "_root.CPU" (without quotes)

    Q: How does flash communicate with RR and viceversa?

    A: Flash uses "fscommands" to send commands to RR. Alternately, every label defined in the current skin is automatically sent to your flash movie as a string variable. You can access the contents of the variable simply by using the name of the label. For example: If you have a "VOLUME" label defined in the skin, RR will automatically send the current volume % to flash and you can utalize it in flash like so:

    Code:
        if (VOLUME == "100%"){
            myVar = "Turn that **** down!!!";
            fscommand("SETVOL;Wave;50");
        }
    Q: What skin commands can I send to RR?

    A: You can send any and every skin command using "fscommand("SKINCOMMAND");" However, there are some special characters that need to be sent differently.
    • @@ is used in place of ! (i.e. "@@SELECT+")
    • \\ is used instead of single \ (i.e "RUN;C:\\myapp.exe")

    Also, button up/down states can be recreated in flash. For example, a fscommand("NEXT","BUTTONDOWN") would start fast forwarding the song until a fscommand("NEXT","BUTTONUP") is executed.







    That's the basics i guess. I have more info if anyone is interested. Is this even understandable? (I've never made a FAQ before )
    Beer is proof that God loves us and wants us to be happy Benjamin Franklin

    Comment


    • #3
      I, like many on here would like to see as much as possible. We are all knowledge hungry geeks here and you know this. Feed Me...... You know flash is becomming the shiznit in skinning.... so I would say we need a "skinning with flash FAQ" sticky....
      Peese

      Comment


      • #4
        Your the best DiNASTY....

        Question ...how would you control a playlist, folder list and slider from the flash file??? Whats the coding for that???
        http://www.sounddomain.com/ride/856246

        Please visit my new site http://www.Gigabitcustoms.com

        My worklog http://www.mp3car.com/vbulletin/showthread.php?t=52720

        Comment


        • #5
          Thanks dinasty,

          So if I am to make a flash skin, I would just create the skin as normal in terms of files but I would create a flash object using (F) that would be the same size as the screen?

          Comment


          • #6
            If you want the flash to take up the whole screen, yes. Just use RRskinedtior or define it in the .skin file like so:

            F,0,0,800,480,"movie.swf"

            Remember to put the swf in the skin folder and you should be all set.
            Beer is proof that God loves us and wants us to be happy Benjamin Franklin

            Comment


            • #7
              Originally posted by jthiani
              Question ...how would you control a playlist, folder list and slider from the flash file??? Whats the coding for that???
              you'll need to learn quite a bit more actionscript (the flash coding) to get to that stage, i'd suggest having a look at some of the tutorials on www.flashkit.com and/or www.actionscript.org
              once you get the hang of it the possibilities are extraordinary, enjoy!

              Comment


              • #8
                In addition to DiNASTY's post:

                Q: How does flash communicate with RR and viceversa?

                A: The label name variables are all local to the root of the flash movie, so if you want to access a variable from a movie clip placed the flash stage you need to reference it like so:

                Code:
                    if (_root.VOLUME == "100%"){
                        myVar = "Turn that **** down!!!";
                        fscommand("SETVOL;Wave;50");
                    }
                note the '_root.' part.
                Jarrod - Holden VX S!

                Comment


                • #9
                  resurrecting this thread as i have another ? that would help others i'm sure. Can someone explain how to have a rr label show in the flash movie?
                  mp3Car.com Senior Tech Blogger (Want a product reviewed? Contact me.)
                  Follow Me on Twitter or Facebook
                  Live mp3Car Facebook Chat

                  Comment


                  • #10
                    Sonicxtacy02, I added what I know to the FAQ on post 2. If you have any questions let me know
                    Beer is proof that God loves us and wants us to be happy Benjamin Franklin

                    Comment


                    • #11
                      thanks for that i understand now. Do custom commands work like this too... such as !iGNextTurnStreet. And do you have to have flash send the SETLABEL command to rr to make this work

                      fscommand("SETLABEL;!iGNextTurnStreet;Loading...") ;
                      mp3Car.com Senior Tech Blogger (Want a product reviewed? Contact me.)
                      Follow Me on Twitter or Facebook
                      Live mp3Car Facebook Chat

                      Comment


                      • #12
                        I will have to look into it... I didn't even know that a !iGNextTurnStreet label existed? Is it from the iGMon stuff or something?

                        Anyhoo, to answer part of your question... Yes, the setlabel command can be sent like that but I'm not sure if it would make that iG stuff work. Here is an example of another working SETLABEL command:

                        fscommand("SETLABEL;CUSTOMLABEL;FALSE");
                        Beer is proof that God loves us and wants us to be happy Benjamin Franklin

                        Comment


                        • #13
                          I think there's (or there was) some stupid issue with ! and flash.. so you'd have to use the word CUSTOM instead..
                          Ride Runner RR's Myspace

                          "Being happy is not about having what you want, it's about wanting what you have."
                          "The best things in life are always free - but that doesn't mean money can't buy you good things."

                          Comment


                          • #14
                            hi, i created a flash movie (honda logo), it has properties like mouse off, mouse over and mouse down. i named it logo.swf and put it in the alpine skin im using, it shows up and when i do a mouse over, it reacts and when i press the logo it also shows the mouse down function as its should. i was intending this to be a flash button. i went to skineditor thinking that i can use the button function to put an invisible button around the logo, so when i click the honda logo in the center, it will actually load an application, in my case obdii program. the problem is when i click on the flash logo, the button doesnt work, it will only activate once im out of the area of the flash logo, so i ended up clicking on an empty space. i want to click on the honda logo flash movie i created so i can have a mousedown effect and then launch the application. to summarize it up, how do i make a flash movie to act as a button on RR using skineditor or any method to launch my application, any ideas? thanks
                            7" Lilliput
                            Opus 150
                            mini itx 1Ghz
                            1GB sdram
                            97 Prelude

                            Comment


                            • #15
                              just make the button within flash load the odbii program, ie. fscommand("RUN;C:\\myapp.exe");
                              Jarrod - Holden VX S!

                              Comment

                              Working...
                              X