贝塞尔曲线 java_贝塞尔曲线理论及实现——Java篇
贝塞尔曲线贝塞尔曲线(The Bézier Curves),是一种在计算机图形学中相当重要的参数曲线(2D,3D的称为曲面)。贝塞尔曲线于1962年,由法国工程师皮埃尔·贝塞尔(Pierre Bézier)所发表,他运用贝塞尔曲线来为汽车的主体进行设计。
线性曲线给定点P0、P1,线性贝塞尔曲线只是一条两点之间的直线。这条线由下式给出:
当参数t变化时,其过程如下:
线性贝塞尔曲线函数中的t会经过由P0至P1的B(t)所描述的曲线。例如当t=0.25时,B(t)即一条由点P0至P1路径的四分之一处。就像由0至1的连续t,B(t)描述一条由P0至P1的直线。二次曲线二次方贝塞尔曲线的路径由给定点P0、P1、P2的函数B(t)追踪:
为建构二次贝塞尔曲线,可以中介点Q0和Q1作为由0至1的t:* 由P0至P1的连续点Q0,描述一条线性贝塞尔曲线。* 由P1至P2的连续点Q1,描述一条线性贝塞尔曲线。* 由Q0至Q1的连续点B(t),描述一条二次贝塞尔曲线。二次曲线看起来就是这样的:
三次曲线为建构高阶曲线,便需要相应更多的中介点。对于三次曲线,可由线性贝塞尔曲线描述的中介点Q0、Q1、Q2,和由二次曲线描述的点R0、R1所建构。P0、P1、P2、P3四个点在平面或在三维空间中定义了三次方贝塞尔曲线。曲线起始于P0走向P1,并从P2的方向来到P3。一般不会经过P1或P2;这两个点只是在那里提供方向资讯。P0和P1之间的间距,决定了曲线在转而趋进P3之前,走向P2方向的“长度有多长”。曲线的参数形式为:
看起来就是这样的:
高阶曲线更高阶的贝塞尔曲线,可以用以下公式表示:用
表示由点P0、P1、…、Pn所决定的贝塞尔曲线。则有:
更多的关于贝塞尔曲线的内容,你可以去查阅各种数学书。
代码实现其实也非常简单,把公式套过来直接用起来就OK了。这里我以3次曲线为例
for (double k = t; k <= 1 + t; k += t) {
x = (1 - k) * (1 - k) * (1 - k) * ps[0].getX() + 3 * k * (1 - k) * (1 - k) * ps[1].getX()
+ 3 * k * k * (1 - k) * ps[2].getX() + k * k * k * ps[3].getX();
y = (1 - k) * (1 - k) * (1 - k) * ps[0].getY() + 3 * k * (1 - k) * (1 - k) * ps[1].getY()
+ 3 * k * k * (1 - k) * ps[2].getY() + k * k * k * ps[3].getY();
g2.drawOval((int) x, (int) y, 1, 1);
}
以上是核心算法,下面是完整代码:
package com.opentcs.customization;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.geom.Ellipse2D;
import java.awt.geom.Point2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
public class BezierDemo extends JPanel implements MouseListener, MouseMotionListener {
private static final long serialVersionUID = 1L;
private Point2D[] ps;
private Ellipse2D.Double[] ellipse;
private static final double SIDELENGTH = 8;
private int numPoints;
private double t = 0.002;
public BezierDemo() {
numPoints = 0;
ps = new Point2D[4];
ellipse = new Ellipse2D.Double[4];
this.addMouseListener(this);
this.addMouseMotionListener(this);
}
@Override
protected void paintComponent(Graphics g) {
// TODO Auto-generated method stub
super.paintComponent(g);
Graphics2D g2 = (Graphics2D) g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2.setColor(Color.BLUE);
for (int i = 0; i < numPoints; i++) { // 绘制圆点 if (i > 0 && i < (numPoints - 1)) { g2.fill(ellipse[i]); } else { g2.draw(ellipse[i]); } // 绘制点之间的连接线 if (numPoints > 1 && i < (numPoints - 1))
g2.drawLine((int) ps[i].getX(), (int) ps[i].getY(), (int) ps[i + 1].getX(), (int) ps[i + 1].getY());
}
if (numPoints == 4) {
double x, y;
g2.setColor(Color.RED);
for (double k = t; k <= 1 + t; k += t) {
x = (1 - k) * (1 - k) * (1 - k) * ps[0].getX() + 3 * k * (1 - k) * (1 - k) * ps[1].getX()
+ 3 * k * k * (1 - k) * ps[2].getX() + k * k * k * ps[3].getX();
y = (1 - k) * (1 - k) * (1 - k) * ps[0].getY() + 3 * k * (1 - k) * (1 - k) * ps[1].getY()
+ 3 * k * k * (1 - k) * ps[2].getY() + k * k * k * ps[3].getY();
g2.drawOval((int) x, (int) y, 1, 1);
}
}
}
@Override
public Dimension getPreferredSize() {
// TODO Auto-generated method stub
return new Dimension(600, 600);
}
public static void main(String[] agrs) {
JFrame f = new JFrame();
BezierDemo t2 = new BezierDemo();
f.add(t2);
f.pack();
f.setVisible(true);
f.setLocationRelativeTo(null);
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
@Override
public void mouseClicked(MouseEvent e) {
// TODO Auto-generated method stub
if (numPoints < 4) {
double x = e.getX();
double y = e.getY();
ps[numPoints] = new Point2D.Double(x, y);
Ellipse2D.Double current = new Ellipse2D.Double(x - SIDELENGTH / 2, y - SIDELENGTH / 2, SIDELENGTH,
SIDELENGTH);
ellipse[numPoints] = current;
numPoints++;
repaint();
}
}
private int flag = -1;
@Override
public void mousePressed(MouseEvent e) {
// TODO Auto-generated method stub
if (!find((Point2D) e.getPoint()))
flag = -1;
}
private boolean find(Point2D p) {
for (int i = 0; i < numPoints; i++) {
if (ellipse[i].contains(p)) {
flag = i;
return true;
}
}
return false;
}
@Override
public void mouseReleased(MouseEvent e) {
// TODO Auto-generated method stub
}
@Override
public void mouseEntered(MouseEvent e) {
// TODO Auto-generated method stub
}
@Override
public void mouseExited(MouseEvent e) {
// TODO Auto-generated method stub
}
@Override
public void mouseDragged(MouseEvent e) {
// TODO Auto-generated method stub
if (flag < 5 && flag >= 0) {
double x = e.getX();
double y = e.getY();
ps[flag] = new Point2D.Double(x, y);
Ellipse2D.Double current = new Ellipse2D.Double(x - SIDELENGTH / 2, y - SIDELENGTH / 2, SIDELENGTH,
SIDELENGTH);
ellipse[flag] = current;
repaint();
}
}
@Override
public void mouseMoved(MouseEvent e) {
// TODO Auto-generated method stub
}
}
效果图:
贝塞尔曲线 java_贝塞尔曲线理论及实现——Java篇相关推荐
- 光滑曲线_计算机图形学十:贝塞尔曲线与贝塞尔曲面
贝塞尔曲线与贝塞尔曲面 1 贝塞尔曲线(Bézier Curves) 在进入具体原理讲解之前,首先看一下一条实际的贝塞尔曲线长什么样子 其中 为 控制点,蓝色所表示曲线正是非常著名的贝塞尔曲线了,可以 ...
- 【Android UI】贝塞尔曲线 ② ( 二阶贝塞尔曲线公式 | 三阶贝塞尔曲线及公式 | 高阶贝塞尔曲线 )
文章目录 一.二阶贝塞尔曲线公式 二.三阶贝塞尔曲线 三.高阶贝塞尔曲线 贝塞尔曲线参考 : https://github.com/venshine/BezierMaker 一.二阶贝塞尔曲线公式 二 ...
- 【Android UI】贝塞尔曲线 ① ( 一阶贝塞尔曲线 | 二阶贝塞尔曲线 )
文章目录 一.一阶贝塞尔曲线 二.二阶贝塞尔曲线 贝塞尔曲线参考 : https://github.com/venshine/BezierMaker 一.一阶贝塞尔曲线 一阶贝塞尔曲线 本质 是一条直 ...
- 贝塞尔曲线和贝塞尔曲面_TimelineMax:处理贝塞尔(Bézier)补间
贝塞尔曲线和贝塞尔曲面 当您需要高级功能时,GSAP插件非常有用. 我将在本教程中解释的BezierPlugin可以帮助沿定义为点/值数组的弯曲贝塞尔曲线路径上的几乎任何一个或多个属性设置动画. 在跳 ...
- GIS开发:画曲线(贝塞尔)
在地图开发中,有时会用到画曲线,一般的地图API中,都会提供画曲线的方法,或者提供相应的图例. 下边简单的介绍一下,如何在地图上根据点的位置,画一条贝塞尔曲线. 贝塞尔曲线(Bézier curve) ...
- 贝塞尔(贝兹尔)曲线介绍
2019独角兽企业重金招聘Python工程师标准>>> 贝塞尔(贝兹尔)曲线介绍 什么是贝塞尔曲线? "贝赛尔曲线"是由法国数学家Pierre Bézier所发明 ...
- java贝塞尔曲线_贝塞尔曲线学习
贝塞尔曲线学习 1.贝塞尔曲线 以下公式中: B(t)为t时间下 点的坐标: P0为起点,Pn为终点,Pi为控制点 一阶贝塞尔曲线(线段): 一阶贝塞尔曲线公式 一阶贝塞尔曲线演示 意义:由 P0 至 ...
- java 贝塞尔曲线_贝塞尔曲线:原理、自定义贝塞尔曲线View、使用!!!
一.原理 转自:http://www.2cto.com/kf/201401/275838.html Android动画学习Demo(3) 沿着贝塞尔曲线移动的Property Animation Pr ...
- 初识贝塞尔(bezier)曲线
文章目录 资料援引 贝塞尔曲线的用途 一阶贝塞尔(bezier)曲线 二阶贝塞尔(bezier)曲线 三阶贝塞尔(bezier)曲线 高阶贝塞尔(bezier)曲线 三阶贝塞尔曲线求插值(Slerp) ...
最新文章
- TensorFlow(2)图(默认图与自定义图) TensorBoard可视化
- 总结 | 2020年TOP 10计算机视觉论文:代码,解读,还有demo视频!
- 全球首个机器人抓取云竞赛落幕,华科夺冠,中国团队包揽前三
- fibonacci 数列及其应用
- oracle查询用户连接记录,记录ORACLE用户登录信息
- 机器学习入门:线性回归及梯度下降
- 为什么你喜欢的女生不喜欢你
- 想非常牛掰的在WORD中调中多级符号吗
- python不及格_10 个 Python 工程师,9 个不合格!!
- Asp.net 请求中变量的保存方式
- 突然讨厌做前端,讨厌代码_有关互联网用户最讨厌的广告类型的新数据
- 优酷视频如何将地区设置为中国大陆
- mysql 排序后在查询
- Web Service Compression for .NET CF 3.5
- vs2005 生成安装包的时候提示“不可恢复的生成错误”
- PikPak磁力网盘
- Hungry for your love 真爱无限
- input框输入文本限制
- 苹果MacBook Air M2开箱测评 M2版MacBook Air真实体验感受
- matlab省略,matlab的省略号
热门文章
- linux mesg 命令详解
- python编码器_自编码器和分类器python
- 3.Android的新虚拟ART与原虚拟机DVM的区别
- npm ERR! Please try running this command again as root/Administrator.
- Uber如何使用go语言创建高效的查询服务
- script filename php,PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 的区别
- SQLplus 和mysql区别_mysql和oracle的区别有哪些
- c语言memcmp和java的_C语言memcmp()函数:比较m字节长的两个字符串s1和s2
- linux ntp手动授时,关于我校NTP授时服务的使用说明
- numpy 归一化_NumPy 数据归一化、可视化