bezier相关内容

使用CAMediaTimingFunction计算时间(T)的值

在Cocoa/Touch中,CAMediaTimingFunction表示四个控制点,它们指定计时函数的三次Bezier曲线。对于我正在编写的应用程序,我希望能够在任意时间t(0->1)提取所述Bezier曲线的结果。令我困惑的是,当我查找如何do this时,结果也应该是一个点,而不是标量: 然而,Apple的实现产生了一个标量值(您可以在此图上看到他们绘制了x(T)与t:http://d ..
发布时间:2022-04-10 15:31:32 其他开发

Cocos2d 2.x:理解 ccBezierConfig 行为

我很久以前就问过一个问题,一位用户友好地回复我,解释说有 这个插件工具,我可以用它来创建快速贝塞尔曲线原型. 我尝试并制作了这个: 我认为它会在这个 ccBezierConfig 中得到完美的翻译: ccBezierConfig 贝塞尔曲线;self.position = CGPointMake(-10.0f, 400.0f);bezier.controlPoint_1 = CGPo ..
发布时间:2022-01-21 17:48:06 移动开发

如何在画布中将图像像素转换为 s 曲线形状

我有这种类型的图像 我希望我们在图像中看到的直线(实际上是像素)应该被转换为 S 曲线.我已经使用画布及其属性实现了 C 型曲线,但无法做 S 型曲线. 请帮帮我. 解决方案 如果我理解正确,你希望每条垂直线都跟随一个“S"吗? 如果是这种情况,您可以使用 f.ex.Math.sin() 结合 drawImage() 及其裁剪参数以按像素列对图像进行切片,同时根据 sin ..
发布时间:2022-01-17 12:03:40 前端开发

如何为具有不同起点和终点切线斜率的弧创建贝塞尔曲线

我已经坚持了一个星期,现在我似乎无法解决它. 我有一条弧线,当弧线平坦时,我可以很容易地将其转换为一系列贝塞尔曲线: 但是当弧是螺旋线并且端切线具有不同的斜率时,我正在努力找出如何找到贝塞尔曲线. 这是我目前所了解的: 如您所见,每条贝塞尔曲线都有不在正确平面上的控制点,并且由于我无法工作,因此未考虑完整弧线的起点和终点切线(第二张图像中的红色矢量)知道怎么做. 要从 ..
发布时间:2022-01-14 15:45:17 C#/.NET

点相对于贝塞尔曲线的位置

我有一条由 4 个点指定的贝塞尔曲线.我需要知道一个点是在贝塞尔曲线的左侧还是右侧.能给我推荐一个算法吗? 编辑:我确定我生成的方式贝塞尔曲线不会形成循环. 稍后编辑 我意识到我最初的问题可以在不使用相对位置的情况下解决.当我发布这个问题时,我在想有一个相对位置的数学公式,类似于检查一个点是否在圆的内部.似乎这是不可能的.所以我会接受答案,这将提出一个省时的解决方案. 解决方案 ..
发布时间:2022-01-14 15:41:22 其他开发

LibGDX 指导 - 精灵追踪 2D 无限随机贝塞尔曲线

我已经能够将平滑的动画应用到我的精灵并使用加速度计控制它.我的精灵被固定为沿 x-aix 左右移动. 从这里开始,我需要弄清楚如何为精灵创建一条垂直的无限波浪线以尝试追踪.我的游戏的目的是让用户用加速度计控制精灵的左/右运动,以尽可能地追踪永无止境的波浪线,而精灵和相机都在垂直方向移动以模拟“移动沿线."如果这条线是随机生成的,那将是理想的. 我研究过样条曲线、平面、贝塞尔曲线等,但我 ..
发布时间:2022-01-12 17:24:41 其他开发

任意轮廓的平滑样条表示,f(长度)-->x,y

假设我有一组 x,y 坐标来标记轮廓上的点.有没有一种方法可以构建轮廓的样条表示,我可以在沿其长度的特定位置对其进行评估并恢复插值的 x、y 坐标? X 和 Y 值之间通常不是 1:1 对应的情况,因此单变量样条对我没有好处.双变量样条会很好,但据我所知,scipy.interpolate 中用于评估双变量样条的所有函数取 x,y 值并返回 z,而我需要给出 z 并返​​回 x,y(因为 x ..
发布时间:2021-12-31 11:58:21 Python

如何在SVG中使用贝塞尔曲线来近似半余弦曲线?

假设我想使用贝塞尔曲线在 SVG 中近似一条半余弦曲线.半余弦应如下所示: 并从 [x0,y0](左侧控制点)运行到 [x1,y1](右侧控制点). 我怎样才能找到一个可接受的系数集来很好地逼近这个函数? 额外问题:例如,如何将公式推广到余弦的四分之一? 请注意,我不想用一系列相互连接的线段来近似余弦,我想使用贝塞尔曲线计算一个很好的近似值. 我在评论中尝试了解决方案 ..
发布时间:2021-12-30 19:03:39 其他开发

贝塞尔路径加宽

我有一条贝塞尔曲线 B,其中包含点 S、C1、C2、E 和一个代表宽度的正数 w.有没有办法快速计算两条贝塞尔曲线B1、B2的控制点,使得B1和B2之间的东西就是B表示的加宽路径? 更正式地:计算 B1、B2 的良好 Bezier 近似的控制点,其中B1 = {(x,y) + N(x,y)(w/2) |(x,y) 在 C} B2 = {(x,y) - N(x,y)(w/2) |(x,y) ..
发布时间:2021-12-30 19:01:27 其他开发

平滑希尔伯特曲线

我正在尝试平滑 希尔伯特曲线.我可以定义点并用直线连接它们,但我想要一条边缘不那么尖锐的路径.我尝试使用越来越高阶的贝塞尔曲线连接曲线,但这不起作用,当我尝试重新连接它们时,路径中总是存在“扭结": 我觉得这是一个已解决的问题,但我没有在寻找正确的术语. 解决方案 如何为此使用分段三次...不管是 BEZIER SPLINE 还是其他什么.您只需要将补丁与正确的点调用序列连接起来,而 ..
发布时间:2021-12-30 18:57:34 其他开发

贝塞尔曲线上的等距点

目前,我正在尝试使多个贝塞尔曲线具有等距点.我目前正在使用三次插值来找到这些点,但是由于贝塞尔曲线的工作方式,某些区域比其他区域更密集,并且由于距离可变,纹理贴图很粗糙.有没有办法按距离而不是按百分比在贝塞尔曲线上找到点?此外,是否可以将其扩展到多条连接曲线? 解决方案 P_0 和 P_3 之间的距离(立方形式),是的,但我想你知道,这是直接的. 曲线上的距离就是弧长: 图 1 ..
发布时间:2021-12-30 18:47:56 其他开发

贝塞尔曲线绘制路径

我有一个任务——绘制平滑曲线 输入:点集(实时添加) 当前解决方案:我使用每 4 个点来绘制 qubic Bezier 曲线(1 - 开始,2 和 3 - 控制点,4- 结束).每条曲线的终点都是下一条曲线的起点. 问题:在曲线连接处我经常有“断裂"(角度) 你能告诉我,如何更流畅地连接我的点吗? 谢谢! 解决方案 以下是一些可以帮助您的参考资料: 使用 ..
发布时间:2021-12-30 18:41:11 移动开发

三次贝塞尔曲线上的最近点?

如何沿三次贝塞尔曲线找到最接近平面中任意点 P 的点 B(t)? 解决方案 经过大量搜索,我找到了一篇论文,其中讨论了一种在贝塞尔曲线上找到与给定点最近的点的方法: 改进代数算法点贝塞尔曲线的投影,由陈晓貂、尹舟、舒振宇、华苏和让-克洛德·保罗. 此外,我发现了维基百科和MathWorld 对 Sturm 序列的描述对理解算法的第一部分很有用,因为论文本身的描述不是很清楚.> ..
发布时间:2021-12-30 18:26:59 其他开发

Windows Phone 7:如何像 XAML 一样解析 Bezier Path 字符串?

我需要解析贝塞尔路径字符串,但显然 .Net CF 框架中的 System.Windows.Media.Geometry 版本没有 Parse()code> 方法在它的正常对应物中可用.但是,输入以下 XAML 确实有效,因此系统必须有一种方法来解析路径数据字符串. 关于如何使用 XAML 之外的自定义字符串自行启动解析的任何线索? 我当然也可以尝试使用正则表达式左右编写自己的解析器, ..
发布时间:2021-12-23 23:48:26 C#/.NET

用画布绘制流畅的线条

到目前为止,平滑线上的线程都不是正确的. 如何使用 javascript HTML5 画布通过 N 个点绘制平滑曲线? 在画布中平滑用户绘制的线条 两者都会导致锯齿状线条.平滑我的意思是使用 x,y 点作为控制点来使线条平滑.这条线不需要经过这些点.它只需要在给定 n 个点的情况下绘制一条平滑的线. 基本上我正在记录每个线段,然后当用户将鼠标向上移动时,它会平滑线. ..
发布时间:2021-12-21 08:51:25 前端开发

在画布中沿曲线渐变描边

我正在尝试在画布上绘制一条具有线性渐变描边样式的曲线沿着曲线,如这张图片.在那个页面上有一个链接的 svg 文件,它给出了如何在 svg 中完成效果的说明.也许在画布中可以使用类似的方法? 解决方案 A Demo: http://jsfiddle.net/m1erickson/4fX5D/ 创建一个沿着路径变化的渐变相当容易: 创建一个沿路径变化的渐变更加困难: 要在路径 ..
发布时间:2021-12-21 08:18:58 前端开发

如何使用javascript HTML5画布通过N个点绘制平滑曲线?

对于绘图应用程序,我将鼠标移动坐标保存到一个数组中,然后使用 lineTo 绘制它们.结果线不平滑.如何在所有收集的点之间生成一条曲线? 我用谷歌搜索过,但我只找到了 3 个绘制线条的函数:对于 2 个样本点,只需使用 lineTo.对于 3 个样本点 quadraticCurveTo,对于 4 个样本点,bezierCurveTo. (我尝试为数组中的每 4 个点绘制一个 bezie ..
发布时间:2021-12-21 08:03:13 前端开发

在 iOS 中用手指绘制贝塞尔曲线?

嘿,我想弄清楚如何根据用户输入在 iOS 中生成贝塞尔曲线.是否有任何现有的课程?有人可以给我一个需要什么的一般摘要吗?我只是需要帮助,才能正确地开始. 解决方案 如果想留在objective-c,可以使用UIBezierPath的addCurveToPoint:controlPoint1:controlPoint2:方法.您还可以在 CGPaths 中使用类似命名的函数.使用贝塞尔曲线时 ..
发布时间:2021-12-20 21:08:23 移动开发

沿着简单的三次贝塞尔曲线找到一个给定距离的点.(在 iPhone 上!)

假设您在可可应用程序中使用 curveToPoint:controlPoint1:controlPoint2: 创建了一条完全正常的四点贝塞尔曲线(两个点和两个控制点): 您如何沿曲线找到点(和切线)? 稍后:要获得基于以下 Michal 回答的完整、简化的解决方案,请点击: 在三次贝塞尔曲线(在 iPhone 上)上找到点的切线 只需复制并粘贴以下代码:https://sta ..
发布时间:2021-12-20 21:07:24 移动开发