基于OpenGL实现多段Bezier曲线拼接

本文实例为大家分享了OpenGL实现多段Bezier曲线拼接的具体代码,供大家参考,具体内容如下

运行程序的交互方式有点类似corelDraw中的自由曲线绘制,或者photoShop中的钢笔自由路径绘制。

截图:

将BezierCurve封装成了一个类,代码如下:

#ifndef _BEZIERCURVE_H
#define _BEZIERCURVE_H

#include "vec3.hpp"
#include <vector>
#include <iostream>
#include <gl/glut.h>

using namespace std;
//// 3次bezier曲线: 四个控制节点。曲线经过首末两个顶点。

class BezierCurve
{
public:
 //cell一共有四个控制顶点
 // -cell经过V0和V3顶点,
 // -cell的始端相切于直线:(V0, V1) 和末端相切于(V2,V3)
 class BezierCell
 {
 public:
 BezierCell(int i0, int i1, int i2, int i3)
 {
  setValue(i0, i1, i2, i3);
 }

 void setValue(int i0, int i1, int i2, int i3)
 {
  ctrlVertxIndex[0] = i0;
  ctrlVertxIndex[1] = i1;
  ctrlVertxIndex[2] = i2;
  ctrlVertxIndex[3] = i3;
 }
 const int operator[](int index) const
 {
  if (index > 3 || index < 0)
  return -1;

  return ctrlVertxIndex[index];
 }
 int ctrlVertxIndex[4];
 };

 enum eventType
 {
 LButtonDown = 0,
 MouseMove = 1,
 LButtonUp = 2
 };

 enum { Bezier3CtrlPnt = 4 };

 BezierCurve() { clear(); }
 ~BezierCurve(){}

 void begin()
 {
 // 开启求值器
 glEnable(GL_MAP1_VERTEX_3);
 clear();
 }

 void mouseSynchro(eventType type, const Vec3d& v) //响应鼠标motion
 {
 //////////////////////////////////////////////////////////////////////////
 //LButtonDown: 压入点
 if (type == LButtonDown)
 {
  if (isFirstRender)   //for the first cell
  {
  vertexVector.push_back(v); //push V0...
  vertexVector.push_back(v); //push V1...
  }
  else if ( cellRenderState() == cellRenderImple::Push ) //for any cell
  {
  vertexVector.push_back(v); //push V2...
  vertexVector.push_back(v); //push V3... 

  cellRenderState.setChange(); //set the flag to change V3
  cellNum++;   //increase the cell counter
  }
 }
 //////////////////////////////////////////////////////////////////////////
 //MouseMove: 动态更新相应的顶点数据
 else if (type == MouseMove)
 {
  if (isFirstRender)   //for the first cell
  {
  vertexVector.back() = v; //change the V1 immediately
  }
  else if ( cellRenderState() == cellRenderImple::Change )//for any cell
  {
  int vecSize = vertexVector.size();
  vertexVector[vecSize-2] = v; //change the V2 immediately
  }
 }

 //////////////////////////////////////////////////////////////////////////
 //LButtonUp: 为拼接做准备
 else if (type == LButtonUp)
 {
  if (isFirstRender)
  {
  //只有第一个BezierCell可以编辑bezierCell的起始段:(V0,V1)
  isFirstRender = false;
  }
  else if ( cellRenderState() == cellRenderImple::Change)
  {
  //if finish the current cell's render
  //利用v1和中点v0计算出v2:(v1 + v2) / 2 = v0
  //next cell begin: push the next cell's V1...
  int vecSize = vertexVector.size();
  Vec3d v0 = vertexVector[vecSize-1];
  Vec3d v1 = vertexVector[vecSize-2];
  Vec3d v2 = 2 * v0 - v1;
  vertexVector.push_back(v2);

  //重置cellRenderFlag
  cellRenderState.setPush();
  }
 }
 //////////////////////////////////////////////////////////////////////////
 //更新数组的长度
 _updateVertexNum();
 }

 void end()
 {
 glDisable(GL_MAP1_VERTEX_3);
 }

 void renderCurve()
 {
 //////////////////////////////////////////////////////////////////////////
 //rendering vertex...
 for (int i=0; i<vertexVector.size(); i++)
 {
  Vec3d v = vertexVector[i];
  glBegin(GL_POINTS);
  glVertex3dv(v.getValue());
  glEnd();
 }

 //////////////////////////////////////////////////////////////////////////
 //rendering moving tangent(切线)
 //(vertexNum-1, vertexNum-2)
 if ( vertexNum>=2 )
 {
  glEnable(GL_LINE_STIPPLE);
  {
  glLineStipple(1, 0x0101);
  glBegin(GL_LINES);
  {
   Vec3d v1 = vertexVector[vertexNum-1];
   Vec3d v2 = vertexVector[vertexNum-2];
   glVertex3dv(v1.getValue());
   glVertex3dv(v2.getValue());
  } glEnd();
  }glDisable(GL_LINE_STIPPLE);
 }

 //////////////////////////////////////////////////////////////////////////
 //if ( !_check() )
 // return;

 //rendering bezier cells...
 system("CLS");
 for (int i=0; i<cellNum; i++)
 {
  int pos = i * 3;
  if ( (pos+3) < vertexNum )
  renderBezierCell( BezierCell(pos, pos+1, pos+2, pos+3) );
 }
 //////////////////////////////////////////////////////////////////////////
 }

 // 3次bezier曲线经过vetex0和vextex3
 void renderBezierCell(const BezierCell& cell)
 {
 double *pBuffer = new double[Bezier3CtrlPnt * 3];

 cout << "----------------------------------------------------" << endl;

 cout << "Vertex number : " << vertexNum << endl;
 cout << "Cell number : " << cellNum << endl;
 cout << "The render cell: " << cell[0] << " " << cell[1] << " " << cell[2] << " " << cell[3] << endl;

 for (int i = 0, bg = 0; i<4; i++)
 {
  Vec3d v = vertexVector[ cell[i] ];
  pBuffer[bg++] = v.x();
  pBuffer[bg++] = v.y();
  pBuffer[bg++] = v.z();

  cout << v.x() << " " << v.y() << " " << v.z() << endl;
 }cout << "----------------------------------------------------" << endl;

 glMap1d(GL_MAP1_VERTEX_3, 0.0, 1.0, 3, Bezier3CtrlPnt, pBuffer);
 glBegin(GL_LINE_STRIP);
 {
  for (int i = 0; i <= 30; i++)
  glEvalCoord1f((GLfloat) i/30.0f);
 } glEnd();

 delete pBuffer; pBuffer = 0;
 }

 void clear()
 {
 cellNum = 0;
 vertexNum = 0;

 isFirstRender = true;

 vertexVector.clear();
 }
protected:
 bool _check() { vertexNum =vertexVector.size();
   return vertexNum == (cellNum - 1) * 3 + 4; }
 void _updateVertexNum() { vertexNum=vertexVector.size();}

 int cellNum;   //单元个数
 int vertexNum;   //顶点个数

 bool isFirstRender;   //首次标志
 std::vector<Vec3d> vertexVector; //顶点数组

 class cellRenderImple
 {
 public:
 enum RenderStep
 {
  Push = 0,
  Change = 1
 };
 cellRenderImple(){ setPush(); }
 bool operator()(void) { return flag; }
 void setPush() { flag = Push; }
 void setChange() { flag = Change; }

 RenderStep flag;  //cell的渲染状态
 } cellRenderState;
};

测试程序如下:

#include <iostream>
#include <vector>
#include <GL/glut.h>

#include "BezierCurve.h"

using namespace std;

enum WindowSize{
 WinWidth = 1024,
 WinHeight = 768
};

int  g_Viewport[4];
double g_ModelMatrix[16];
double g_ProjMatrix[16];
BezierCurve myBezier;

//////////////////////////////////////////////////////////////////////////
void init();
void display();
void reshape(int w, int h);
void keyboard(unsigned char key, int x, int y);
void mouse(int button, int state, int x, int y);
void motion(int x, int y);

int main(int argc, char** argv)
{
 glutInit(&argc, argv);
 glutInitDisplayMode (GLUT_DOUBLE | GLUT_RGB);
 glutInitWindowSize (WinWidth, WinHeight);
 glutInitWindowPosition (100, 100);
 glutCreateWindow (argv[0]);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

 init ();
 glutDisplayFunc(display);
 glutReshapeFunc(reshape);
 glutKeyboardFunc (keyboard);
 glutMouseFunc(mouse);
 glutMotionFunc(motion);

 glutMainLoop();

 return 0;
}

void init(void)
{
 glClearColor(0.0, 0.0, 0.0, 0.0);
 glShadeModel(GL_SMOOTH);

 myBezier.begin();
}

void display(void)
{
 glClear(GL_COLOR_BUFFER_BIT);

 glColor3f(1.0, 1.0, 0.0);
 glPointSize(5.0);

 glPushMatrix();
 {
 myBezier.renderCurve();
 }glPopMatrix();

 glutSwapBuffers();
}

void reshape(int w, int h)
{
 glViewport(0, 0, (GLsizei) w, (GLsizei) h);
 glMatrixMode(GL_PROJECTION);
 glLoadIdentity();
 if (w <= h)
 glOrtho(-5.0, 5.0, -5.0*(GLfloat)h/(GLfloat)w,
 5.0*(GLfloat)h/(GLfloat)w, -5.0, 5.0);
 else
 glOrtho(-5.0*(GLfloat)w/(GLfloat)h,
 5.0*(GLfloat)w/(GLfloat)h, -5.0, 5.0, -5.0, 5.0);
 glMatrixMode(GL_MODELVIEW);
 glLoadIdentity();
}

void keyboard(unsigned char key, int x, int y)
{
 switch (key) {
  case 27:
  exit(0);
  break;
 }
}

void mouse(int button, int state, int x, int y)
{
 double vertex[3];

 //获取矩阵信息
 glGetIntegerv(GL_VIEWPORT, g_Viewport);
 glGetDoublev(GL_MODELVIEW_MATRIX, g_ModelMatrix);
 glGetDoublev(GL_PROJECTION_MATRIX, g_ProjMatrix);

 y = g_Viewport[3] - y;
 gluUnProject( x, y, 0,
 g_ModelMatrix, g_ProjMatrix, g_Viewport,
 &vertex[0], &vertex[1], &vertex[2] );

 if (button==GLUT_LEFT && state==GLUT_DOWN)
 {
 myBezier.mouseSynchro( BezierCurve::LButtonDown, vertex );
 glutSetCursor( GLUT_CURSOR_RIGHT_ARROW );
 }
 else if (button == GLUT_LEFT && state == GLUT_UP)
 {
 myBezier.mouseSynchro( BezierCurve::LButtonUp, vertex );
 }

 glutPostRedisplay();
}

//////////////////////////////////////////////////////////////////////////
// 计算控制节点
void motion(int x, int y)
{
 double vertex[3];

 glutSetCursor( GLUT_CURSOR_CROSSHAIR );
 y = g_Viewport[3] - y;

 gluUnProject( x, y, 0,
 g_ModelMatrix, g_ProjMatrix, g_Viewport,
 &vertex[0], &vertex[1], &vertex[2] );

 myBezier.mouseSynchro( BezierCurve::MouseMove, vertex );
 glutPostRedisplay();
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • OpenGL绘制三次Bezier曲线

    本文实例为大家分享了OpenGL绘制三次Bezier曲线的具体代码,供大家参考,具体内容如下 计算公式: 运行结果: 代码如下: #include<gl/glut.h> #include<math.h> #include<windows.h> #include<vector> #include<algorithm> using namespace std; struct Point { int x, y; Point(){}; Point(int

  • OpenGL实现Bezier曲线的方法示例

    Bezier曲线的形状是通过一组多边折线(特征多边形)的各顶点唯一地定义出来的.在这组顶点中: (1)只有第一个顶点和最后一个顶点在曲线上: (2)其余的顶点则用于定义曲线的导数.阶次和形状: (3)第一条边和最后一条边则表示了曲线在两端点处的切线方向. // BezierCurve.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h"</div></div></li><li><div class=

  • OpenGL绘制Bezier曲线的方法

    本文实例为大家分享了OpenGL绘制Bezier曲线的具体代码,供大家参考,具体内容如下 项目要求: – 使用鼠标在屏幕中任意设置控制点,并生成曲线 – 使用鼠标和键盘的交互操作实现对曲线的修改. 项目总体介绍 本项目利用Bezier曲线生成算法生成可由用户自定义的曲线.可实现核心功能如下: 1.用户用鼠标左击屏幕任意处产生记录点. 2.鼠标右击屏幕任意处由先前的任意个数记录点和其先后关系生成Bezier曲线. 另有辅助输入功能: 1.按键盘'C'键可清除所有记录点. 2.按键盘'R'键可清除上

  • 使用OpenGL绘制Bezier曲线

    本文实例为大家分享了OpenGL绘制Bezier曲线的具体代码,供大家参考,具体内容如下 最近在看Francis S Hill ,Jr 和 Stephen M Kelley合著的<计算机图形学>(OpenGL版)(第三版)书中有绘制三个控制点的Bezier曲线的代码.自己重新敲了一遍代码.发现了其中的一点小错误,修正过来了.并做了一点小小的改动. 源码见下 #include <windows.h> #include <math.h> #include <gl/GL

  • OpenGL画bezier曲线

    Bezier Curve算法是根据参数曲线方程来得到光滑曲线的一种算法,曲线方程的参数由控制点决定. 其本质是由调和函数根据控制点插值而成,其参数方程如下: 其中Pi(i=0,1,-,n)为控制点的向量, Bi,n(t)为伯恩斯坦Bernstein基函数,其多项式表示为: 线性Bezier Curve由两个控制点决定: 二次Bezier Curve由三个控制点决定: 三次Bezier Curve由四个控制点决定: 如下图,t = AE:AB = BF:BC = CG:CD = EH:EF = F

  • 基于OpenGL实现多段Bezier曲线拼接

    本文实例为大家分享了OpenGL实现多段Bezier曲线拼接的具体代码,供大家参考,具体内容如下 运行程序的交互方式有点类似corelDraw中的自由曲线绘制,或者photoShop中的钢笔自由路径绘制. 截图: 将BezierCurve封装成了一个类,代码如下: #ifndef _BEZIERCURVE_H #define _BEZIERCURVE_H #include "vec3.hpp" #include <vector> #include <iostream&

  • java基于OpenGL ES实现渲染实例

    本文实例讲述了java基于OpenGL ES实现渲染的方法.分享给大家供大家参考.具体如下: 1. Run.java文件: package net.obviam.opengl; import android.app.Activity; import android.opengl.GLSurfaceView; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; public

  • Android基于OpenGL在GLSurfaceView上绘制三角形及使用投影和相机视图方法示例

    本文实例讲述了Android基于OpenGL在GLSurfaceView上绘制三角形及使用投影和相机视图方法.分享给大家供大家参考,具体如下: 定义三角形 OpenGL 允许我们使用三维坐标来定义物体.在绘制三角形前,我们需要定义它各个点的坐标.我们一般使用数组来存储各个顶点的坐标. OpenGL ES 默认 [0,0,0] (X,Y,Z) 在GLSurfaceView的中心,[1,1,0]在右上角,[-1,-1,0]在左下角. 绘制三角形 在绘制三角形之前,我们必须告诉OpenGL我们正在使用

  • Android基于OpenGL的GLSurfaceView创建一个Activity实现方法

    本文实例讲述了Android基于OpenGL的GLSurfaceView创建一个Activity实现方法.分享给大家供大家参考,具体如下: Android提供了两个基本的类让我们使用OpenGL ES API来创建和操纵图形:GLSurfaceView和 GLSurfaceView.Renderer.因此我们首先需要了解这两个类. 1. GLSurfaceView: 这是一个视图类,你可以调用OpenGL API在上面绘制图形和操纵物体,功能和SurfaceView相似.我们可以创建一个GLSu

  • 了解Android OpenGLES2.0(一)

    什么是OpenGL ES? OpenGL(全写Open Graphics Library)是指定义了一个跨编程语言.跨平台的编程接口规格的专业的图形程序接口.它用于三维图像(二维的亦可),是一个功能强大,调用方便的底层图形库. OpenGL在不同的平台上有不同的实现,但是它定义好了专业的程序接口,不同的平台都是遵照该接口来进行实现的,思想完全相同,方法名也是一致的,所以使用时也基本一致,只需要根据不同的语言环境稍有不同而已.OpenGL这套3D图形API从1992年发布的1.0版本到目前最新20

  • Android中使用TextureView播放视频

    如果你想显示一段在线视频或者任意的数据流比如视频或者OpenGL 场景,你可以用android中的SurfaceView或者TextureView做到. 1).TextureView的兄弟SurfaceView 应用程序的视频或者opengl内容往往是显示在一个特别的UI控件中:SurfaceView. SurfaceView的工作方式是创建一个置于应用窗口之后的新窗口.这种 方式的效率非常高,因为SurfaceView窗口刷新的时候不需要重绘应用程序的窗口(android普通窗口的视图绘制机制

  • Three.js快速入门教程

    引言 本文主要是讲解Three.js的相关概念,帮助读者对Three.js以及相关知识形成比较完整的理解. 近年来web得到了快速的发展.随着HTML5的普及,网页的表现能力越来越强大.网页上已经可以做出很多复杂的动画,精美的效果. 但是,人总是贪的.那么,在此之上还能做什么呢?其中一种就是通过WebGL在网页中绘制高性能的3D图形. OpenGL,WebGL到Three.js OpenGL大概许多人都有所耳闻,它是最常用的跨平台图形库. WebGL是基于OpenGL设计的面向web的图形标准,

  • Android通用流行框架大全【整理】

    Android通用流行框架大全 1. 缓存 DiskLruCacheJava实现基于LRU的磁盘缓存 2.图片加载 Android Universal Image Loader一个强大的加载,缓存,展示图片的库Picasso一个强大的图片下载与缓存的库Fresco一个用于管理图像和他们使用的内存的库Glide一个图片加载和缓存的库 3. 图片处理 Picasso-transformations一个为Picasso提供多种图片变换的库Glide-transformations一个为Glide提供多

  • Linux编程之ICMP洪水攻击

    我的上一篇文章<Linux编程之PING的实现>里使用ICMP协议实现了PING的程序,ICMP除了实现这么一个PING程序,还有哪些不为人知或者好玩的用途?这里我将介绍ICMP另一个很有名的黑科技:ICMP洪水攻击. ICMP洪水攻击属于大名鼎鼎的DOS(Denial of Service)攻击的一种,一种是黑客们喜欢的攻击手段,这里本着加深自己对ICMP的理解的目的,也试着基于ICMP写一段ICMP的洪水攻击小程序. 洪水攻击(FLOOD ATTACK)指的是利用计算机网络技术向目的主机发

随机推荐