MAKI Cheats

[frisbeemonkey]

If you are using the drawer script unmodified, you should be able to click anywhere on the drawer and it will open/close. This assumes that part of the drawer will be visible when it's closed. If you are using the code unmodified, you seem to have forgotten your drawerinfo layer to tell it where to open to. See my MAKI skin(link in my sig) for a working example of the unmodified drawer script.
It is also possible to make the drawer open and close with a button, but that requires some minor changes to the script. Lemme know what you're trying to achieve and I'll help you out with more specifics.
~FrisbeeMonkey

[Dynamik]

Dood, this is by far the best skinning thread ever!

Well, Im trying to make a drawer slide out/down from my DVD acting as a tray with the EQ sliders on it. I hav'nt started adding layers or buttons to it yet, as I am still unsuccessful in getting the background of the drawer to slide out.
I've tried to make it as simple as possible. But not even the drawerhandles appear. My .png files are all in the correct places.
I'm sorry to bother you with this simple script, I'm stumped.

<include file="eq-elements.xml"/>

<container id="eq" name="Equalizer" default_visible="1">

<layout id="normal" background="eq.background" >
<group id="Drawergroup" x="35" y="100" />
</layout>
</container>
<groupdef id="DrawerGroup" background="eq.drawer.back" w="295" h="95">

<layer id="Drawer" image="eq.drawer" x="0" y="0" sysregion="1" move="0"/>
<layer id="DrawerInfo" x="0" y="95"/>
<layer id="DrawerHandle" image="eq.drawer.face" x="0" y="0" />
<layer id="DrawerHandleOver" image="eq.drawer.face.over" x="0" y="0" />
<script id="drawer" file="scripts/drawer.maki"/>

</groupdef>

[Gonzotek]

Originally posted by Dynamik
Dood, this is by far the best skinning thread ever!

Well, Im trying to make a drawer slide out/down from my DVD acting as a tray with the EQ sliders on it. I hav'nt started adding layers or buttons to it yet, as I am still unsuccessful in getting the background of the drawer to slide out.
I've tried to make it as simple as possible. But not even the drawerhandles appear. My .png files are all in the correct places.
I'm sorry to bother you with this simple script, I'm stumped.

<include file="eq-elements.xml"/>

<container id="eq" name="Equalizer" default_visible="1">

<layout id="normal" background="eq.background" >
<group id="Drawergroup" x="35" y="100" />
</layout>
</container>
<groupdef id="DrawerGroup" background="eq.drawer.back" w="295" h="95">

<layer id="Drawer" image="eq.drawer" x="0" y="0" sysregion="1" move="0"/>
<layer id="DrawerInfo" x="0" y="95"/>
<layer id="DrawerHandle" image="eq.drawer.face" x="0" y="0" />
<layer id="DrawerHandleOver" image="eq.drawer.face.over" x="0" y="0" />
<script id="drawer" file="scripts/drawer.maki"/>

</groupdef>

From the snippet, it looks like you've got your groupdef after the layout the group is supposed to be inside of. Winamp loads the xml up from the top down, so it is trying to put a null group into the layout. Try it this way:

code:
<include file="eq-elements.xml"/>

 <groupdef id="DrawerGroup" background="eq.drawer.back" w="295" h="95">  

 

    <layer id="Drawer" image="eq.drawer" x="0" y="0" sysregion="1" move="0"/>

    <layer id="DrawerInfo" x="0" y="95"/>

    <layer id="DrawerHandle" image="eq.drawer.face" x="0" y="0" />

    <layer id="DrawerHandleOver" image="eq.drawer.face.over" x="0" y="0" />

    <script id="drawer" file="scripts/drawer.maki"/>

    

 </groupdef>

<container id="eq" name="Equalizer" default_visible="1"> 

<layout id="normal" background="eq.background" >

<group id="Drawergroup" x="35" y="100" />

</layout>

</container>

[Dynamik]

Hellz ya!
That did it!
Cant thank ya enough!
Now when my drawer closes, It's on top of the player. Is there a layer code missing? Do I need to establish the main image first?
I keep trying different stuff, Either it's gone or it's on top!

[frisbeemonkey]

Try:
<layout id="normal" background="eq.background" >
<group id="Drawergroup" x="35" y="100" />
<layer id="Cover" image="eq.background" x="0" y="0" />
</layout>

You need something for the drawer to slide out from under. This will work, but depending on your edges it might affect how it looks. You might want to use width and height parameters for your layout, and just put the background down as the cover layer(and add sysregion="1")
~FrisbeeMonkey

[amobea]

the stop after song script seems to be buggy
both the crossfade and non crossfade versions

when i use them they seem to cause winamp to use up all my system resources
my machine hangs like a bitch until i can manage to close winamp or get a song playing again which can be a while when my machine seems to be running at 1Mhz

[frisbeemonkey]

Wow, amobea, that sounds pretty bad... Are you sure it is the script? Try downloading the MAKI Skin(there's a link to it in my sig) and trying the stop after song button on there(stopsign w/ a hand). Does that also cause the problem? I haven't had that problem, nor has anyone else complained about anything similar, so hopefully it is just the skin your are working on. If that is the case, then maybe post your skin here so I can try to recreate the symptoms and we can work on it from there.
~FrisbeeMonkey

[Dynamik]

Yo Frisbee, Yer the shit man!
The extra cover layer worked great after I made everything from the drawer down transparent! This is sweet! I havnt seen to many skins with the drawer coming from inside the main body. This opens up a whole knew realm of ideas for me!

I've got a question that may or may not be possible,
Is there a way I can change the border layout of the AVS?
I'd like for it to play inside of a real looking TV.
I rigged it all up generically by just making the tv into a functionless component and sizing the AVS just right to look like the TV is playing it.
I think it looks pretty cool!
Thanx

[amobea]

still have the same problem with the maki skin

[frisbeemonkey]

Dynamik, glad it worked for ya. And yes, you can change the border of AVS and other components. I know the Video, Thinger, and EQ can all be skinned independent of the standardframe, but I am not sure the AVS can. You might have to make it so your preferences and other windows look like a TV as well. If you wait until 3.1 is released, you'll be able to do this properly, but I have no idea how soon that will be.
amoeba, that is really bizarre. I have a pretty low-end system by today's standards, and yet I don't have this problem at all. Has anyone else seen this problem in the MAKI skin or the script in general? If not, I really don't know what to say. I've looked over the code and there didn't seem to be any blatant infinite loops or memory leaks.
~FrisbeeMonkey

[Roberto Cuellar]

i just downloaded the drawer script and i realized that the drawer slides when is clicked anywhere. How can i modify it so the drawer slides when i hit a button inside the drawer group. thanx already for the good scripts here.

[DirtyLowMoFo]

Roberto Cuellar

firstly, add the button to the xml-
code:-----------------------------------------------------------

<button
id="mybutton"
action="----leave this field blank----"
x="?" y="?"
image="?"
downImage="?"
/>
---------------------------------------------------------------

then add this to the script
code:----------------------------------------------------------

Global Button mybutton;

//then in the System.onScriptLoaded()

mybutton = DrawerGrp.findObject("mybutton");

//finally change
Drawer.onLeftButtonUp(int x, int y) {

to

mybutton.onLeftButtonUp(int x, int y) {

[Roberto Cuellar]

it doesn't work for me, it still moves when i click in the drawer layer and nothhing in the button. i did all as you said and it's not workin'.Any ideas

[DirtyLowMoFo]

Roberto Cuellar
I take it that u have recompiled it & put it in the correct directory!
(seems a silly question but ive done it myself )

[Roberto Cuellar]

my mistake, i thought the mc.exe compiled de maki in the specified directory.Thanx

[Vica]

Eq-on-layer Script

This scripts allows you to create overlay style eq sliders bars like those found in skins like Zygote and D-K9.

Usage:

code:
  if (isEQ == 1) {

   x = x - EQOnLayer.getLeft();

   y = y - EQOnLayer.getTop();

   if ((x <= 80) && (x >= 0)) {

    if (y <= 0) y = 0;

    if (y >= 34) y = 34;



    bandnumb = x / 7;

    eqvnumb = y * 255 / 34;

80 = the width of all the slider bar background layer (from preamp to last slider on other end)

34 = the hight of an individual slider

- Create a map with a gradient of black to white from top to bottom

[muniz]

I saw the DMove demo and it`s very cool.. How do i use these functions ?

What is the meaning of PixelR, PixelD, PixelX, PixelY, PixelA ?


Double fx_onGetPixelR(double r, double d, double x, double y)
Double fx_onGetPixelD(double r, double d, double x, double y)
Double fx_onGetPixelX(double r, double d, double x, double y)
Double fx_onGetPixelY(double r, double d, double x, double y)
Double fx_onGetPixelA(double r, double d, double x, double y)

Do u have any example or tutorial ?


THX

[frisbeemonkey]

Hey Muniz,
I haven't done any tinkering with the layer_fx yet, but there are a few threads you might find helpful.
thread1
thread2
and
thread3
If you still need more help, let me know and maybe I'll use this an excuse to learn how to use layer_fx.
~FrisbeeMonkey

[mc^^^^]

hey fm, can you please make a bass/treble knob script using the same animation method as your volume knob script (using PI to rotate a layer), PLEASE

[Jammy]

If you're looking for new scripts to make, I'd love a draggable drawer. I'm hoping to make an extensible seek slider so if you want to hop around in a movie file you can open it up nice and wide, but if you're after simple positional information you can shrink it to save space.

[frisbeemonkey]

Sure guys, I'll add those to my list of scripts to make, all 3 sound handy. Funny it's been weeks since I've posted new scripts, now I have a bunch to put up there. Unfortunately, I'm gonna be out of town for a few days, so it might be awhile until they make it up here, hopefully Mon or Tues at the latest.
Until then,
~FrisbeeMonkey

[Jammy]

I made some changes to the drawer script I thought people might be interested in.

1: Made a drawer only open using a DrawerHandle layer, if it exists

2: Made the drawer close straight away if it is clicked while opening

3: Made it slightly faster by default

I'm thinking of updating it again to allow the use of xml tags to decide the speed and click while opening functionality.

There is one bug in it though - using multiple drawers that either do or don't have handles may link both drawers. I'm looking in to why this is, and may make a bugzilla post.

[Jammy]

Compiled version of above

[frisbeemonkey]

Alrighty, I'm back and have started the scripts. The Bass Knob is done and will be posted immediately following this. The Treble should follow very soon after. I may get started on the draggable drawer tonight, but chances it won't be ready until Mon evening sometime.
As always, if anyone else has any script requests, let me know and I'll add it to my queue.
~FrisbeeMonkey

[frisbeemonkey]

//-----------------------------------------------------------------------------
// bassknob.m
//
// Example of a Bass Knob using rotation
// Has Simple and Advanced Modes controlled by a right-click menu
//
// created by FrisbeeMonkey
//-----------------------------------------------------------------------------

// USING THIS SCRIPT:
//*****************************************************************************
// 1. Define the following in your XML:
// <layer id="BassKnob" image="player.BassKnob" x="409" y="7" move="0"/>
//
// Change the position(x,y) of "BassKnob" to the specifics
// of your layer. Make sure the image is facing where you want 0 to be.
// 2. Define your gradient map with your other elements using:
// <bitmap id="player.map.Bassknob" file="player/BassKnobMap.png"/>
// If you need help creating a map file, check:
// http://www.stefanweb.com/wa3/tutorials.html#UsingMaps
// 3. Make sure your ticker is called "SongTicker" and is in the same group as
// "BassKnob" If you don't have a ticker, add one now.
// 4. Copy this script (and bassknob.maki) to your scripts folder.
// 5. If you don't have Bassknob.maki, compile this script.
// 6. Add this line to the group that contains your knob layer
// <script id="Bassknob" file="scripts/Bassknob.maki"/>
// 7. Refresh your skin(F5) and try it out.
//*****************************************************************************
//fixed typo, should init knob position now

[frisbeemonkey]

//-----------------------------------------------------------------------------
// Trebleknob.m
//
// Example of a Treble Knob using rotation
// Has Simple and Advanced Modes controlled by a right-click menu
//
// created by FrisbeeMonkey
//-----------------------------------------------------------------------------

// USING THIS SCRIPT:
//*****************************************************************************
// 1. Define the following in your XML:
// <layer id="TrebleKnob" image="player.TrebleKnob" x="409" y="7" move="0"/>
//
// Change the position(x,y) of "TrebleKnob" to the specifics
// of your layer. Make sure the image is facing where you want 0 to be.
// 2. Define your gradient map with your other elements using:
// <bitmap id="player.map.Trebleknob" file="player/TrebleKnobMap.png"/>
// If you need help creating a map file, check:
// http://www.stefanweb.com/wa3/tutorials.html#UsingMaps
// 3. Make sure your ticker is called "SongTicker" and is in the same group as
// "TrebleKnob" If you don't have a ticker, add one now.
// 4. Copy this script (and Trebleknob.maki) to your scripts folder.
// 5. If you don't have Trebleknob.maki, compile this script.
// 6. Add this line to the group that contains your knob layer
// <script id="Trebleknob" file="scripts/Trebleknob.maki"/>
// 7. Refresh your skin(F5) and try it out.
//*****************************************************************************

[dougieha]

Hey all!

Just an update with something I noticed from 490. For the volume and eq animated background scripts, it seems that in build 490, they changed what happens when you use getPosition on an eq slider. Instead of returning a value between 0 and 255, they now return values between -127 and 127 (regular eq-style).

However, this messes up the scripts.

You have to make a few changes (shown below):

code:
 if (ResetClicked) {



	sliTemp.setPosition(value);

	lyrTemp.goToFrame(((sliTemp.getPosition()+127)/255)*27);

}





  if (Load) lyrtemp.goToFrame(((sliTemp.getPosition()+127)/255)*27);



  else lyrtemp.goToFrame(((value+127)/255)*27);





}



...



butSetMax.onLeftClick() {



  ResetClicked=1;



  for (int i=1; i<=10; i++) updateSlider(i,127);



  ResetClicked=0;



}







butReset.onLeftClick() {



  ResetClicked=1;



  for (int i=1; i<=10; i++) updateSlider(i,0);



  ResetClicked=0;



}







butSetMin.onLeftClick() {



  ResetClicked=1;



  for (int i=1; i<=10; i++) updateSlider(i,-127);



  ResetClicked=0;



}

Note the +127 portions in the getPosition calls, and the changes in the calls to updateSlider in the button hooks (from 255 to 127, 127 to 0 and 0 to -127).

Basically, everything has to be scaled down by 127.


Dougieha

PS. Should I make a new thread pointing this out?...since this is kind of buried in here.

[frisbeemonkey]

Hey Jammy,
I've started making the draggable drawer, but I realized I don't know exactly what you are looking for. Do you want it to open and close from mouse clicks still, or do you want it to open and close(really just resizing) from dragging the mouse? Let me know and I'll get it to ya as soon as I can,
~FrisbeeMonkey

[Jammy]

Well since you were away over the weekend and I had nothing better to do I made one (attached) which is draggable.

Couple of problems with it atm are:

- Couldn't use the .resize method for some reason so had to use setXmlParam - more on this later.
- If you want it to drag diagonally it'll allow the user to drag anywhere in the rectangle around your diagonal.

Other than that it works well.

My main problem is I was after a group which would resize as you dragged it so I could use relative sizing objects in the group. Obviously without the resize method working I can't do that, and the setXmlParam didn't seem to update the width like it did the x and y.

Feel free to look into the problems, this is just as far as I got. I plan to take a closer look sometime as well.

[Plague]

a draggable drawer is a pretty neat idea..
In the old days, beta3, when I made Illuminamp, I thought about this to make a better playlist drawer, but it wasn't possible back then and since that I've forgotten all about it..
nice to see that you've created one.

This would take away one huge negative thing about having the playlist in a drawer.

havent tested it yet though..

-Plague

[Dynamik]

Hey frisbee,
How could I set a drawergrp.ontargetreached() event to hide() when closed, and then show() when it begins to slide open?
Or maybe even better, is there a way I could change the sysregion setting just when all the way cosed?

[frisbeemonkey]

Jammy, I have a drawer working how you want, doesn't even use MAKI. Right now I am working on a way to make it update inline stuff like a Playlist or AVS or whatever. If you just want a slider though, that is pretty easy. I'll put up an example (hopefully one with a slider, one with a playlist) later tonight.
Dynamik, what you described isn't too bad, and yes, you can change the sysregion stuff using setXMLParam("sysregion","0"). Just change the drawer script so that DrawerStatus is changed onTargetReached insted of on the mouse click. Then in onTargetReached(), you'd see if it was opening or closing, then change sysregion and DrawerStatus accordingly. Let me know if you need more details.
~FrisbeeMonkey

[frisbeemonkey]

Okay, I've made a little skin to show the stretchable drawer concept. It doesn't use any MAKI, but hopefully it will prove useful. You can download a working version of the skin, or just look over the XML here.
This is the player-normal.xml:

code:
<!-- w="-200" because we don't want to include the width of the main background,

in this case it starts off with a width of 30, the size of the handle  -->

<groupdef id="StrDrawerGroup" w="-200" h="150" relatw="1">



	<!-- the background to the drawer, needs sysregion="1" to show up.  relatw so it stretches with resize -->

	<layer id="drawer" x="0" y="0" w="0" relatw="1" image="player.strdrawer" move="1" sysregion="1"/>



	<!-- just some items to see how you can position and stretch things in the drawer

	I've included a sample set of images for a stretchable slider-->

	<layer id="SomeContent" x="-130" relatx="1" y="20" image="player.SomeContent" move="1"/>

	<layer id="MiddleSlide" x="20" y="120" w="-70" relatw="1" image="player.MiddleSlide"/>

	<layer id="LeftSlide" x="0" y="120" image="player.LeftSlide"/>

	<layer id="RighttSlide" x="-50" relatx="1" y="120" image="player.RightSlide"/>



	<!-- This is the drawerhandle, relatx and x="-30" set the position, resize="right" affect which way to resize,

	you can use other values like left, top, bottom, bottomleft, topright, etc-->

	<layer id="handle" x="-30" y="0" relatx="1" image="player.strdrawerhandle" move="0" sysregion="1" resize="right"/>

</groupdef>



<!-- set the width to the size of your main player + your drawerhandle width.  also set minimum_w to

that value to prevent the layout from being resized too small-->

<layout id="normal" h="150" w="230" minimum_w="230">



	<!-- include the group in the layout -->

	<group id="StrDrawerGroup" x="200" y="0" w="-200" h="150" relatw="1"/>



	<!-- the background layer for the rest of your main window, again sysregion="1" is needed so it displays -->

	<layer id="background" x="0" y="0" image="player.background" move="1" sysregion="1"/>



</layout>

I'll get to work on the playlist version of this after I grab some dinner.
~FrisbeeMonkey

[Plague]

aaah...
ofcourse, so simple, why haven't I thought about this before?
love it.

-Plague

[frisbeemonkey]

Sorry to report no playlist drawer yet. I thought this was gonna be a 30 min job but I've been working awhile now and cannot get it working. I think I just messed up something little somewhere since I cannot get the PL to show at all in my main normal(yet the same code works for the AVS if I just change the guids) Hopefully a night's sleep will bring clarity to the problem come tomorrow.
Until then,
~FrisbeeMonkey

[Plague]

yea, the playlist can be a bitch.. I know..

you should only need this, nothing else...

PHP Code:

  <component
    x="10"
    y="10"
    w="10"
    h="10"
    noshowcmdbar="1"
    autoopen="0"
    autoclose="0"
    param="guid:{45F3F7C1-A6F3-4ee6-A15E-125E92FC3F8D}"
  /> 


by the way, you know you can just have the playlist itself if you want to and skip the sidecar and poppler..

if you want that, this is the xml:

PHP Code:

  <PlaylistEditor id="pledit.editor"
    x="0" y="0" w="0" h="0" relatw="1" relath="1" main="1"
  /> 


this would look best in a drawer imo..
and you can still have the entire editor as default when you click at the pl icon in the thinger etc..

that would be the best combo, atleast I think so..
if you DON'T want to have the thinger icon open a new window, you'll need to insert BOTH of the above editors, enable autoopen and autoclose in the top one and ghost it and hide it away...

that way, when you click the pl icon, the window containing the top code will be opened/closed (not a good idea if you want the playlist in a the main window's drawer.. )

anyway, if you run into problems, let me know cos I've been messing with this shit for ages (wa2 - wa3 converter, the unreleased version) so I'll probably be able to help you...

edit:
one problem with having only the playlist itself and not the entire editor is that it will not change playlist when you change playlist in the sidecar...
I don't know why but I'm still working on that.
it has worked before, in the beta just before the RC's I think, but since then I've had huge problems with the playlist stuff, alot of them are fixed but some of them are still there..

If and when I find a fix for this, I'll let you know..


-Plague

[Jammy]

Managed to get that working after a bit of messing around, thanks a lot.

But my problem now is I have two drawers. One on each side of my player.

I'm thinking I'll need onResize maki script to keep the central parts in the right place, but then looking after the minimum_w is going to be hard as it'd change depending on which drawer you were moving.

Any ideas?

[Plague]

no, at this moment I don't have any ideas for that, sorry..

anyway, I updated the strechexample skin with a playlist on the drawer..

have fun..

edit:
about the playlist problem posted in my previous post, there is one way to make it switch to the selected playlist, but it's not a fun way..

when you switch playlist in the sidecar, it'll only switch in the playlist editor itself, right?
ok, so.. to get the drawer-playlist to switch to that playlist too, you'll have to rightclick the drawer-playlist and choose "Unload playlist", that will make it remove the old playlist (yes, unfortunately it'll remove it from the sidecar aswell) and switch to the current selected one instead...

not fun, but it does work

-Plague

[Plague]

Originally posted by Jammy
Managed to get that working after a bit of messing around, thanks a lot.

But my problem now is I have two drawers. One on each side of my player.

I'm thinking I'll need onResize maki script to keep the central parts in the right place, but then looking after the minimum_w is going to be hard as it'd change depending on which drawer you were moving.

Any ideas?

I don't think you'll need to think about looking after the minimum_w in the maki script.
You'll only need the script for the left drawer, not the right one, and the central parts doesn't care how wide the layout is.. they only care about their x-position.

but such a script would be a pain to write anyway and I think the parts WILL move around a couple of pixels anyway cos you resize the drawer FIRST and they move some nano secons after that so it will look really skippy and jumpy and shit..

diss the left drawer or make it a normal drawer and only use theese kinds of drawers at the bottom and/or right side of the skin, that is my best recommendation right now..

-Plague

[Jammy]

If I didn't change the minimum_w you could open one drawer and close the other one into the player, unless I worked a way to use part of the resize for closing one drawer and the rest for closing the other, but yes its very complicated and I've decided, not worth it atm.

I've doubled the layout count so only one drawer can be active at a time.