Announcement

Collapse
No announcement yet.

FlashFlex 2nd test release 03/26/09

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

  • FlashFlex 2nd test release 03/26/09

    ***03 26 09 Big update ************

    -Added indicator component
    -changed naming convention
    -new readme.txt documentation
    -transparent ilist
    -trying to see if rr coders can improve flash performance and reusing of swf files, see this thread to chime in:
    http://www.mp3car.com/vbulletin/road...-things-9.html






    ***contents of readme.txt follow****

    Welcome to FlashFlex!

    FlashFlex is more than just a skin, it is a collection of custom programmed flash components that are designed to work with RR.

    Feel free to sprinkle and dash these components into your skins as you like...

    The concept is quite different, I don't think anything else like this has been done..the implementation is kinda crazy too!


    The components are configured from the file name itself( tried using config files, to slow) , the commom naming convention is:



    RFxx_array1_arra2_array3_array4_optional1_optional 2_optional3_optional4.swf

    where:

    RFxx = generic name of component, must start with RF, xx unique id of component.

    array1, 2, 3 = usually rr command, indicator or label, component specific... enter 'xx' if not applicable

    array4 = font info, (if needed) entered as follows fontsize^fontname^textcolor^alignment^boldtrue^ita lictrue e.g. 24^Arial Narrow^0xffffff^Bold_xx

    the optional1 , 2, 3 are component specific again..

    color info is enter as hex rgb values as such: 0xrrggbb, so 0xff0000 is red, 0x00ff00 is green and 0x0000ff is blue ....




    the components so far are:



    RFB1.swf - Button 1 - multi-purpose button, has about 50 built in icons... make copies of this file and set the file name accordingly:


    array1 = icon name, look at iconnames.jpg in skin folder for list of icons and their names...sets the icon of the button
    array2 = text on button if any, enter xx if no text... what you type for this value actually displays on button ...
    array3 = rr command to execute
    array4 = font info as described above, if no text ( ie xx) is entered for array2 then font info is not required so enter xx here too...
    optional1 = button color, if xx is entered default color of black is used
    optional2 = button finish, valid entries are: Normal(default), Metal, Grass, Wood, Rock. if xx is entered then default finish used

    example of next track button used in my skin:

    RFB1_Next_xx_NEXT_xx_xx_xx.swf

    This button also can handle states and change dynamically depending on rr indicator or label states: the button is built as before but the following info is needed:

    ~whatstatetomonitor`isvalueofstatethis`new button definition if true

    so, I have a button that monitors the rr 'STATUS' label, it is named as follows:

    RFB1_PLAY_xx_PLAY_xx_xx_xx~STATUS`PLAY`PAUSE_xx_xx _xx_0x00ff00_xx&STATUS`PAUSE`PLAY_xx_xx_xx_0xffff0 0_xx&STATUS`STOP`PLAY_xx_xx_xx_0xff0000_xx.swf

    depending on the play status the button changes color and the icon changes! super cool!

    the first part before the ~ is the standard button definition, i then have 3 states seperated by an & , the states check if 'STATUS' = pause play or stop, and send new button defs if true..



    RFB2.swf - Flash button 2 - Menu type button , no icons, good for menu's , make copies of swf and set file name accordingly:


    array1 = text on button
    array2 = rr command to execute
    array3 = not used, enter xx
    array4 = font info

    example: my Music button in my menu.skin

    RFB2_MUSIC_AUDIO_xx_18^Arial Narrow^0xFFFFFF^Center^xx^xx.swf


    RFMI.swf - Flash Media and label info plus seek bar!

    array1 = mode.. -seekbar mode

    ------enter color and alpha value ie 0x00ff00x70 for a green seekbar with 70% alpha transparency

    -label/button mode

    ------enter rr command to execute upon touching component

    -cycle mode
    ------ not yet implemented - will cycle through different rr labels upon touch

    array2 = label to display

    array3 = not used, enter xx

    array4 = font info, one thing specific to this component is SCROLL setting for font alignment, will scroll text to left, BOUNCE setting to come...

    optional1 = value for seek bar to follow, must be entered for seek bar mode
    optional2 = max value of seekbar, must be entered for seek bar mode

    example of my blue seekbar that scrolls current track :

    RFMI_0x0000ffx75_TRACKNAME_xx_32^Arial Narrow^0xFFFFFF^SCROLL^xx^xx_CURRENTTRACKTIME_TRAC KTIME.swf

    example of Kbps label displayed and stops play upon press:

    RFMI_stop_KBPS_xx_32^Arial Narrow^0xFFFFFF^Center^xx^xx.swf


    RFI1.swf Flash Indicator 1 multi-purpose indicator display, has about 50 built in icons... make copies of this file and set the file name accordingly:


    array1 = indicator name, look at indicatornames.jpg in skin folder for list of indicator icons and their names...sets the icon of the indicator (jpg not done yet)
    array2 = not used, enter xx
    array3 = rr command to execute
    array4 = font info as described above,no text for this component so enter xx .
    optional1 = indicator color or alpha, 0x00000 for color # between 10-100 for alpha, alpha is good for bitmap based indiactors (only one so far 'network' , will be adding more)
    optional2 = oops, forgot for now, just enter xx

    example of shuffle indicator, sinilar to how states handled with rfb1

    RFI1_shuffle_xx_SHUFFLE_xx_xx_xx~SHUFFLE`ON`xx_xx_ xx_xx_0x00ff00_xx&SHUFFLE`OFF`xx_xx_xx_xx_0x999999 _xx.swf

    example of online or not using builtin bitmap indicator:

    RFI1_network_xx_WEB_xx_100_xx~ONLINE`ON`xx_xx_xx_x x_100_xx&ONLINE`OFF`xx_xx_xx_xx_50_xx.swf



    RFV1.swf Flash volume indicator...will probably merge this into RFI1 as the functionality is almost the same, but for now displays volume level and mutes on press as configured below:

    RFV1_VOLUME_MUTE_xx_34^ARIAL Narrow^0xffffff^center^xx^xx~MUTE`ON`xx_xx_xx_34^A RIAL Narrow^0xff0000^center^xx^xx.swf


    RFSH.swf beta of generic slider for mixers and other stuff

    example of slider to control wave line

    RFSH_SLD;VOL;WAVE_0_65535_xx_SETVOLUME;WAVE.swf



    resource meter.swf

    currently hardcoded to read RR cpu label, will make this customizable plus add additional style gauges check http://www.darkartistry.com/content/view/129/48/ for other gauges to be implemented.



    tempo_v13.swf and smallflip.swf


    the flip clocks seen in the screenshots. no RR customization. Props to twolf at xda-developers for these...
    http://forum.xda-developers.com/showthread.php?t=403706 for more info and weather config


    Thanks to all RR coders for RR, awesome platform...

    Thanks to the artists/coders at flashden.net for the source and inspiration of the artwork in rfb1 and rfb2, check out this site for excellent and cheap flash content!!!


    THATS it! these flash files constitute all the graphics and functionality you see..!

    Basically, copies of these files are made and named to reflect what you want them to do.
    These same file names are called upon and positioned in RR skin files.
    If you use one button in many skin files only one copy of the swf file needs to exist.

    Some buttons in my skin don't do anything , they do send out RR commands, but I haven't implemented the skin files yet..

    myconfig.txt is to configure large flip clock.

    ******end of readme.txt***********

    Good luck, all feedback is welcome, looking for bugs and performance feedback especially..


    FlashFlex 032609, unrar and drop FlashFlex folder in skins folder...

    http://www.mp3car.com/vbulletin/atta...flex032609.rar



    VIDEO DEMO...[media]http://www.mp3car.com/vbulletin/attachments/rr-skins/54332d1236927727-new-flash-skin-new-video-03-13-09-1332009_26_55.avi[/media]
    Attached Files
    Sig, smig...

    Ford Flex Toshiba Excite 7.7 Install

    CoverMess - Cool Flash Covers

    FlashFlex - Flash Components for your skinning pleasure

    Mazda Millenia, Road Runner

    YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

  • #4
    Ohhh.. 3 of my most favourite things...
    Flash, flex and virgins
    DLing now

    Comment


    • #5
      Nice job!! My little 1.2G Pentium M can't handle it, but on my game machine (3.1G) it rocks! Resizing seems to be a problem (Browse button text on audio_player.skin wraps around, tracktime and currentracktime fall below bottom of screen) usind RoadRunner, but Ride Runner is O.K.

      Got it working kinda on my tablet by turning off the clocks.

      You need to add a hidden to your screens so Internet radio updates, i.e.,
      S01,0,0,0,0,255,255,255,255,255,255,255,255,255,25 5,255,255,0,0,0,TRUE,20,"ARIAL NARROW:B"

      That huge blank space in the middle of the menu.skin is just begging for album Art:
      J01,200,142,400,364,

      Without the skin graphics defined on the second line, I cant edit the skin with skineditor v.72. Forced me to edit it like Enforcer does everything - NOTEPAD.EXE.

      I'm gonna have to study your flash commands to see what other fun can be had.
      Attached Files
      HARDWARE: Fujitsu Stylistic ST5111w/WiFi and dock, internal Hitachi 500G HD, external 1TB HD, Sierra Wireless Aircard 550, DVD-RW, BoomzBox HD radio, XM Commander, Delorme GPS, Saitek X-52 Pro joystick, BluSoleil Bluetooth, TPMS, FB, Elm327

      Comment


      • #6
        Wow.. love it

        Few things:
        ~Can the 100% be centred a little better.
        ~There is no way to know that ur in MUTE, except the lack of audio.
        Can you grey out the vol buttons? or put a red cross over the volume % ? - whatever looks good.
        ~When in GPS (iGo8) if i click anything that isnt iGo... it takes focus, and draws over iGo for that brief 'click'. Its a little annoying. Can you make iGo/GPS not lose focus, so its always on top when in GPS screen? EDIT: Seems that only happenend the first time I loaded GPS.
        ~What does the (-) symbol do next to the Scan button?
        ~What does the up arrow do?
        ~I used Void 3.x previously, which had buttons on the side of the browser [A-C],[D-F],[H-J], etc.. which quick skipped to that letter in the list. It was very handy. anyway to implement here?
        ~Can the font of folders in the browse window be changed?
        ~can the shuffle icon be made not to flash/blink? distracted me a little
        ~im also getting some text wrap on SCAN ON, Browse in the audio browser scr

        I've got vis on and getting 40% CPU.
        without vis, im using 16% CPU.. awesome
        personally, Id move the minimize and kill buttons away from that bottom right block - too easy to accidentally touch. perhaps make those 2 appear on the flip side of the CPU % when clicked??

        Hope that helps.
        I'm not a huge fan of the current button shading (with that crescent through the horizontal, but I dont expect that can be changed.) I like the colours though. Can I personalise mine by any chance?

        Damn awesome skin

        Comment


        • #7
          Originally posted by GizmoQ View Post
          Nice job!! My little 1.2G Pentium M can't handle it, but on my game machine (3.1G) it rocks! Resizing seems to be a problem (Browse button text on audio_player.skin wraps around, tracktime and currentracktime fall below bottom of screen) usind RoadRunner, but Ride Runner is O.K..
          Thx, font and size are configurable in the file names, mess around with them..

          Got it working kinda on my tablet by turning off the clocks.

          Originally posted by GizmoQ View Post
          You need to add a hidden to your screens so Internet radio updates, i.e.,
          S01,0,0,0,0,255,255,255,255,255,255,255,255,255,25 5,255,255,0,0,0,TRUE,20,"ARIAL NARROW:B"..
          Didn't know that, thx

          Originally posted by GizmoQ View Post
          That huge blank space in the middle of the menu.skin is just begging for album Art:
          J01,200,142,400,364,"..
          Yeah, I'm still planning on adding alot, looking for something cool in flash, like rss trafic news etc feeds



          Originally posted by GizmoQ View Post
          Without the skin graphics defined on the second line, I cant edit the skin with skineditor v.72. Forced me to edit it like Enforcer does everything - NOTEPAD.EXE.,.
          , haven't messed with skin editor much, does it show flash? Will definately fix for next update....

          Originally posted by GizmoQ View Post
          I'm gonna have to study your flash commands to see what other fun can be had.
          There is tons of fun to be had! I especially am proud of my fmi component. I Think the seek bar is hot, so easy to add a slider to any skin...
          Sig, smig...

          Ford Flex Toshiba Excite 7.7 Install

          CoverMess - Cool Flash Covers

          FlashFlex - Flash Components for your skinning pleasure

          Mazda Millenia, Road Runner

          YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

          Comment


          • #8
            beautiful work.. if only we could get those playlists transparent huh
            mp3Car.com Senior Tech Blogger (Want a product reviewed? Contact me.)
            Follow Me on Twitter or Facebook
            Live mp3Car Facebook Chat

            Comment


            • #9
              Originally posted by Iceman_jkh View Post
              Wow.. love it

              Few things:
              ~Can the 100% be centred a little better.
              ~There is no way to know that ur in MUTE, except the lack of audio.
              Can you grey out the vol buttons? or put a red cross over the volume % ? - whatever looks good.

              Working on a custom flash component for volume...


              Originally posted by Iceman_jkh View Post
              ~What does the (-) symbol do next to the Scan button?
              removes song from playlist

              Originally posted by Iceman_jkh View Post
              ~What does the up arrow do?
              Sets song as next to be played

              Originally posted by Iceman_jkh View Post
              ~I used Void 3.x previously, which had buttons on the side of the browser [A-C],[D-F],[H-J], etc.. which quick skipped to that letter in the list. It was very handy. anyway to implement here?
              you can create buttons with fb1 or fb2 to do this...


              Originally posted by Iceman_jkh View Post
              ~Can the font of folders in the browse window be changed?
              yeah, this is a standard folder ilist

              Originally posted by Iceman_jkh View Post
              ~can the shuffle icon be made not to flash/blink? distracted me a little
              hmmmm...

              Originally posted by Iceman_jkh View Post
              ~im also getting some text wrap on SCAN ON, Browse in the audio browser scr
              you can change font and font size by renaming the swf file...

              Originally posted by Iceman_jkh View Post
              personally, Id move the minimize and kill buttons away from that bottom right block - too easy to accidentally touch. perhaps make those 2 appear on the flip side of the CPU % when clicked??

              go nuts you can easily change all these things....

              Originally posted by Iceman_jkh View Post
              I'm not a huge fan of the current button shading (with that crescent through the horizontal, but I dont expect that can be changed.) I like the colours though. Can I personalise mine by any chance?

              Damn awesome skin
              Thx man, I assume you are talking about fb2, none of the graphics can be changed, just the font type , color and size....
              Sig, smig...

              Ford Flex Toshiba Excite 7.7 Install

              CoverMess - Cool Flash Covers

              FlashFlex - Flash Components for your skinning pleasure

              Mazda Millenia, Road Runner

              YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

              Comment


              • #10
                Originally posted by Sonicxtacy02 View Post
                beautiful work.. if only we could get those playlists transparent huh
                Thx Sonic, yeah I could use some help with the ilist's, when transparent, I would get some artifacts when the song names scrolled horizontally...

                any ideas?

                A flash component for ilists would be cool, can you do it....
                Sig, smig...

                Ford Flex Toshiba Excite 7.7 Install

                CoverMess - Cool Flash Covers

                FlashFlex - Flash Components for your skinning pleasure

                Mazda Millenia, Road Runner

                YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

                Comment


                • #11
                  ~can the shuffle icon be made not to flash/blink? distracted me a little

                  I should clarify a little. The arrows seem to move up a little then back down. kinda like a button being depressed, but its just doesnt look right. looks a little 'shakey'.

                  Anyway... still in awe.. great stuff

                  I'll let you know if I think of anything else.

                  Comment


                  • #12
                    I"ve got a whole set of those icons, I'm going to start working on them as general purpose indicators and buttons... I'll try to make the animation selectable...

                    go here to see the whole set...

                    http://www.flashden.net/item/orange-icon-set/5329

                    if you do visit that site, check out the other stuff , it's pretty cool...

                    Glad you liking it, not getting to much feedback, I thing it's a little bit confusing

                    (my documentation sucks!)
                    Sig, smig...

                    Ford Flex Toshiba Excite 7.7 Install

                    CoverMess - Cool Flash Covers

                    FlashFlex - Flash Components for your skinning pleasure

                    Mazda Millenia, Road Runner

                    YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

                    Comment


                    • #13
                      For anyone still messing with these, I made a better volume indicator called FV1, and improved FMI in regards to scrolling and alignment of titles...these are attached at the bottom..

                      I'm plugging away with this concept, I've laid down some file naming conventions and streamlined my actionscriptcode for re-usability....

                      I'm also planning to write some utilities to help in updating and maintaining file name and skin file synchronizing....if anyone knows what I mean...

                      I'm more than happy to share my code for these swf, but only the code that pertains to the rr integration as alot of the animation code is copywrited...

                      Hoping to make another skin update by the end of the weekend....
                      Sig, smig...

                      Ford Flex Toshiba Excite 7.7 Install

                      CoverMess - Cool Flash Covers

                      FlashFlex - Flash Components for your skinning pleasure

                      Mazda Millenia, Road Runner

                      YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

                      Comment


                      • #14
                        HOw to Install This

                        amazing software - but how do you install it?

                        Comment


                        • #15
                          Thx Mattyv,

                          You don't really install it, download the complete flashflex skin in the first post and drop the flashflex folder into the root skin folder of rr. Use rrconfig and select flashflex as your skin...

                          Or you just reference the swf files in your skin files.
                          You can make as many copies of the swf files as you want, what you rename them too determines the properties of the swf, ie what icon to display or what command to execute in rr.

                          I've tried to document this in the first post, rather unsuccesfully, as I didn't have enough time..

                          Good luck, let me know how it goes....
                          Sig, smig...

                          Ford Flex Toshiba Excite 7.7 Install

                          CoverMess - Cool Flash Covers

                          FlashFlex - Flash Components for your skinning pleasure

                          Mazda Millenia, Road Runner

                          YouTube - Road Runner, IGO8 PC, Dashcommand OBD, Visteon HD Radio

                          Comment

                          Working...
                          X