Opengl研究4.0 走样与反走样

Opengl研究4.0 走样与反走样 DionysosLai(906391500@qq.com) 2014-06-25 走样与反走样,也叫混淆与反混淆.所谓走样,是因为使用离散量(像素)表示连续量(图形)而引起的失真. 走样现象: 1. 阶梯状的图形边界如图所看到的: …

OpenGL研究2.0 计算圆 DionysosLai2014-06-18 在游戏中.常常有些地方涉及到一些圆的轨迹计算,例如一些转轴类的游戏,人物一般在角色转轴上面运动.这时,我们就要时刻计算角色的位置. 分析一下.圆位置的一般算法. 首先.例如以下图的一个圆: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRGlvbnlzb3NfbGFp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/7…

OpenGL研究3.0 多边形区域填充

OpenGL研究3.0 多边形区域填充 DionysosLai(906391500@qq.com)2014-06-22 所谓多边形区域填充.就是将多边形内部区域,所有已相同色块填充.注意:这里讨论的多边形是简单多边形(即不考虑诸如五角星这样的相交多边形).简单多边形,分为凹多边形和凸多边形. 多边形区域填充有下面几种方法: 1. 逐点扫描方法: 原理:扫描多边形区域,逐点推断点是否在多边形内. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR…

Qt 学习之路 2（26）：反走样

Qt 学习之路 2(26):反走样豆子 2012年11月12日 Qt 学习之路 2 9条评论我们在光栅图形显示器上绘制非水平.非垂直的直线或多边形边界时,或多或少会呈现锯齿状外观.这是因为直线和多边形的边界是连续的,而光栅则是由离散的点组成.在光栅显示设备上表现直线.多边形等,必须在离散位置采样.由于采样不充分重建后造成的信息失真,就叫走样:用于减少或消除这种效果的技术,就称为反走样. 反走样是图形学中的重要概念,用以防止通常所说的“锯齿”现象的出现.很多系统的绘图 API 里面都内置了有关…

NeHe OpenGL教程第四十六课：全屏反走样

转自[翻译]NeHe OpenGL 教程前言声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线教程的编写,以及yarn的翻译整理表示感谢. NeHe OpenGL第四十六课:全屏反走样全屏反走样当今显卡的强大功能,你几乎什么都不用做,只需要在创建窗口的时候该一个数据.看看吧,驱动程序为你做完了一切. 在图形的绘制中,直线的走样是非常影响美观的,我们可以使用反走样解决这个问题.在众多的…

OpenGL（十八）顶点数组和抗锯齿（反走样）设置

顶点数组函数可以在一个数组里包含大量的与顶点相关的数据,并且可以减少函数的调用.使用顶点数组需要先启用顶点数组功能,使用glEnableClientState函数启用顶点数组,参数可以是GL_VERTEX_ARRAY(顶点数据)和GL_COLOR_ARRAY(颜色数组),颜色数组可以为每个顶点分别分配颜色. glVertexPointer (GLint size, GLenum type, GLsizei stride, const GLvoid *pointer); 第一个参数size,代表顶…

Simple2D-23（重构）反走样几何图形

以前 Simple2D 使用 Canvas2D 对象来绘制几何图形,而且渲染出来的几何图形存在明显的锯齿.如果想要抗锯齿的几何图形,则需要开启 OpenGL 的 MSAA,这需要很大的开销. 如果不使用 MSAA,如何实现反走样的几何图形呢?如果在网上查一查的话,很多的文章都在讲反走样直线的实现,很难找到反走样多边形的实现.不过,你可以在 ImGui 中发现反走样的直线和多边形.于是,我就看了 ImGui 的源码,探究 ImGui 使用什么算法实现反走样的.可以发现 ImGui 并没有使用图元 …

Wu反走样算法绘制圆（C++/MFC实现）

Wu反走样圆原理:参考Bresenham算法,在主位移过程中计算出离理想圆最近的两个点,赋予不同的亮度值,绘制像素点即可! MFC 中CXXXView类中添加函数: //Wu算法画反走样圆 void CMy3_4View::OnwuCir() { // TODO: Add your command handler code here yoci5 dlg;//定义对话框对象 yoci5:对话框类 if(IDOK==dlg.DoModal()) { int y=dlg.m_R;//对话框输入半径…

Wu反走样算法绘制直线段

Wu反走样算法原理:在我看来,Wu反走样算法是在Bresenham算法基础上改进了一番,它给最靠近理想直线/曲线的两个点以不同的亮度值,以达到模糊锯齿的效果.因为人眼看到的是线附近亮度的平均值. MFC 中给CXXXView类添加函数 void CMy3_4View::wuLine(CPoint p0, CPoint p1) { //自定义二维坐标系 CDC *pDC = GetDC(); CRect rect; GetClientRect(&rect); pDC->SetMapMode(…

qt反走样（简选）

# -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' #qt反走样(简选) #概念 """ 在光栅图形显示器上绘制非水平.非垂直的直线或多边形边界时,或多或少会呈现锯齿状外观.这是因为直线和多边形的边界是连续的,而光栅则是由离散的点组成.在光栅显示设备上表现直线.多边形等,必须在离散位置采样.由于采样不充分重建后造成的信息失真, 就叫走样:用于减少或消除这种效果的技术,就称为反走样 "…

openGL研究钞四：关于颜色，尺寸，虚线，多边形逆转，空洞，使用位图

转载请保留源,,,,hushuai1992http://blog.csdn.net/u013642494/article/category/2675731 额. 这个标题我都不知道该怎么起了. 假设没有标题. 请不要在意这些细节. .... 我们看看上次我们画的点.以及线, 我们似乎忘了说怎样设置点的大小( 哦. 不正确, 我似乎是说了后面来说的....). 如今我们来看看一设置点的大小和线的粗细 void glPointSize (GLfloat size);//设置点的大小, 默觉…

在 OpenGL ES 2.0 上实现视差贴图(Parallax Mapping)

在 OpenGL ES 2.0 上实现视差贴图(Parallax Mapping) 视差贴图最近一直在研究如何在我的 iPad 2(只支持 OpenGL ES 2.0, 不支持 3.0) 上实现视差贴图(Parallax Mapping) 和位移贴图(Displacement Mapping). 经过一番研究, 搜索阅读了不少文章, 终于确定, OpenGL ES 2.0 可以支持视差贴图, 不过暂时还没什么好办法支持位移贴图. 因为就我目前所了解的位移贴图, 有这么两种方法来实现,…

OpenGL ES 2.0 Shader 调试新思路(二): 做一个可用的原型

OpenGL ES 2.0 Shader 调试新思路(二): 做一个可用的原型目录背景介绍请参考前文OpenGL ES 2.0 Shader 调试新思路(一): 改变提问方式优化 ledChar 函数前文中我们写了一个可以用来显示 1~0 10个数字字型的函数, 不过回头看看, 发现这个函数有些不太好阅读, 为方便讨论, 把该函数的代码拷贝在下面: void ledChar(int,float,float,float,float); // 构造数字 void ledChar(int n…

【AR实验室】OpenGL ES绘制相机（OpenGL ES 1.0版本）

0x00 - 前言之前做一些移动端的AR应用以及目前看到的一些AR应用,基本上都是这样一个套路:手机背景显示现实场景,然后在该背景上进行图形学绘制.至于图形学绘制时,相机外参的解算使用的是V-SLAM.Marker-Based还是GPS的方法,就不一而足了. 所以说要在手机上进行现实场景的展现也是目前AR应用一个比较重要的模块.一般来说,在移动端,基本上都是使用OpenGL ES进行绘制.所以我们优先考虑使用OpenGL ES进行相机的绘制.当然,有些应用直接利用iOS的UIImage进行相机…

Beginning OpenGL ES 2.0 with GLKit Part 1

Update 10/24/12: If you’d like a new version of this tutorial fully updated for iOS 6 and Xcode 4.5, check out iOS 5 by Tutorials Second Edition! Note from Ray: This is the fourth iOS 5 tutorial in the iOS 5 Feast! This tutorial is a free preview cha…

OpenGL ES 3.0 基础知识

首先要了解OpenGL的图形管线有哪些内容,再分别去了解其中的相关的关系: 管线分别包括了顶点缓冲区/数组对象,定点着色器,纹理,片段着色器,变换反馈,图元装配,光栅化,逐片段操作,帧缓冲区.其中顶点着色器和片段着色器是管线的可编程阶段. 顶点着色器其实现了顶点操作的通用可编程方法,其的输入包括了如下: 着色器程序-描述顶点上执行操作的顶点着色器程序源代码或者可执行程序么,其实就是那个glsl的文件. 顶点着色器输入(或者属性)-用顶点数组提供的每个顶点的数据,应该是着色器程序语言中的那个at…

OpenGL ES 3.0 点，线，三角形绘制形式总结

OpenGL ES 3.0 顶点 -1, 1, 0, -0.5f, 0, 0, 0, -1, 0, -1, 0, 0, 0.5f, 0, 0, 1, -1, 0 顶点设置成了大小20 public static final String vertex3 = "#version 300 es \n" + "uniform mat4 uMVPMatrix;\n" + "layout(location = 0) in v…

Android OpenGL ES 3.0 纹理应用

本文主要演示OpenGL ES 3.0 纹理演示.接口大部分和2.0没什么区别,脚本稍微有了点变化而已. 扩展GLSurfaceView package com.example.gles300; import android.app.ActivityManager; import android.content.Context; import android.content.pm.ConfigurationInfo; import android.opengl.GLSurfaceView; im…

OpenGL ES 2.0 混合

混合技术混合技术就是将俩个片元调和,主要用于将通过各项测试准备进入帧缓冲的片元(源片元)与原有片元按照设定的比例加权计算出最终片元的颜色值. OpenGL ES 2.0中是通过设置混合因子来指定两个片元的加权比例的. 经过加权计算后,最终片元的某些通道值可能会超过1.0,此时渲染管线会自动执行截取操作,将大于1.0的通道值设置为1.0 OpenGL ES系统预置因子值常量名 RGB混合因子 A混合因子 GL_ZERO [0,0,0] 0 GL_ONE [1,1,1] 1 GL_SRC_COL…

WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起

WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化. 显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等.…

利用JNI技术在Android中调用C++形式的OpenGL ES 2.0函数

1. 打开Eclipse,File-->New-->Project…-->Android-->AndroidApplication Project,Next-->Application Name:FillTriangle, PackageName:com.filltriangle.android,Minimum Required SDK:API 10Android2.3.3(Gingerbread),Next-->不勾选Create cu…

[置顶] 使用Android OpenGL ES 2.0绘图之五：添加运动

传送门 ☞ 系统架构设计 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229 传送门 ☞ GoF23种设计模式 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229 在屏幕上绘制图像对于OpenGL来说只是一个非常基本的功能,你也可以使用其它的Android图形框架类来实现,比如使用Canvas和Drawable对象.但是OpenGL ES确有过人之处,它支持在三维空间上移动和变换绘制对象,或以其它独特的方式来创造极好的用…

OpenGL ES 2.0 渲染管线学习笔记

图中展示整个OpenGL ES 2.0可编程管线图中Vertex Shader和Fragment Shader 是可编程管线: Vertex Array/Buffer objects 顶点数据来源,这时渲染管线的顶点输入,通常使用 Buffer objects效率更好. Vertex Shader 顶点着色器通过矩阵变换位置.计算照明公式来生成逐顶点颜色已经生成或变换纹理坐标等基于顶点的操作. Primitive Assembly 图元装配经过着色器处理之后的顶点在图片装配阶段被装配为基本图元…

【Android 应用开发】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器片元着色器使用详解

最近开始关注OpenGL ES 2.0 这是真正意义上的理解的第一个3D程序 , 从零开始学习 . 案例下载地址 : http://download.csdn.net/detail/han1202012/6651095 需要SDK-10 版本2.3.3 . 作者 :万境绝尘转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. 程序介绍 1. 样例展示该程序打开之后会出现一个旋转的三角形, 该三角形一…

OpenGL ES 2.0 Shader 调试新思路(一): 改变提问方式

OpenGL ES 2.0 Shader 调试新思路(一): 改变提问方式 --是什么(答案是具体值) VS 是不是(答案是布尔值) 目录背景介绍问题描述 Codea 是 iPad 上的一款很方便的开发软件, 尤其是它支持 OpenGL ES 2.0/3.0, 支持着色器 shader, 可以直接写代码操纵 GPU. 不过也有不太方便的地方, 那就是在 Codea 上写 OpenGL ES 2.0 Shader 代码的时候发现跟踪 shader 内部使用的变量特别困难, 因为 GPU 就像一…

OpenGL ES 3.0 and libGLESv2

note that libGLESv2 is the recommended Khronos naming convention for the OpenGL ES 3.0 library. This is the same name as the OpenGL ES 2.0 library. The names match because OpenGL ES 3.0 is backward compatible with OpenGL ES 2.0; thus the same library…

《OpenGL® ES™ 3.0 Programming Guide》读书笔记1 ----总览

OpenGL ES 3.0 Graphics Pipeline OpenGL ES 3.0 Vertex Shader Transform feedback: Additionally, OpenGL ES 3.0 adds a new feature called transform feedback, which allows the vertex shader outputs to be selectively written to an output buffer (in additio…