Stack Overflow
Stack Overflow

Questions tagged [cubic-bezier]

74 questions
0
votes
0 answers

Form Styling When Hovering Input Fields Is Glitchy(?)

I have been styling a form and trying to replicate Taylor Wimpey's search form on their home page; where you hover over the inputs and they expand to give more room, and specifically when you hover over the search button that it also expands and the…
Bastion
  • 37
  • 5
0
votes
0 answers

When I was learning the Bézier curve, this curve was not change to what I expected

data class DragStatus( //是否正在拖动 val onDrag: Boolean = false, //拖动大于一定距离，气泡消失 val onDragComplete: Boolean = false ) class MainActivity : ComponentActivity() { companion object { const val RADIUS = 30f const val…
有朋自远方来
  • 41
  • 2
0
votes
0 answers

Getting Bezier Handles from a Curve's control points

I am working with a program that defines its Curves with 'Edges' that have three control points (The red points 0, 1, 2 in the attached image). I believe this is a Quadratic Curve. This is a list of their x & y coordinates: [(736,620), (963, 488),…
Dr. Pontchartrain
  • 404
  • 2
  • 10
0
votes
1 answer

JavaFX animation to restore a Path original state

I'm a beginner in JavaFX, and I'm working on a project where I'm using four Bezier curves to draw a circle. My goal is to eventually achieve a "wobbly" effect by allowing the curves to be deformed when the user drags them. To accomplish this, I want…
Dario Peluso
  • 3
  • 3
0
votes
0 answers

How to combine two tangent B-Spline

As shown below, I have two B-splines that are tangent to each other at their end points. How I can I combine these two into one B-Spline? The control points are known for each B-spline.
Muzib
  • 2,412
  • 3
  • 21
  • 32
0
votes
1 answer

Force bezier loop to say inside boundary

I'm writing a code to simulate a lap time on motorcycle, using GNU Octave. The racetrack is represented by the mid line (as x-y point values) and width "B". The points of the racetrack midline are not at the same distance, for example a straight…
Mattia Piron
  • 53
  • 4
0
votes
0 answers

Dividing up one Cubic Bezier Curve into two connected but keeping (visually) the same curve?

General description of the problem: Dividing P0 and P3 to break up one cubic bezier curve into two connected curves, keeping the same curve visually. A sequence with cubic bezier curves, three in the images below, where P0 and P3 are 'anchors' and…
Willem
  • 302
  • 10
0
votes
1 answer

CSS: How do I scale an element at a steady speed using cubic-bezier?

I have a 16384px X 16384px canvas. I start off with my canvas scaled down to 512px. I then scale my canvas to its original size. The scaling (in and out) works. The problem is that even though I've set the timing function to linear it doesn't look…
Kawd
  • 4,122
  • 10
  • 37
  • 68
0
votes
0 answers

How to join two Bezier curve using C1 continuity?

How to draw Two Cubic Bezier Curve using 8 Points The last point of the first curve will be the starting point of second curve What I am doing wrong ?? Please Help me solve this issue . #include #include #include…
Ra Zi
  • 17
  • 1
  • 6
0
votes
0 answers

How do I get points（x,y,angle) for multiple cubic bezier curves?

Now the method I'm using can only get the points of one curve, because the second curve I don't know the start point,I tried to use the end point of the first curve to be the start point of the second curve, but it seems to be wrong,Ive tried…
staccoverflow
  • 11
  • 2
0
votes
1 answer

Continuous bezier animation without inheriting easing-function on change

I have this animation, it is currently meant to be only fast at the start, however when it reaches 85% - 95% the cubic-Bezier should be continuously slow instead of starting from point 0 again and creating another fast start motion. Is there any way…
Shimsho
  • 107
  • 9
0
votes
1 answer

How to get start point of segment of polybezier curve?

I have such curve as d="m 8.6934523,43.845239 c 0,0 -3.0238096,-6.236608 -3.2127975,-11.90625 C 5.2916666,26.269345 6.047619,17.197916 10.961309,13.418155 15.875,9.6383926 20.032738,8.315476 28.537201,9.0714284" And it is needed to split the curve…
Anya Kononchenko
  • 1
0
votes
0 answers

Decompose one Path.cubicTo call into two

I have a path that I am drawing between two points using a single call Path.cubicTo. I now have the requirement to have that path drawn in two path segment based on a variable position in the path. I need the path to look like the original single…
Scorb
  • 1,654
  • 13
  • 70
  • 144
0
votes
0 answers

Closing a shape using bezier curves

In my assignment I tried to creat a shape using bezier curves. i used the method of bezier interpolation but because of that im missing the last curve because when i solve the linear equations i assum the second derivative in the edges are 0. I want…
Or Meiri
  • 1
  • 1
0
votes
2 answers

Bezier curve : forcing a curve of 4 points to pass through control points in 3D space

I have read the thread to make this happen for 4 points but only in 2D space here . I have implemented the answer for 3D but only for 3 control points here I have read this post but don't understand the sudo code or the math Can anyone simplify in…
Sync it
  • 1,180
  • 2
  • 11
  • 29
1 2 3
4
5