FlashFlex 2nd test release 03/26/09

pcpete · 03-16-2009, 12:01 AM

***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...

click here to watch the video

Close

pcpete · 03-16-2009, 12:04 AM

reserved...

pcpete · 03-16-2009, 12:05 AM

reserved....

Iceman_jkh · 03-16-2009, 03:46 AM

Ohhh.. 3 of my most favourite things...
Flash, flex and virgins

DLing now

GizmoQ · 03-16-2009, 04:25 AM

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.

Iceman_jkh · 03-16-2009, 05:19 AM

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

pcpete · 03-16-2009, 08:35 AM

Quote: Originally Posted by GizmoQ

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.

Quote: Originally Posted by GizmoQ

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

Quote: Originally Posted by GizmoQ

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

Quote: Originally Posted by GizmoQ

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....

Quote: Originally Posted by GizmoQ

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...

Sonicxtacy02 · 03-16-2009, 09:05 AM

beautiful work.. if only we could get those playlists transparent huh

pcpete · 03-16-2009, 09:33 AM