Old 23rd August 2015, 03:18   #1
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Smile Flash & Winamp

Hi guys this is my first post as I just joined

I am defo not new to winamp as it has been my default player for years.

I have designed a media player in Flash CC with ActionScript 3 and was wondering could I convert or reconfigure it to use it as a modern winamp skin? and is there any set dimensions that I have to adhere to or ?

Thanks in advance
Steven
scottiescotsman is offline   Reply With Quote
Old 23rd August 2015, 23:10   #2
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Hello, and welcome!
Sadly your first post will only get sad a reply, because there is no way to use your prepared flash and actioncscript files to do a Winamp skin, which uses an entirely different engine (basically XML markup and Wasabi scripting -exclusive to Winamp-).
The more you can reuse are graphics..

http://frisbeemonkey.com//winamp3/tutorial/index.php >> At date, this site is still the most detailed tutorial (+ easier to follow) on how to do Winamp skins, although it refers to Winamp 3 the basics are the same of 5.

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 27th August 2015, 01:44   #3
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Cool code head nippin

yes I have all the graphics and I know a little xml.
so I have basically went through the tutorials online and my head bangin lol.... getting to old for this lol.
if anyone wants graphics done I'm u man ...but coding is not good for me.

I got the base of my winamp skin showing ..wOOhOO lol
but apart from that I cant get one button to show and I have tried few times.

if I could make a partnership with someone that I would do all graphics and they can code to their hearts content would be awesome !!

Thanks
Steven

code:

<!-- player-normal-group.xml -->

<groupdef id="player.normal.group.base" w="340" h="440">

<!-- 0,3 -->
<layer id="MainBase" image="player.normal.background" x="0" y="0" sysregion="1"/>
</groupdef>

<groupdef id="player.normal.group.cbuttons" w="340" h="32">

<!-- 88,123 -->
<button
id="Pause" action="PAUSE"
x="57" y="1"
image="player.normal.button.pp.up"
downImage="player.normal.button.pp.down"
tooltip="Pause"
sysregion="1"
/>
<layer id="PauseButtonOverlay" image="player.normal.button.pause.overlay" x="72" y="15" ghost="1" alpha="170"/>

<button
id="Play" action="PLAY"
x="57" y="1"
image="player.normal.button.pp.up"
downImage="player.normal.button.pp.down"
tooltip="Play"
sysregion="1"
/>
<layer id="PlayButtonOverlay" image="player.normal.button.play.overlay" x="72" y="15" ghost="1" alpha="170"/>

</groupdef>

scottiescotsman is offline   Reply With Quote
Old 27th August 2015, 02:05   #4
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Well, I'm glad you tried it after all, that's actually a huge progress (most would have just skip to the point where you are now).

There aren't much people available to code Winamp skin, there may be me and 2 others. All focused on our day to day work and only skinning while very inspirated and/or on free-free-free time.
So I can't commit to anything, the best option you have is to keep trying yourself and ask for help here so we can answer as best as we can (I'm not really a wise code man, but dealing so many time with it made know a lot of some stuff from here and there).
I would like to see your graphics though, if it's really good I would be encouraged to take a shot at it... after I finish 3 skins I have in queue heh (two are at 80% and another is at 90%..). I'm a graphic designer but I rarely generate skin graphics on my own (I'm too OCD to feel something is "finished like I want it" heh), so it wouldn't be so strange for me to try on another person's graphics, but I'll be honest with you, I would really have to like it, otherwise I won't find much motivation to do it.. (think I'm releasing maybe 2 skins a year.. I try to really make it worth).


Hope it helps..

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 27th August 2015, 02:40   #5
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
base png

this is how I want it to look when its finished

what u think... I got speakers and 1 drawer to do
Attached Thumbnails
Click image for larger version

Name:	MainBase.png
Views:	159
Size:	350.6 KB
ID:	51916  
scottiescotsman is offline   Reply With Quote
Old 27th August 2015, 03:05   #6
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Ey, not bad, kinda surprised me, expected less. I like it, I'll let you know when I'll be able to code it, if you want, in the meantime any progress you can make on your own would be cool (graphics or code alike).

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 27th August 2015, 13:35   #7
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Actually, maybe you should try to START FROM an already made skin that looks like yours. It isn't the best method to mantain intacts your graphics, but the benefits on the functions and the inmense amount of time you can save is something to really think of..

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 27th August 2015, 19:00   #8
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
coding

if I could code it myself with help would be good..
I got it to show main background but not a button

as the above code I'm using... don't show a play button.
scottiescotsman is offline   Reply With Quote
Old 28th August 2015, 15:00   #9
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Thumbs up theme update

Still got main display to do and equaliser , track list and little things

So what do you all think ?
Attached Thumbnails
Click image for larger version

Name:	MainBase2.png
Views:	155
Size:	611.7 KB
ID:	51917  
scottiescotsman is offline   Reply With Quote
Old 28th August 2015, 18:59   #10
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Looking better, not fan of strange looking fonts though.

About your button, have you declared the bitmaps as an <element>?
i.e. <bitmap id="player.normal.button.pp.up" file="playbackbutton.png" x="0" y="0" h="20" w="20" gammagroup="buttons.colors"/>

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 28th August 2015, 19:54   #11
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
do I put that in the player normal group xml ??
scottiescotsman is offline   Reply With Quote
Old 28th August 2015, 20:13   #12
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Looks like you skip that part of the tutorial heh (http://frisbeemonkey.com/winamp3/tut...background.php) . You already defined your background image, am I right? Then you should add there the other files you'll need sooner or later, meaning all the graphics of your skin.

So if you have something like
<elements>
<bitmap id="player.normal.background" file="player/mainbase.png"/>
</elements>

You just add the buttons graphic in there before closing the elements tag. Something like the example code I put above. Remember that the name of the file I used (playbackbutton.png) is random, you should put your actual file name / location there.

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 30th August 2015, 03:29   #13
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Wink

just a wee update

any ideas ?
Attached Thumbnails
Click image for larger version

Name:	MainBase.png
Views:	155
Size:	890.8 KB
ID:	51918  
scottiescotsman is offline   Reply With Quote
Old 30th August 2015, 03:36   #14
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Aahhh those fonts are quite better! Except the little one inside the LCD (list-library-eq-etc, may be the same but at that size is impossible to read).
About the "body of the skin", I would return to the smaller vents - dots ofthe original design (looked more like speaker's holes).

Could you get the buttons working?

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 30th August 2015, 13:07   #15
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Wink

emm no lol
I used to xml, as I used it while using flash cc.
its just the structure [as in what the different xml files do] I cant get of the xml, and I have gone over the tutorial 20 times
as soon as I get it once then I be flying

ps thanks for the base comments

Last edited by scottiescotsman; 30th August 2015 at 14:10.
scottiescotsman is offline   Reply With Quote
Old 30th August 2015, 19:42   #16
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Question

lil update

what you think?
Attached Thumbnails
Click image for larger version

Name:	MainBase.png
Views:	150
Size:	1.52 MB
ID:	51921  
scottiescotsman is offline   Reply With Quote
Old 31st August 2015, 13:51   #17
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Even better! Heh.
With my previous suggestion about the original speaker holes I wasn't refering to replace the entire area, I thought about mixing both actually, like in the pic I've attached, don't you like it more that way?.
Attached Thumbnails
Click image for larger version

Name:	MainBasev.png
Views:	131
Size:	62.6 KB
ID:	51922  

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 31st August 2015, 14:50   #18
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Wink

the mainBase finished I think ?
Attached Thumbnails
Click image for larger version

Name:	mainBase.png
Views:	135
Size:	1.17 MB
ID:	51923  
scottiescotsman is offline   Reply With Quote
Old 31st August 2015, 22:13   #19
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Cool What do u think ?

ok got two options
Attached Thumbnails
Click image for larger version

Name:	mainBase.png
Views:	138
Size:	1.64 MB
ID:	51924   Click image for larger version

Name:	mainBase2.png
Views:	153
Size:	1.64 MB
ID:	51925  
scottiescotsman is offline   Reply With Quote
Old 30th November 2015, 07:57   #20
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
Both look cool, the choice depending on the desktop background.

How far have you gone with this skin? Have you finished it, yet?
ariszlo is offline   Reply With Quote
Old 30th November 2015, 11:11   #21
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Talking finished

him 8

yes I have apart from one maki error I cant get rid of.. and its changed quite a bit lol

think need error fixd and little help with pl editing ... but it works lol

Steven

if you want me to do the skin u like I will do that to okies
Attached Thumbnails
Click image for larger version

Name:	jvc tape.jpg
Views:	191
Size:	46.2 KB
ID:	52107  
scottiescotsman is offline   Reply With Quote
Old 16th March 2016, 13:19   #22
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
Are you still working on this: Oh boy... that was weird..?
Attached Thumbnails
Click image for larger version

Name:	Scottie_AMP.png
Views:	134
Size:	35.1 KB
ID:	52312  
Attached Files
File Type: wal Scottie_AMP.wal (30.1 KB, 117 views)
ariszlo is offline   Reply With Quote
Old 16th March 2016, 17:58   #23
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
not atm m8 ... busy busy why?
scottiescotsman is offline   Reply With Quote
Old 16th March 2016, 19:44   #24
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
Nothing special. I was just asking.
ariszlo is offline   Reply With Quote
Old 17th March 2016, 03:20   #25
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
need a maki help and no one around to help
I have learned loads but some maki I struggle with
scottiescotsman is offline   Reply With Quote
Old 17th March 2016, 04:58   #26
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
Ask Plague. He is still posting MAKI cheats.
ariszlo is offline   Reply With Quote
Old 17th March 2016, 15:27   #27
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
If you do a skin with a coder then the skin will have two authors: a gfx designer (you) and the coder who does the maki for you.

See e.g. Invicta, designed by Jan Jensen (aka razmansix) and coded by R. Peter Clark.
ariszlo is offline   Reply With Quote
Old 17th March 2016, 20:00   #28
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Angry convert var into time format

code:
#include <lib/std.mi>

Function getFileData();

Global Text SongName, ArtistName, AlbumName, BitrateName, TrackName, DurationName, GenreName, YearName, LengthName;

system.onScriptLoaded() {
Group mainGrp = getScriptGroup();

SongName = mainGrp.findObject("SongName");
ArtistName = mainGrp.findObject("ArtistName");
AlbumName = mainGrp.findObject("AlbumName");
BitrateName = mainGrp.findObject("BitrateName");
TrackName = mainGrp.findObject("TrackName");
GenreName = mainGrp.findObject("GenreName");
YearName = mainGrp.findObject("YearName");
LengthName = mainGrp.findObject("LengthName");

getFileData();
}

System.onTitleChange(string newtitle){
getFileData();
}

getFileData(){
string sTitle = System.getPlayItemMetaDataString("Title");
string sArtist = System.getPlayItemMetaDataString("Artist");
string sAlbum = System.getPlayItemMetaDataString("Album");
string sBitrate = System.getPlayItemMetaDataString("Bitrate");
string sTrack = System.getPlayItemMetaDataString("Track");
string sGenre = System.getPlayItemMetaDataString("Genre");
string sYear = System.getPlayItemMetaDataString("Year");
string sLength = System.getPlayItemMetaDataString("Length");

ArtistName.setText(":artist: "+sArtist+" :album: "+sAlbum+" :title: "+sTitle);
BitrateName.setText(sBitrate);
TrackName.setText(sTrack);
GenreName.setText(sGenre);
YearName.setText(sYear);
LengthName.setText(sLength);
}



I have tried to convert the length value to a time format but cant seem to do it.
I have tried the clock method but doesn't convert to maki and window closes so cant find the error

someone help plz
scottiescotsman is offline   Reply With Quote
Old 17th March 2016, 22:36   #29
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Moved your post back here so we keep the MAKI CHEATS thread clean.
I'll ping Plague to see your issue.

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 18th March 2016, 00:08   #30
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
clean of asking questions about maki ?... theres 100+ of them
why put my questions all in one place when they are about all different subjects.
scottiescotsman is offline   Reply With Quote
Old 18th March 2016, 00:31   #31
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
That thread is meant to collect Maki scripts, not Maki issues / questions. Although some questions do arise in there, they're all related to previous scripts published on the thread.

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 20th March 2016, 20:38   #32
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
so what about the maki help ? .. if cant get that then no point skinning
scottiescotsman is offline   Reply With Quote
Old 20th March 2016, 20:41   #33
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Thumbs down

code:
#include <lib/std.mi>

Function getFileData();

Global Text DurationName, TrackName, BitrateName, FrequencyName, GenreName, YearName, SizeName;
Global Int songDuration;

system.onScriptLoaded() {
Group mainGrp = getScriptGroup();

DurationName = mainGrp.findObject("DurationName");
TrackName = mainGrp.findObject("TrackName");
BitrateName = mainGrp.findObject("BitrateName");
FrequencyName = mainGrp.findObject("FrequencyName");
GenreName = mainGrp.findObject("GenreName");
YearName = mainGrp.findObject("YearName");
SizeName = mainGrp.findObject("SizeName");
getFileData();
}

System.onTitleChange(string newtitle) {
getFileData();
}

getFileData() {
songDuration = System.getPlayItemMetaDataString("Length");
string songStr = integerToLongTime(songDuration);
string sTrack = System.getPlayItemMetaDataString("Track");
string sBitrate = System.getPlayItemMetaDataString("Bitrate");
string sFrequency = System.getPlayItemMetaDataString("Frequency");
string sGenre = System.getPlayItemMetaDataString("Genre");
string sYear = System.getPlayItemMetaDataString("Year");
string sSize = System.getPlayItemMetaDataString("Size");

DurationName.setText(songStr);
TrackName.setText(sTrack);
BitrateName.setText(sBitrate);
FrequencyName.setText(sFrequency);
GenreName.setText(sGenre);
YearName.setText(sYear);
SizeName.setText(sSize);
}



its getting the song length as a string not as an integer ... don't know how to is all that's stopping me
scottiescotsman is offline   Reply With Quote
Old 20th March 2016, 23:49   #34
Victhor
Late skinner & Moderator
 
Victhor's Avatar
 
Join Date: May 2003
Location: Argentina
Posts: 1,382
Quote:
Originally Posted by scottiescotsman View Post
so what about the maki help ? .. if cant get that then no point skinning
If you try to find meaning on Winamp skinning then you're lost.. it's an old art almost dying.. Is like cultivating Bonsais, you need patience and perseveration, so along the way you'll learn how to overcome most difficulties.
But don't expect much help from the masters, they are all dead or gone (the same for an internet forum). The 2 or 3 still around may be lacking time, or patience, or knowledge.
Think of it as a puzzle, don't expect to have the answer given to you always in gold plate every time you're stuck, most of us didn't have that chance. So keep asking politely, don't demand. Don't get desperate. Maybe you'll be the last Winamp skin master...


PS: Just finished watching Zatoichi for the umpteenth time.. I think it affected me.. :P

· · TMCT · KOMODO X
Victhor is online now   Reply With Quote
Old 24th April 2016, 23:08   #35
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
me a skin master I don't think ... I been doing it 1 yr most been doing it over 10 yr ... but I defo getting used to the maki and of course you are right again about me demanding just get frustrated as I got good brain lol ...

..ps ... my skin jvc is defo getting better ?
scottiescotsman is offline   Reply With Quote
Old 12th May 2016, 16:29   #36
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Double drawer issue

I have been reading the maki forums again for about the 10th time lol as I wanted some inspiration on how to achieve my animation goal that I wanted.

Doing the drawer script is easy but doing a double one aint so easy as I have half written the maki script but don't know how to set it up for a button rather than a handle on the drawer. esp when the button is not on the group.

Here is what I have so far ...

code:


#include <"lib/std.mi">

Global Group DrawerGrp;
Global Layer DrawerLeft, DrawerRight;
Global Layer DrawerLeftInfo, DrawerRightInfo;
Global Layer DrawerLeftHandle, DrawerRightHandle;
Global Int DrawerStatus;
Global Int StartLeftX, StartLeftY, EndLeftX, EndLeftY;
Global Int StartRightX, StartRightY, EndRightX, EndRightY;

System.onScriptLoaded() {

DrawerGrp = getScriptGroup();

DrawerLeft = DrawerGrp.findObject("DrawerLeft");
DrawerRight = DrawerGrp.findObject("DrawerRight");

DrawerLeftInfo = DrawerGrp.findObject("DrawerLeftInfo");
DrawerRightInfo = DrawerGrp.findObject("DrawerRightInfo");

DrawerLeftHandle = DrawerGrp.findObject("DrawerHandle");
DrawerRightHandle = DrawerGrp.findObject("DrawerHandle");

if (DrawerLeftHandle == Null || DrawerRightHandle == Null) DrawerLeftHandle = DrawerLeft, DrawerRightHandle = DrawerRight;

StartX = DrawerGrp.getGuiX();
StartY = DrawerGrp.getGuiY();
EndX = DrawerInfo.getGuiX();
EndY = DrawerInfo.getGuiY();

DrawerStatus = 0;

}

scottiescotsman is offline   Reply With Quote
Old 13th June 2016, 01:23   #37
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
so where is all the help ..?? waited weeks now that's having patience geeZ
scottiescotsman is offline   Reply With Quote
Old 13th June 2016, 14:30   #38
ariszlo
Senior Member
 
Join Date: Jun 2015
Location: Hungary
Posts: 270
Hi mate,
I'm not a maki coder but I'm attaching FrisbeeMonkey's maki skin with some makis and buttons. It's the last version uploaded here by FrisbeeMonkey on September 11, 2002 with main.maki added from the Winamp3 Default Skin.
Attached Files
File Type: wal maki.wal (95.5 KB, 76 views)
ariszlo is offline   Reply With Quote
Old 15th June 2016, 02:23   #39
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
Angry maki.. help!!!

Cant seem to get this working grr ... someone help plz

code:
//*****************************************************************************
// counter.m
//*****************************************************************************

#include <lib/std.mi>

Global Text CounterTxt;
Global Int counterA, counterB, counterC, counterD;
Global Group cGroup;

// ------------------------------------------------------------------------------
// ON SCRIPT LOADED
// ------------------------------------------------------------------------------

System.onScriptLoaded() {

Group cGroup = getScriptGroup();

CounterTxt = cGroup.findObject("Counter");

counterA = 0, counterB = 0, counterC = 0, counterD = 0;

CounterTxt.setText("0000");

}

// ------------------------------------------------------------------------------
// ON PLAY
// ------------------------------------------------------------------------------

System.onPlay() {

counterA = counterA + 0.005;

if (counterA > 9) {
counterA = 0;
counterB = counterB + 1;
}
if (counterB > 9) {
counterB = 0;
counterC = counterC + 1;
}
if (counterC > 9) {
counterC = 0;
counterD = counterD + 1;
}
if (counterD > 9) {
counterD = 0;
}

string CounterAStr = integerToString(counterA);
string CounterBStr = integerToString(counterB);
string CounterCStr = integerToString(counterC);
string CounterDStr = integerToString(counterD);

CounterTxt.setText(CounterDStr+CounterCStr+CounterBStr+CounterAStr);

}

// ------------------------------------------------------------------------------
// ON STOP
// ------------------------------------------------------------------------------

System.onStop() {

CounterTxt.setText(CounterDStr+CounterCStr+CounterBStr+CounterAStr);

}



Wont compile and cant see dos box as it just disappears
scottiescotsman is offline   Reply With Quote
Old 15th June 2016, 05:23   #40
scottiescotsman
Senior Member
 
Join Date: Aug 2015
Posts: 180
ok I have got it to compile and work ...
...but ...and there is always a but lol

code:
string CounterAStr = integerToString(counterA);
string CounterBStr = integerToString(counterB);
string CounterCStr = integerToString(counterC);
string CounterDStr = integerToString(counterD);

CounterTxt.setText("CounterDStr"+"CounterCStr"+"CounterBStr"+"CounterAStr");



I changed the CounterTxt with "" but displays the text and not the numbers lol

so it is not changing int to string hmm..

p.s. that was the only way it would convert
scottiescotsman is offline   Reply With Quote
Reply
Go Back   Winamp & SHOUTcast Forums > Skinning and Design > Modern Skins

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump