forum

[Guide] Making Delicious Sliders

posted
Total Posts
271
show more
Flanster
D33d oh my hnng

also what I saw today




Ryu_old

Lolicore Flandre wrote:

D33d oh my hnng

also what I saw today




so tasty \:D/
D33d
That's just more effort than is needed. Why they couldn't create those chevrons out of five points is beyond me. Never mind the fact that they could just copy one slider and rotate it, but they probably haven't met the rotate tool.
Low
No matter how hard I try, I can never ever make good looking sliders. ;_;
Topic Starter
RandomJibberish
You can do if if you BELIEVE!

seriously though, if you have any specific issues we can totes sort you out
LKs

RandomJibberish wrote:

You can do if if you BELIEVE!

seriously though, if you have any specific issues we can totes sort you out
Ah, I agree your saying

I feel good with making 3-node(very simple) sliders :>
Breeze
Roller Coaster slider again
Using slider tick 2 would make it looked more symmetry

Sieg
My try, some circle inside slier
Realazy
Flanster
omg Real the last one....
Realazy
I know right
Breeze
spiderman
rickyboi
so many awesome sliders oAo
KaaiYukiChan
i'm Full =3=

thanks for the slider foods XD
D33d

KaaiYukiChan wrote:

i'm Full =3=

thanks for the slider foods XD
Good. Put this thread to good use!
Miya

LKs wrote:

I feel good with making 3-node(very simple) sliders :>
Yeah, it's feel very good when making 3-node(very simple) sliders. I love it so much :3
D33d
It's also the easiest way to make a map very bland. Get creative! You don't have to make silly Gonzvlo/Garven sliders, but dropping in a few waves and wider arcs adds loads to a map. The key is adding some variance without going overboard, so that the style of a map is consistent from start to finish. A very effective approach is saving the most fancy and long sliders for the chorus and copying most of the chorus. If the song doesn't have a distinct chorus, then it'll probably have repetition. Anyway, the end result is that the player's hit over the head with something extremely fancy and lends to the visual appeal of a map as a whole.
Low




Second one isn't perfect yet.
D33d
As I'll probably never do this again, I'm immortalising this thing that I made on a whim. I did it in like five minutes or something.



I had to speed up the second slider, because it was going nowhere near where I wanted it to go.
-Napoleon-
What about those sliders?:


Nyan!~


Pure symmetrical o3o


o3o o3o o3o
Tshemmp

Xavier18488 wrote:

What about those sliders?:
This slider ist not perfectly symmetric. Maybe you can move the second red node one grid down.
those

Tshemmp wrote:

This slider ist not perfectly symmetric. Maybe you can move the second red node one grid down.
That's not the solution. What you want to do is get your slider anchors/nodes symmetric, then use the scale function, getting the shortest possible slider.
Stefan

Xavier18488 wrote:

What about those sliders?:
SPOILER

Nyan!~


Pure symmetrical o3o


o3o o3o o3o
I would not perfer the last one.
Aurele

TheNutritiousGuy wrote:

Xavier18488 wrote:

What about those sliders?:
SPOILER

Nyan!~


Pure symmetrical o3o


o3o o3o o3o
I would not perfer the last one.
Same, the two first ones are nices.
D33d

those wrote:

Tshemmp wrote:

This slider ist not perfectly symmetric. Maybe you can move the second red node one grid down.
That's not the solution. What you want to do is get your slider anchors/nodes symmetric, then use the scale function, getting the shortest possible slider.
The scale tool should always be a last resort, because it's not entirely accurate. It throws points off ever so slightly.

Besides, it's good practice to snap the start and end of the slider, because this assists with aligning subsequent objects with the slider. It also means that, should the same slider be used after being flipped or rotated, the ends will remain in place.

If one absolutely must use the scale tool, then the slider's points should be adjusted.

Now. This is what happens when Deedlidoo attempts a specific elaborate type of slider, having not made it for months.




While I'm at it, here's a nice wiggle that I made for Kari-anh. It didn't take me long at all. I'm getting good at this!



I'm supremely bored, so I'm going to post more patterns that I'm proud of.

Flanster
This thread is fap fap fap fap.Just sayin.
Derekku
ahhhhhhhhhhhhhhhhhh

all of these slider blankets

AHHHHHHHHHHHHHHHHH
D33d

Derekku wrote:

ahhhhhhhhhhhhhhhhhh

all of these slider blankets

AHHHHHHHHHHHHHHHHH
Blankets are definitely my bag at the moment. Every time I lay out some sliders, I wonder if I should make anything blanket. Of course, too many blankets become boring and using interesting, irregular construction that deliberately avoids potential blankets can be just as sexy in itself.

GAH! SOMEBODY STOP ME BEFORE I EXPLODE!

Low


Wheee.
D33d
HIGH FIVE
Ceani
this helps a lot,
thanks!

P.S
I made this out of random:

lol
D33d
If that is a serious attempt at a slider, then you obviously haven't learned from the thread. That node after the redpoint is also useless.

Just make it like this:

Low
I did it.

D33d
Okay when it's put around a circle, that slider looks a bit squat and kinky. Pull in the sides and try to work from there.

After rearranging things on a whim, I was quite pleased with the feel and style of this:



Okuu puts her arms in the air~
Ceani

D33d wrote:

If that is a serious attempt at a slider, then you obviously haven't learned from the thread.
I said random, didn't I?
Maverick
Thank you for this guide. It has really helped me alot
Realazy

iYoonaRawrx wrote:

D33d wrote:

If that is a serious attempt at a slider, then you obviously haven't learned from the thread.
I said random, didn't I?
Random doesn't mean shitty.
mm201

Maverick wrote:

Thank you for this guide. It has really helped me alot
Alot happy he can help you sliders with.
tHe SaViOr_old
i try to redo one of bossandy's slide in my way and here what i've got ^^

Little usagi ^^'

and another remake (forget from who is the slider ^^')
Birdy
I remember when I used to make the ugliest sliders ever... Thank God (also known as RandomJibberish) this thing exists, I might actually get something ranked sooner or later.
LKs
http://puu.sh/19m0q

fabulous map, slider art and circle art

D33d
That unrankable Burai only makes me want to avoid the map at all costs.
Soaprman
It's one of those maps that's meant to just be watched with autoplay/relax. Relax works better for this one because simultaneous sliders don't play nicely with autoplay.
D33d
Oh, right. That sounds cool. If that's the purpose, then I might check it out and bask in its undulance.
Jarby
I disregard your waves and craft my own! They look like mustaches, so I gave one to Ellie.



Dashing.
Mari-nya
really helpful guide!
Cloudchaser
Nice nice ;w;
D33d
Something that hasn't been shown here yet:

Glamorous Sky Overlap



Named after the Ouendan 2 map, 'Glamorous Sky', this pattern appears repeatedly as a series of partially overlapping arcs, which interlock in a way which makes the sliders appear as one shape.

When done properly, not only will the overlap be more or less perfect (admittedly not as seen in the image), but the first of the two will have disappeared by the time the second slider is to be hit--in other words, this technique is perfectly rankable. The sliders do not have to occur directly after each other, but it can help for flow reasons.

For a more extreme example, this is from RJ's WTF map. It's still totally readable.

Shiro
D33d
Very interesting, although it'd look better if it was horizontal.
D33d
Double posting to make this more prominent:

A NOTE ON THE NEW SLIDERS



Understandably, the new method appears to be causing some confusion, as the placement of points in relation to the slider track is now much more of a direct and point-to-point affair. In the above screenshot, note that the midpoint is now on the centre of the slider track. In effect, sliders now behave just like Catmulls, only that they're now not ugly. The curvature is calculated between each point.

Due to the way in which curves are now averaged, it is guaranteed that even asymmetrical points will create a smooth, symmetrical curve. Lazy three-point sliders are just as possible as ever, only they will always look perfect.

Check out this construction:



In fact, with the new system, it is arguably easier to lay out the points asymmetrically--having the points of an arc or circle will now often require that the midpoint is taken out of snap. Moving it by even one grid4 will cause a more dramatic shift. For example, with this slider, moving the midpoint down by a grid will cause the slider end to snap back by 1/2.



Any more tips can be posted by request.
Stefan
I just love the new update. <3
Xgor
Making prety blankets sure gotten easier now.

Made this in like an minute
D33d
TEACHERLIDOO TIME

ouran wanted help with making this with the new system.



The most important thing to note is that, again, the midpoint passes through the middle of the slider. Exactly through the middle.



A good approach for aligning arcs across an axis would be as follows:

Draw two points, so that the slider begins to draw.



Move the second point up until the slider extends onto the axis. This will be roughly where the middle tick will sit.



Then, place the third point symmetrically.



In this screenshot, the end hasn't aligned properly. Fear not! Move the midpoint down by either one grid4 or one osupixel at a time until the end snaps.



SHAZAM! It's now aligned perfectly. I mean perfectly. I'll also say this again: The slider will also align perfectly if the midpoint is moved asymmetrically:



For those who like to stick to the grid--even when using grid3--this will be more ideal, although it takes a bit more work. It's much more straightforward to take the midpoint out of grid snap and move it down until the end's aligned. This is exactly what had to be done with beziers, so it's not harder to do.

Also, note that the end might still be a few pixels out, but the new tool is not a magical end-snapper--it will still be subjected to the same imperfections as the old bezier tool. If you're having trouble with snapping the end within specific constraints, then use a multiplier to change the speed ever so slightly until the slider fits. That, or reconsider where you want the slider to go.

Any questions?
D33d
Fun with .01 and .02 multiplier:



I put far too much effort into these things.
[Luanny]
I miss the silly sliders section






(made by BD)
mm201
This is a mathematically perfect, self-blanketing spiral.


Not what you were expecting, eh? Making beautiful spirals is a deeper subject than I expected. "Perfect blanketing" apparently implies a slightly lopsided shape. Making them more smooth will require less-than-perfect blanketing near the centre.
cheesiest

mm201 wrote:

This is a mathematically perfect, self-blanketing spiral.
http://osu.ppy.sh/ss/580276

Not what you were expecting, eh? Making beautiful spirals is a deeper subject than I expected. "Perfect blanketing" apparently implies a slightly lopsided shape. Making them more smooth will require less-than-perfect blanketing near the centre.
thats a very sexy slider right there

did i like inspire you to make it when i was posting my spiral sliders in modhelp? lol

spiral sliders that self-blankets when rotated 180 degrees, no red points

play nicely too http://puu.sh/1TDhC
D33d

mm201 wrote:

This is a mathematically perfect, self-blanketing spiral.


Not what you were expecting, eh? Making beautiful spirals is a deeper subject than I expected. "Perfect blanketing" apparently implies a slightly lopsided shape. Making them more smooth will require less-than-perfect blanketing near the centre.
At last! I was trying to use anchors like that, but the shape wasn't turning out as I was expecting and decided to hit it and quit it.
Lilac
Can we change making any degrees of circles in to only needing 3 points now?

Because...it's true you know...
D33d
All circular sliders can be made like that now, unless you're talking about more complicated shapes. mm and peppy have already discussed the possibility of allowing three-point circles to be joined by anchors.
mm201
Lilac: Remember that the objective of the circle slider method is to increase productivity. If you're making complex shapes, it won't save you nearly as much time as with simple arcs.
Also, enabling it for pieces would prevent making 3 point bezier arcs.
D33d
The demands of an overly picky community have effectively made it impossible to implement a massive boon to slider art? Fabulous. I love this place.
Sonnyc
Posting some sliders what looks similar as the previous catmull, and a easier(?) way for wiggly sliders~~



D33d
That's more or less a tightening of a way that RJ showed, but I like it! I would probably pull up the middle points a bit, so that the curves are more aligned with the ends, but the minimalist approach is pretty appealing.
cheesiest


rate sliders plz
Cobra

cheesiest wrote:



rate sliders plz
Those are some sloppily made sliders.
Sakura
They are delicious tho
Andrea

Sakura wrote:

They are delicious tho
I agree with this.
D33d
RJ, you ought to remove the entry on arcs, because it has the potential to confuse new mappers about the right way to make the things.
Xyrene
Guys, so I'm new to mapping and I seriously can NOT get slider symmetry in. It always seems to me that eventhough the starting point and end point are symmetrical about the Y-axis, the slider ITSELF doesn't seem to be quite symmetrical.

I.E. head of slider is slightly lower than tail of slider, like so:


How does one get about perfect slider symmetry? Also, a few tips on basic slider and map design please!
D33d

HotogiShirayuki wrote:

Guys, so I'm new to mapping and I seriously can NOT get slider symmetry in. It always seems to me that eventhough the starting point and end point are symmetrical about the Y-axis, the slider ITSELF doesn't seem to be quite symmetrical.

I.E. head of slider is slightly lower than tail of slider, like so:


How does one get about perfect slider symmetry? Also, a few tips on basic slider and map design please!
p/1891278

Basically, hold shift and drag the midpoint down until the end snaps properly. That, or move the midpoint down and sideways, until the end snaps. You can also make the grid smaller if you need to.

For general map design, string together simple patterns and make them look and feel steady. It's better to have simple, functional patterns which build into more complicated things, than a convoluted mess of patterns which either don't fit together or are all so flashy that nothing really stands out.

For sliders, you can make loads and loads of nice patterns out of arcs alone, so I'd use them more often. Use linear sliders if you want, but using too many becomes boring. Things like waves and slider art tend to be less necessary, but small waves can help the flow of things if you have the patience to make them properly.
Xyrene

D33d wrote:

HotogiShirayuki wrote:

Guys, so I'm new to mapping and I seriously can NOT get slider symmetry in. It always seems to me that eventhough the starting point and end point are symmetrical about the Y-axis, the slider ITSELF doesn't seem to be quite symmetrical.

I.E. head of slider is slightly lower than tail of slider, like so:


How does one get about perfect slider symmetry? Also, a few tips on basic slider and map design please!
p/1891278

Basically, hold shift and drag the midpoint down until the end snaps properly. That, or move the midpoint down and sideways, until the end snaps. You can also make the grid smaller if you need to.

For general map design, string together simple patterns and make them look and feel steady. It's better to have simple, functional patterns which build into more complicated things, than a convoluted mess of patterns which either don't fit together or are all so flashy that nothing really stands out.

For sliders, you can make loads and loads of nice patterns out of arcs alone, so I'd use them more often. Use linear sliders if you want, but using too many becomes boring. Things like waves and slider art tend to be less necessary, but small waves can help the flow of things if you have the patience to make them properly.
Worked like a charm! But does this affect the slider in any way? i.e. make it shorter?
D33d

HotogiShirayuki wrote:

Worked like a charm! But does this affect the slider in any way? i.e. make it shorter?
No. It'll only make it flatter.

Ladies and gentlemen: your HAT has brought with him...



A hat!

RJ was also kind enough to give me a saxophone.

Silverboxer
D33d
Wow, you even got the ticks to land on sharp turns. Very nice.
Hard
I've tried myself with sliderart, but failed. I wanted to make a rose for this map:

t/133163 (Insane)

In the end it looked like this:


Maybe I should ask for help, or make something else instead... :(
Deventious
Great guide, thank you very much.
D33d
I'm just firing this one off for the sake of it, but have some pretty blanketing from deep within the vault of my most serious mapping.

quaternary
D33d
Since an editor bug reverts really wide arcs to beziers, I think it'd be useful to refresh people on how to construct bezier arcs of different angles. I've had to use huge beziers myself, so I was certainly flung back into the thick of it.

Four points:



Five points:



Six points:



Seven points:



There's certainly enough about arc construction in general, but since this is a specific use case of really wide beziers, I wanted to show how these really wide beziers ought to look in case anybody gets confused by the nodes and all. Six-points have always been a bitch for me, so having it illustrated like this ought to help others who'd need it.
[Luanny]
Really proud of my first sliderart ever


The end is a bit weird but that's the closer I could get to perfection :( I'm still proud
uchihayamiko
Bear
Helped me make a question mark slider
quaternary

[Luanny] wrote:

Really proud of my first sliderart ever
https://osu.ppy.sh/ss/938256

The end is a bit weird but that's the closer I could get to perfection :( I'm still proud
I actually like the end a lot :D

uchihayamiko wrote:

is this counted as success? :P http://www.mediafire.com/view/5t39dzhv6d5v69s/screenshot038.jpg
Looks a little stretched-out to me - try using a spinner as a guide to make it rounder.

Bear wrote:

Helped me make a question mark slider
Try this sort of shape: https://osu.ppy.sh/ss/959424

And now for some art of my own
D33d
Funny that somebody would mention question marks, after I decided to challenge myself. Making them wasn't too hard after figuring out the orientation of the points--I started with a six-point arc, then ended with half of a larger wave and nudged points around.

Avena
The loops have faces.

"Sup bro!"
D33d

Priti wrote:

The loops have faces.

"Sup bro!"
Funny that that's one of the bad loops!
quaternary
I'm somewhat proud of this one :D

I made some bacon for my Easy diff
Bl4ckk
My mind is getting melted.
What do I have to do if I want a slider faster than another one?
I have two sliders with the same lenght, and I want to make the second faster...
Or I have a veeeeery small slider and I want to make it veeeery slow... What do I have to do? T.T
D33d
You really shouldn't make sliders misleading like that, but scroll to the slider's start, press Ctrl+Shift+P and then open the timing panel to change the slider's speed.
Saturnalize
Ayesha Altugle
got bored

Charo
i have like,no sort of inspiration for these kind of yummy slider patterns. ;w;
Ayesha Altugle

SapphireAngel wrote:

i have like,no sort of inspiration for these kind of yummy slider patterns. ;w;
practice it so you can develop your inspiration in that just like me
Fatih120
Thanks, these are awesome! :)
Redon
D33d
As a kind of practical joke, I decided to try my hand at a partial spiral slider by using mm's "growing circle pieces" method. The punchline is that I wasted a good half-hour on it and that I got the end to snap into place perfectly.



Hey, it's not quite so horrible! After a load of fiddling, I figured out that the method could be improved substantially (at least, for me) by halving the amount of anchors--this seems to make it a lot easier to get it round enough, with the only "negative" being that it's not perfectly circular. However, asymmetry!=bad, as long as it's done tastefully. I think I'm gonna see how much further I can experiment with this logic, since it actually has the potential to work well.

For those who want to try this, the important part is that the anchors align every 180°. Each portion should also be perfectly symmetrical, so that the arcs look nice. The hard part is getting the tightest bend spaced correctly and making the first two arcs work around that--after that, it's a case of aligning the anchors, having straight lines going through the anchors and then adjusting the arcs' points to perfection. The last section simply needs a flatter bezier arc, which needs to be eyeballed.

Happy spiralling!

Just to prove that four-point arcs work with full Danish swirls as well:

Valseem_old
I still can't make these kind of sliders ...
quaternary
Working on my blankets today :)
show more
Please sign in to reply.

New reply