Help with Music Wheel

Well to make it simple I just want to make the wheel to work as this image that I made in Photoshop:



EDIT: I just need the choice zoom in when selected, everything else is already done. been trying but have problems with movement, spacing and the game crashing when trying to change the sort.

I know this should be and small issue for most of the people making themes here, but for me it's a problem(still learning a lot of these codes) so I've tried looking some other themes codes but cannot find a proper way to adapt it to my own theme correctly. If any of you can help me with this it would be very appreciated

Please be more specific
- Is this a custom lua music wheel or a regular one?
- What is your transform command?
- What does the crash message say?

---

It's a regular one using metrics, I modified the wheel from the DDR 2014 theme si it's working that way.

Code from DDR 2014 theme with no zoom implemented, just adjusting size and spacing:


I tried looking the code using in waiei theme but it's not working propertly

Code from waiei trying to make the zoom work:


The zoom actually works but there's a weird animation when you change the song, the jacket zoom in and out, and there is not spacing between the selected item and the rest of the wheel, just like this:



And the crash is not happening again, don't know why but the sort now works fine.

For the selected item you need to use and for the horizontal spacing and replace 178 for the width fo your jackets + the gap between them if you wanna add some space

Thanks for the help, adding the gap spacing worked , the only problem is that the next or previous item from selected zooms in and out as you move the wheel, like this:



This is my new code:


I'm not sure where to put the " offsetFromCenter == 0 " line, everything I tried just made the game crash or altering the zooming animation.

Something like this, if you want your zoom to be animated.

Explanation: ItemTransformFunction updates every frame (or something like that), so cos(offsetFromCenter)*math.pi/2 will approach 1 as offsetFromCenter approaches 0. But it has to be < 1 because giving cos()*math.pi/2 an x value greater than 1 will cause cos to return a negative y value, making it start to zoom out even more.
Some knowledge of trig required. You can also see this for yourself by using https://www.desmos.com/calculator and typing in cos(x)*pi/2

Otherwise...

---

Is another way to code the wheel the offsetFromCenter is the side of the wheel, the offset 0 is the center, on this case the negative values are items to the left and the positive items are value to the right.

Check the code in details:

This section applies to the items at the left side:

This one to the items at the right side:

And this one to the center

Check this code that I've wrote to see if it fits your needs:


Now you have more codes to study

Thank you for the help again, after a lot of tries with those codes finally got rid of the annoying zoom in and out effect when you change the song, using the 2nd code from ZTS. But now I need the spacing from the center item.

This is the actual code:


The wheel now look like this:



The zooming effect when you change the songs is exactly what I'm looking for, but cannot find a way to get the spacing to work.

Here's a super unoptimized version.
1. I noticed you were using math.abs(offsetFromCenter) < .5 instead of math.abs(offsetFromCenter) < 1, so I changed math.pi/2 to math.pi so the cosine starts and ends at .5.
2. You are adding .10 to the formula, the way the cosine formula works is that it should add to your existing zoom. If you want it to zoom in less you can divide the result of math.cos() by some number instead. For example, .75+(math.cos(offsetFromCenter*math.pi)/4
3. the self:x(offsetFromCenter*374) line is based on the offset of the left and right unzoomed jackets. To be honest, I don't really get why it's 378 myself, but it's something along the lines of spacing (currently 178) plus offset (Currently +100 and -100) multiplied by 2 for reasons I don't know... It has something to do with the (-.5 < x <.5) restriction, because it was at 278 when the restriction was (-1 < x <1)
In simple terms, if you change the offset to -150 and +150, make sure you change the value in the self:x() under the zoom formula to separation + offset*2. For Example, self:x(offsetFromCenter*178+150) on the bottom conditional means the top has to be self:x(offsetFromCenter*478) becuase 178+150*2 = 478.

Anyway, here's the code.

---

I'm urdestanding this a lot better now, thank you adjusted zoom and distance and seems to work fine, I'll keep experimenting with this a little bit more.

Here is a blank theme for you to see the music wheel design of your choice based from your mock-up pic.

Get it here

Many thanks I'll check that out and try to make some new things, actually I made another music select screen before this, using previews videos in the same way that some Pump themes does but decided to scrap it because the preview videos get off sync with the music so easily.