[Unity] 2D Curve Editor (E01: introduction and concepts)
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- In this series we'll be creating a 2d bézier curve editor. This first episode introduces some of the basic concepts.
Support the creation of more gamedev tutorials:
/ sebastianlague
![[Unity] 2D Curve Editor (E02: adding and moving points)](http://i.ytimg.com/vi/n_RHttAaRCk/mqdefault.jpg)
![[Unity] 2D Curve Editor (E02: adding and moving points)](/img/tr.png)
Holy shit im excited for this series
If you wanna additional excitation, check out "runtime curve editor" on unity asset store, with that you are able to edit curves at runtime.
Always extremely impressed when it comes to your videos. Number one person to go to when I need help with maths application in my games.
An old university professor of mine needed two classes to explain beziers. You did it in less than four minutes and, I would argue, much more clearly. Well done !
I’ve always sort of glossed over the actual implementation of the lerp equation but I just realised it’s incredibly intuitive why it’s set up the way it is. You start with the value a, you want to have some point a certain percentage between a and the other point b. You find the “vector” that points from a to b by subtracting a from b. You multiply it by some percentage t and add that back onto the original point a. In other words a + (b-a) * t. It blows my mind how much I’ve used that sort of logic before but never made the connection until now.
That moment when I just started working on a mobile game using these concepts and then a week later you produce this gem
Can't wait for this series. So many applications that this could be used for!
Thanks, finally understood what that T was for and why control points are needed!
Very simple explanation with awesome visualization
very cool seb. Best visualization of Bsplines ever :) Looking forward to the rest of this series. A good implementation of this is missing from Unity so this will be super useful! Thanks!!!
thats a nice subject to look at Sebastian. I am glad to saw it.
I was looking for something like this for so long now
OMG! OMG!!! So useful! Can't wait for more!
Wowowow that was the problem I've been thinking about for 2 years
that was incredibly interesting and informative, really well put across. very excited for this series
Yeah, amazing concept! How to curve sooch?
sir why you have 2 dislikes? this is one of the best explanations ever, thanks!
Your channel is amazing
Why is it that I can watch 5 videos on bezier curves, but your explanation is the easiest to comprehend?
simple and effective, nice!
It will a great tutorial. I'm eagerly waiting to watch it. Thanks a lot
Cool! i love Sebastian sensei!
You are a god damn genius
I hit that bell icon like 20 seconds in :P
Alright, I'm gonna try to make a game using this!
Thank you for this, Sebastian! I have a request, if possible, or if not, at least some direction in the right way:
You said you want to move objects along the curve. Would it be possible to add functionality to make the object move independently after reaching the end, attach to a curve later on, or jump from curve to curve? An example use case would be moving along the path, then giving the player freedom when jumping, or the ability to go off and move using another controller, then come back and continue along the path at a certain point?
Remind me of the pen tool in adobe illustrator!
Tried using the QuadraticCurve function but for some reason, the object I am trying to move is only moving from point a to point b. Can anyone explain why?
Hi Sebastian !! I am really loving all of your work, but i have a question about this serie, i want to do the same thing but during runtime and not in the editor, how can i do that ?
amazing!
Not a huge deal, but since you always link the entire repository, containing all episodes anyways, wouldnt it make sense to also link it under the first episode? Super minor thing i know^^
why are the subtitles in japanese
Sebastian, how are you making these fabulous interactive animations? I remember you saying something about a JS library on Twitter once. Unfortunately I can't remember anymore.
Hi, if I remember correctly, all the animations in this episode were made in unity. I do sometimes use p5js though.
Tell me please what color theme do you use?
I use this custom theme: pastebin.com/S1tM4GYz
but what should I do with this file
If you have vs community, just add it to the themes folder.
But this is txt file. I need vssettings , or tmtheme files
It's tmtheme format, just change the extension..
Good techniq
❤
black magic.
4. like your vids
You've taken a complicated concept, broken it down, and visualized it beautifully. Thank you.
Thank you for the video. Is there a way I can make the object following the path jump to another path (like a slot car for example) TIA
This is awesome! I've looked at these concepts before - but I've never felt like it's this simple until you explained it. You really have a knack for breaking down seemingly complex concepts. I appreciate how you keep it short and simple as well.
i was desperate looking for ways to make an easy way to make roads in my game thank you for the tutorial.
This is great fucking dope. Great. Fucking. Dope.
it just happens that I'm learning interpolation and curve generation lately and looking for some good tutorials. And here it is! Thank you very much for making this!
Splendid job, I thought that bezier curves were more complex than this, but turns out they are banal.
The complexity is mainly in the lerp functions. Once you understand how the interpolation works it all starts to make sense :)
They are easier than you know. You can do very simple subdivision of the control points and get a curve of arbitrary resolution with minimal effort and code. If you stick to an integer grid, this can be accomplished with nothing more than adds and bit shifts.
The obvious thing to do would be a 3d version and create a roller coaster :-)
I've been interested in these for a while now, thanks! Looking forward to this!
while(!nextVideo){
waitingAnxious = true;
}
Thanks to you and your videos, I started working as a game programmer, and in one project I needed to do something similar to what is in this video. When I got down to work, I immediately remembered this video. Now I am watching it and I want to say Thank you very much for your efforts!
One of the best tutorials I have ever seen. Really love your visualizations! Thanks a lot!
your truly amazing Sebastian, thanks for the amazing tuts..!
Is there any way to adapt this to work at runtime? Like for a level editor type thing?
It is absolutely amazing, looking forward to use this in my road project
love it, you made it easy to understand!
Hello, I found this video while looking to use the navmeshagent function. I'm trying to specify the path to navmesh dynamically. This video is in 2D, is it possible to install it on a plane? Is it only available in the editor? I want to be able to create it during runtime, but I want to know if it's impossible.
Just amazing explanation
Ever hear of NURBS?
Did the idea of how to move an object along the curve, ever get covered. If it did I missed it and can someone point me in the right direction?
this is some high level coding shit. It's way beyond me at this rate!
is there an easy way to create walls on the sides of the road? Where the yellow lines are.
you are the best sebastian
This is another word beizer curve
How can I stop the object at a certain point?
Can we do this with ui slider?
Sebastian Lague = legend
I think im in love with another man.
lol
So I'm curious how you would get a car to follow such a layout including slowing behaviour for corners and accelerating behaviour for straights. I'm picturing an F1 car here as I talk, so it would lead into and out of corners.
You'd most likely have to code some sort of "sampling" function, where you test the curve's direction some distance ahead along the curve, and compare it to your current direction. If that variance falls outside a certain threshold, you are likely turning a corner, and should "turn into" the curve by interpolating within that variance, with a time offset.
This could maybe be a follow up for this series. I'd love to see such a video!
It actually quite eazy.Direction is first derivative,acceleration is second derivative.Because the curve function is single variable it's so eazy to calculate its derivative so you just check if the direction difference of the first derivative and second derivative
This can be used together with your infinite terrain generator to define biomes.
not only is the visualisatin great, the maths also makes sense! thanks for this explanation!
Thank you, it all makes sense now.
At 2:30 this formula results in the following code, which should run faster.
You can just replace the two methods in the Bezier class by this one Method and all works the same.
public static Vector2 EvaluateCubic( Vector2 p0, Vector2 p1, Vector2 p2, Vector2 p3, float t )
{
t = Mathf.Clamp01(t);
float oneMinusT = 1f - t;
return
oneMinusT * oneMinusT * oneMinusT * p0 +
3f * oneMinusT * oneMinusT * t * p1 +
3f * oneMinusT * t * t * p2 +
t * t * t * p3;
}
This kind of demystified bezier curves for me, nice.
Can't wait for the rest of this. Looks like a project I've been following for quite some time: forum.unity.com/threads/sentieri-beta-0-5-terrain-procedural-path-creator-for-roads-rivers-and-more.443121/
I'm waiting for the 2 video anxiety will kill me
Awesome. I did my own implementation of this from a GDC talk, and can't wait to watch yours :3
this one looks interesting as always of course :D
Can you make series about Animator and Animator Scripts? How Layers and this kind of stuff work. For me it's really a trouble to make good animation transitions, and to controll animations from the script.
I had to deal with the bezier curves in graphics programming.... this 3 minute explanation would have saved me quite some hours of work and a lot of headaches
you are the best (Y) keep making these great videos
tysm! i haven't found a tutorial this good, most are just like "alright so there is this pre made function, use that. bye have a great day!" and its not helpful for people on scratch like me. you really helped me smooth out some angles in my fluid simulation! scratch.mit.edu/projects/413587912/
Unity + Math = Outstanding! Thank you for creating this tutorial Sebastian. Very informative.
I always though like the unity plane path waypoint beziers would be a great start for roads. But then I thought about the actual roat mesh generation and got tired - thankfully I can learn something from you !
Just what i was trying to learn past few weeks!!
Waiting for next ep, 😊
This video was great. Excellent explanation.
The best explanation of bezier curves EVER. Thank you for your time and effort in the making of this video, you deserve many more views. I'll follow your series with great pleasure. Thanks again.
Hi Sebastian, can you make tutorial using this technic about making 2d wire with verlet integration?
Oh nice !
I already worked with Bezier curve in the past but never with unity
You inspire me a lot to create some tools for a rts editor ^^
Perfectly explained, so simple. Thanks.
just curious, when you make the animations for your videos do you make them in unity? or do you use something else like after effects?
I was very interested up until you said "procedural generation", then I thought of dungeons and my mind got aroused
This will be Awesome like others Thank you very much Sebastian Lague you are the best tutor i have ever seen in my life
I'd like to know if calculation for a curve's length is possible.
I'll be the world's happiest person if this series concludes as a replica of photoshop/illustrator pen tool for unity
The visual representation of the functions have helped me a lot to understand it better, thanks for your effor!
Hungry for more! I hope you will make more videos, they are such well thought.
Still the best programmer I've seen, keep up the great work
One of the most informative videos I have ever watched. And it's not even 4 minutes long.
I have to make a presentation of my traineeship i did in maths. This video definitely reminded me of things i learnt!
damn 545 likes 0 dislikes amazing community!
Amazing explanation! Thank you!
how did you lock the controlpoints into a line with the anchorpoints?
Awesome!
A question: ¿How do you learn all this stuff?