Stack Overflow
Stack Overflow

Questions tagged [cubic-bezier]

74 questions
0
votes
1 answer

D3.js force-directed graph with dynamically offset arrows?

I have a force-directed graph in D3.js where the node radius is proportional to a property of that data (e.g., pageviews) and the link width is proportional to a property of the linking data (e.g., clicks). I would like to give the link curve an…
Larry OBrien
  • 8,484
  • 1
  • 41
  • 75
0
votes
1 answer

How do you get 16 vertices which are control points of surface into the Geometry Shader in OpenGL?

I'm trying to render a cubic bezier surface with geometry shader so i have 16 control points which are all vec3s i change them to vec4s with w = 1 added in vertex shader and here's the problem: the geometry shader takes an array of vertices in form…
rookie_luck
  • 1
0
votes
1 answer

CSS Transition Timing Function and Animation Name

I want to add transition-timing-function with Bezier curve once page loads. I have a code and it works fine on hover but I want the same effect automatically. So I used Animation Name. But the Bezier Curve effect does not seem to work. It is working…
Salim Ansari
  • 3
  • 4
0
votes
0 answers

RequestAnimationFrame, Arguments vs. Variables

So I am trying to create a function that will make an object move in a curving motion. This function is supposed to be reused and should be able to take different numbers as arguments. The numbers will serve as control points that guide the curve…
user2892930
  • 1
  • 1
  • 3
0
votes
0 answers

Any python library for Bezier curve approximation with biarcs?

I am in need of a simple python library which can perform Bezier curve approximation algorithm with biarcs (biarc interpolation). I am looking for something like the algorithm explained at approximating-bezier-curves-by-biarcs which also includes…
addsub1234
  • 53
  • 3
0
votes
0 answers

N-points Cubic-Bezier transition with CSS

I have seen not too long ago a button using a cubic-bezier transition on the width property. I really liked how it looked, and how simple it was to recreate it. Here's a simple version of it that I made : https://codepen.io/Xemros/pen/oNNKjLm
Martin Matavka
  • 1
  • 1
0
votes
0 answers

Butterworth filtering and bezier smoothing of a trajectory

So i have a dataset that represents x-y-z coordinates of a linear motion. The dataset is noisy and i am trying to extract a smooth trajectory as close as possible to the real trajectory using a bezier curve and fitting each point as a control point…
smarn
  • 1
  • 2
0
votes
1 answer

Unexpected Output For Plot

Currently trying to neaten up some code, i want to add the curves into a single array and then simply use that array to plot rather than separate calls, this will also help me fill at a later date. I've got my array but for some reason i'm getting a…
Dead_Ling0
  • 171
  • 1
  • 1
  • 13
0
votes
1 answer

Try to poll Y coordinates of a Bezier curve but got a straight line instead?

I want to get a list of Y coordinate values from a Bezier curve path that I generated. But all I got was a straight line, what went wrong? Here's the code snippet: private static ArrayList ys; path.moveTo(point0.x, point0.y); //the origin,…
AsianRyanReynolds
  • 63
  • 1
  • 8
0
votes
2 answers

Can anyone tell me why is position:fixed required in cubic-bezier function in CSS?

This is the following code which has position:fixed. If I remove this line then my cubic function does not simply work. Can anyone tell me the working of thus positioning. Also, suggest some resources to understand positioning in a better…
Abhishek Agarwal
  • 9
  • 1
0
votes
1 answer

Transform images with bezier curves

I'm using this article: nonlingr as a font to understand non linear transformations, in the section GLYPHS ALONG A PATH he explains how to use a parametric curve to transform an image, i'm trying to apply a cubic bezier to an image, however i have…
Paulo Marcio
  • 263
  • 3
  • 13
-1
votes
2 answers

How to determine t value of original cubic bezier curve after subdivide such curve twice with each t = 0.5?

Take this as initial cubic bezier, first subdivide with t=0.5 get point K, then I want to further subdivide the second half cubic bezier KJGD, get a point, let's say M. My question is: If I subdivide the original cubic bezier ABCD at the point of…
James Hao
  • 765
  • 2
  • 11
  • 40
-1
votes
1 answer

How do I split a cubic bezier curve into equal segments?

Assume I have a cubic bezier curve (whose length I know). How do I split it into equal segments, let's say, three equal segments? In other words, how do I calculate the t parameters that split it into three equal segments? Splitting at t = 0.33 and…
Bernardo
  • 3
  • 2
-2
votes
1 answer

How to draw a quartic Bezier curve in inkscape

When I draw a cubic bezier curve with 4 control points, I choose regular bezier path, draw a line, then drag 2 handles out. But now, I need draw a quartic curve with 5 control points. I don't know how to do it. How can I add the 5th control…
Jun Zhou
  • 5
  • 2
1 2 3 4
5