osg for android (二) 几何物体的颜色显示以及纹理贴图

最新推荐文章于 2021-05-26 12:24:13 发布
最新推荐文章于 2021-05-26 12:24:13 发布
阅读量4.4k 收藏 9
点赞数
分类专栏： OSG for Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hai7song/article/details/40598479
版权

        上篇的代码仅仅是将图形显示，并通过gl_FragColor=vec4(0.4,0.4,0.8,1.0)，简单粗暴的上色，其实在createNode()中创建四边

形的时候有创建了几何体的纹理坐标、法线坐标和颜色坐标。下面分别讲颜色的加载和纹理的加载。

 1.颜色的加载

       颜色的加载有两种方式，一种是通过vertext shader的内建变量gl_Color直接来加载，另外一种是将颜色信息通过attribute传递到

shader里边。如下所示：

      （1）通过vertext shader的内建变量gl_Color

       vertext shader

 C++ Code 
1
2
3
4
5
6
static  const  char gVertexShader[] =
     "varying vec4 col;                                                      \n"
     "void main() {                                                          \n"
     "    col   = gl_Color;                                                  \n"
     "    gl_Position  = gl_ModelViewProjectionMatrix * gl_Vertex;           \n"
     "}                                                                      \n";

         fragment shader

 C++ Code 
1
2
3
4
5
static  const  char gFragmentShader[] =
     "varying  mediump vec4 col;                             \n"
     "void main() {                                          \n"
     "   gl_FragColor = col;                                 \n"
     "}                                                      \n";

         修改createNode()

 C++ Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
//创建一个四边形节点
osg::ref_ptr<osg::Node> OsgMainApp::createNode() {

     //创建一个叶节点对象
    osg::ref_ptr<osg::Geode> geode =  new osg::Geode();
     //创建一个几何体对象
    osg::ref_ptr<osg::Geometry> geom =  new osg::Geometry();
     //添加顶点数据 注意顶点的添加顺序是逆时针
    osg::ref_ptr<osg::Vec3Array> v =  new osg::Vec3Array();
     //添加数据
    v->push_back(osg::Vec3( 0,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  1));
    v->push_back(osg::Vec3( 0,  0,  1));

     //设置顶点数据
    geom->setVertexArray(v.get());

     //创建纹理订点数据
    osg::ref_ptr<osg::Vec2Array> vt =  new osg::Vec2Array();
     //添加纹理坐标
    vt->push_back(osg::Vec2( 0,  0));
    vt->push_back(osg::Vec2( 1,  0));
    vt->push_back(osg::Vec2( 1,  1));
    vt->push_back(osg::Vec2( 0,  1));

     //设置纹理坐标
    geom->setTexCoordArray( 0, vt.get());

     //创建颜色数组
    osg::ref_ptr<osg::Vec4Array> vc =  new osg::Vec4Array();
     //添加数据
    vc->push_back(osg::Vec4( 1,  0,  0,  1));
    vc->push_back(osg::Vec4( 0,  1,  0,  1));
    vc->push_back(osg::Vec4( 0,  0,  1,  1));
    vc->push_back(osg::Vec4( 1,  1,  0,  1));

     //设置颜色数组
    geom->setColorArray(vc.get());
     //设置颜色的绑定方式为单个顶点
    geom->setColorBinding(osg::Geometry::BIND_PER_VERTEX);
     //创建法线数组
    osg::ref_ptr<osg::Vec3Array> nc =  new osg::Vec3Array();
     //添加法线
    nc->push_back(osg::Vec3( 0, - 1,  0));
     //设置法线
    geom->setNormalArray(nc.get());
     //设置法绑定为全部顶点
    geom->setNormalBinding(osg::Geometry::BIND_OVERALL);
     //添加图元
    geom->addPrimitiveSet( new osg::DrawArrays(osg::PrimitiveSet::QUADS,  0,  4));

     //添加到叶子节点
    geode->addDrawable(geom.get());
    osg::StateSet* stateset =  new osg::StateSet;

     return geode.get();
}

        （2）将颜色信息通过attribute传递到shader里边

          vertext shader

 C++ Code 
1
2
3
4
5
6
7
static  const  char gVertexShader[] =
     "attribute vec4 a_col;                                          \n"
     "varying vec4 col;                                              \n"
     "void main() {                                                  \n"
     "    col   = a_col;                                             \n"
     "    gl_Position  = gl_ModelViewProjectionMatrix * gl_Vertex;   \n"
     "}                                                              \n";

      fragment shader代码

 C++ Code 
1
2
3
4
5
6

static  const  char gFragmentShader[] =
     "varying  mediump vec4 col;                         \n"
     "void main() {                                      \n"
     "    gl_FragColor = col;                            \n"
     "}                                                  \n";

         修改createNode()

 C++ Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
//创建一个四边形节点
osg::ref_ptr<osg::Node> OsgMainApp::createNode() {

     //创建一个叶节点对象
    osg::ref_ptr<osg::Geode> geode =  new osg::Geode();
     //创建一个几何体对象
    osg::ref_ptr<osg::Geometry> geom =  new osg::Geometry();
     //添加顶点数据 注意顶点的添加顺序是逆时针
    osg::ref_ptr<osg::Vec3Array> v =  new osg::Vec3Array();
     //添加数据
    v->push_back(osg::Vec3( 0,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  1));
    v->push_back(osg::Vec3( 0,  0,  1));

     //设置顶点数据
    geom->setVertexArray(v.get());

     //创建纹理订点数据
    osg::ref_ptr<osg::Vec2Array> vt =  new osg::Vec2Array();
     //添加纹理坐标
    vt->push_back(osg::Vec2( 0,  0));
    vt->push_back(osg::Vec2( 1,  0));
    vt->push_back(osg::Vec2( 1,  1));
    vt->push_back(osg::Vec2( 0,  1));

     //设置纹理坐标
    geom->setTexCoordArray( 0, vt.get());

     //创建颜色数组
    osg::ref_ptr<osg::Vec4Array> vc =  new osg::Vec4Array();
     //添加数据
    vc->push_back(osg::Vec4( 1,  0,  0,  1));
    vc->push_back(osg::Vec4( 0,  1,  0,  1));
    vc->push_back(osg::Vec4( 0,  0,  1,  1));
    vc->push_back(osg::Vec4( 1,  1,  0,  1));

     //设置颜色的绑定方式为单个顶点
     //geom->setVertexAttribBinding(1, osg::Geometry::BIND_PER_VERTEX);
     //geom->setVertexAttribArray(1, vc.get());//颜色的地址//不要用0，2，3
     //创建法线数组
    osg::ref_ptr<osg::Vec3Array> nc =  new osg::Vec3Array();
     //添加法线
    nc->push_back(osg::Vec3( 0, - 1,  0));
     //设置法线
    geom->setNormalArray(nc.get());
     //设置法绑定为全部顶点
    geom->setNormalBinding(osg::Geometry::BIND_OVERALL);
     //添加图元
    geom->addPrimitiveSet( new osg::DrawArrays(osg::PrimitiveSet::QUADS,  0,  4));

     //添加到叶子节点
    geode->addDrawable(geom.get());
    osg::StateSet* stateset =  new osg::StateSet;

     return geode.get();
}

           此外还得在loadModels()中的Program将颜色的地址传入

 C++ Code 
1
2
3
4

    prog->addShader(vshader);
    prog->addShader(fshader);
    prog->addBindAttribLocation( "a_col",  1);

         运行结果


2.纹理的加载

         由于之前的android,mk 中没有将jpeg的库引入，故要正确加载纹理，必须在android.mk加上-ljpeg 和 -losgdb_jpeg纹理的加

载是通过OSG中的Uniform变量来加载，注意要在sdcard中的osg文件夹放入texture.jpg文件。

      vertext shader

 C++ Code 
1
2
3
4
5
6
static  const  char gVertexShader[] =
     "varying vec2 v_texCoord;                                         \n"
     "void main() {                                                    \n"
     "    gl_Position  = gl_ModelViewProjectionMatrix * gl_Vertex;     \n"
     "    v_texCoord   = gl_MultiTexCoord0.xy;                           \n"
     "}                                                                \n";

       fragment shader

 C++ Code 
1
2
3
4
5
6
static  const  char gFragmentShader[] =
     "varying  mediump vec2 v_texCoord;                      \n"
     "uniform sampler2D sam;                                 \n"
     "void main() {                                          \n"
     "    gl_FragColor = texture2D(sam, v_texCoord);         \n"
     "}                                                      \n";

       修改createNode()

 C++ Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
//创建一个四边形节点
osg::ref_ptr<osg::Node> OsgMainApp::createNode() {

     //创建一个叶节点对象
    osg::ref_ptr<osg::Geode> geode =  new osg::Geode();
     //创建一个几何体对象
    osg::ref_ptr<osg::Geometry> geom =  new osg::Geometry();
     //添加顶点数据 注意顶点的添加顺序是逆时针
    osg::ref_ptr<osg::Vec3Array> v =  new osg::Vec3Array();
     //添加数据
    v->push_back(osg::Vec3( 0,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  0));
    v->push_back(osg::Vec3( 1,  0,  1));
    v->push_back(osg::Vec3( 0,  0,  1));

     //设置顶点数据
    geom->setVertexArray(v.get());

     //创建纹理订点数据
    osg::ref_ptr<osg::Vec2Array> vt =  new osg::Vec2Array();
     //添加纹理坐标
    vt->push_back(osg::Vec2( 0,  0));
    vt->push_back(osg::Vec2( 1,  0));
    vt->push_back(osg::Vec2( 1,  1));
    vt->push_back(osg::Vec2( 0,  1));

     //设置纹理坐标
    geom->setTexCoordArray( 0, vt.get());

     //创建颜色数组
    osg::ref_ptr<osg::Vec4Array> vc =  new osg::Vec4Array();
     //添加数据
    vc->push_back(osg::Vec4( 1,  0,  0,  1));
    vc->push_back(osg::Vec4( 0,  1,  0,  1));
    vc->push_back(osg::Vec4( 0,  0,  1,  1));
    vc->push_back(osg::Vec4( 1,  1,  0,  1));

     //设置颜色数组
    geom->setColorArray(vc.get());
     //设置颜色的绑定方式为单个顶点
    geom->setColorBinding(osg::Geometry::BIND_PER_VERTEX);
     //创建法线数组
    osg::ref_ptr<osg::Vec3Array> nc =  new osg::Vec3Array();
     //添加法线
    nc->push_back(osg::Vec3( 0, - 1,  0));
     //设置法线
    geom->setNormalArray(nc.get());
     //设置法绑定为全部顶点
    geom->setNormalBinding(osg::Geometry::BIND_OVERALL);
     //添加图元
    geom->addPrimitiveSet( new osg::DrawArrays(osg::PrimitiveSet::QUADS,  0,  4));

     //添加到叶子节点
    geode->addDrawable(geom.get());
    osg::StateSet* stateset =  new osg::StateSet;
    osg::Texture2D* texture =  new osg::Texture2D();
    texture->setDataVariance(osg::Object::DYNAMIC);
    texture->setImage(osgDB::readImageFile( "/sdcard/osg/texture.jpg"));
    osg::Uniform* samUniform =  new osg::Uniform(osg::Uniform::SAMPLER_2D,  "sam");
    samUniform->set( 0); //设置纹理单元
    stateset->addUniform(samUniform);
    stateset->setTextureAttributeAndModes( 0, texture, osg::StateAttribute::ON);

    geode->setStateSet(stateset);

     return geode.get();
}

      运行结果



3 几点注意：

       （1）由于移动平台GPU的强弱，shader中有的支持高精度的变量，有的仅支持中等精度

      vertext shader中可以不声明，默认为highp

        fragment shader必须声明，opengles 规范没有强制要求fragment shader 必须支持highp,所以如果GPU支持，宏

GL_FRAGMENT_PRECISION_HIGH肯定会被定义，所以可以用下面的语句做为shader的开始 

 C++ Code 
1
2
3
4
5
#ifdef GL_FRAGMENT_PRECISION_HIGH  
precision highp  float;  
#else  
precision mediump  float;  
#endif

     （2）由于桌面平台的闲置，shader中有些内置变量不支持（例如gl_TexCoord[x]），OpenGL ES的着色器里规范里面没有这

些变量，它们都是通过用户自定义的着色器来替代的。《OpenGL ES Programming Guide》里面有详细的讲解。嵌入式版本的规

范与计算机版本的规范存在很大的差异性。

heisenberg07
关注
专栏目录
OSG for Android新手教程系列（二）——项目配置
董小虫的专栏
06-22 5702
在上一篇教程中，主要介绍了如何把OSG源代码编译成为能够在Android项目下使用的函数库。在这一篇教程中，我将针对如何在自己的Android项目中配置OSG函数库进行详细讲解。 　　现阶段网上关于OSGfor Android的配置方式教程有很多，但是大部分在实际使用起来都会或多或少的出现一些问题，无法完全照搬，需要一定的修改。而且，对于配置中的那些变量的具体含义，也很少有人能够进行仔细的讲解。
android osg 编译_编译osg for Android
weixin_29630465的博客
12-30 245
本文最后更新于2020年8月2日 11:48，如果文章内容失效，请反馈给我们，谢谢！拉取 github 上 tag 为3.6.3版本的osgwindows上安装WSL的linux操作系统在linux 上安装 cmake make gcc g++ 等开发环境下载 android ndk 19ccmake ../ -DANDROID_NDK=/home/veyvin/Android/and...
osg android 第三方库 3rdpartyAndroid
09-07
osg android的第三方库，官网的3rdpartyAndroid迁移。加群：469468407。
osg for android (一) 简单几何物体的加载与显示
hai7song的专栏
10-27 4481
首先需要一个andr
OSG For Android的环境搭建（NDK不使用Cygwin）
l491453302的专栏
05-29 2279
首先是十分感激胥师兄的指导，我才能成功配置
osg for android 编译,OSG Android版本编译
weixin_33657398的博客
05-26 794
1、准备工作1.1、下载安装cygwin把cygwin 的del(开发)的部分装完，这个过程需要花费2-3个小时，主要是下载时间。1.2、相关工程版本OSG: 3.2.1OSG_Data_Resource: 3.0.0CMake: 2.8.12.1cygwin: make -v 3.8.1(cygwin的make工具，3.8.1版本，尝试使用make 4.0.0编译不了)NDK: andro...
osg for android 中文文字显示
11-15
【osg for android 中文文字显示】是一个关于在OpenSceneGraph（osg）库中实现Android平台上中文文字渲染的技术主题。OpenSceneGraph是一个强大的3D图形库，广泛用于游戏开发、科学可视化和虚拟现实应用。在Android...
osg（OpenSceneGraph）添加纹理
06-14
本教程将详细讲解如何在OSG中为模型添加纹理，让3D场景更加生动逼真。 首先，我们要理解纹理的基本概念。纹理可以看作是2D图像，被映射到3D模型的表面，增加视觉细节和真实感。在OSG中，纹理主要通过`osg::Texture...
OSG部件纹理贴图
06-08
总的来说，理解并掌握OSG部件纹理贴图的关键在于熟悉`osg::Texture`类的使用，理解纹理坐标、纹理过滤和环境映射等概念，以及如何通过`osg::StateSet`和`osgUtil`工具来实现复杂的纹理效果。这将有助于创建出更为...
OSG引擎在Android Studio中的移植和运行.pdf
09-21
结果显示，基于OSG的三维飞机模型在Android Studio上运行流畅，具有快速响应、高质量图形和良好的交互性。 【关键词】OSG引擎、Android Studio系统、三维模型构建 在Android平台上开发3D应用时，通常会面临性能、...
OSG 立体显示示例 红青的牛
05-07
在电脑屏幕上用红青两种颜色显示3D模型，视点位置可以自己设置，有问题可以Q我：330559934
osg设置节点颜色方法.txt
08-26
osg节点颜色设置方法，本文档提供了两种不同的osg节点颜色设置方法，其中方法一能够有效避免节点颜色受周围环境影响，使节点保持设置的颜色显示。方法二虽然方便，但是节点显示会受节点周围环境光照影响。
OSG for Android新手教程系列（四）——JNI与NDK的使用
董小虫的专栏
06-26 1835
本文针对OSG for Android项目中需要使用JNI和NDK进行了较为详细的讲解，以帮助学习者更好的理解其中的运行机制。
osg for android (三) Windows 下编译
hai7song的专栏
11-13 1624
之前编译的版本是osg3.0.1，发现使用osgText不能够正确显示文字，google之发觉是osg的一个bug，具体请看这里，想到这个版本已经是2012年的版本，故重新编译一个最新的版本(3.2.1)，在最新的版本应该有对这个bug进行修复，也因此记录下在windows编译osg for android的过程。        1.准备：        (1) 下载安装cygwin，把其
android osg 编译_osg for android 诡异之再诡异。。。
weixin_42596246的博客
01-13 203
折磨我一个多月的各种配置，各种cygwin，ndk,eclipse在生成so的时候仍然错误百出，无疾而终。于是，我放弃了。跟随者小伙伴的脚步，嗯哼，下了群里一个编译好的文件，哎呀妈呀，瞬间我是剥开了云雾，一片光明。那是扯淡的，仍然错误百出，不得其解。但是，弄明白一个事情。想玩这个osg for android,你得有个eclipse(或者其它的android开发的平台)，有个ndk,还得有osg安...
osg for android 学习之十三：android上的地球
xuhaiyan8825的专栏
08-30 3769
http://blog.sina.com.cn/s/blog_6d51719a0100m2q9.html 纹理和球不一致，要注意。 //绘制一个地球 osg::ref_ptr createEarth() {     //创建一个球体     osg::ref_ptr sd = new osg::ShapeDrawable(new osg::Sphere(osg::Vec3(0.0,0.
osg for android 学习之八：关于StateSet
xuhaiyan8825的专栏
08-22 4369
1. 定义 状态管理类 OSG 提供了一种机制，用以保存场景图形所需的OpenGL 渲染状态。在拣选遍历中，同一状态的几何体将被组合集中到一起以使状态的改变呈最小化。在绘制遍历中，状态管理代码将记录当前状态的历史轨迹，以清除冗余的渲染状态变更。 SateSet类：保存一组定义状态数据（模式和属性）。场景中任何osg::Node都可以与一个StateSet相关联。 Mod
osg for android 编译,osg for android学习之一：windows下编译(亲测通过)
weixin_34792272的博客
05-26 250
首先有个群236268456 osg for android 此文参考cookbook一书并且参考http://lists.openscenegraph.org/pipermail/osg-users-openscenegraph.org/2012-March/057074.html1. 前提我的系统是windows7 x64位英文版本(win 2008 英文版也编译通过)osg是最新版，应该是...
osg for android 编译,osgEarth - How to compile osgearth for android
weixin_33096511的博客
05-26 330
Forehead, I use cmake is using OSGGLES2 parameters, the specific approach is to throw the osgEarth and osg source together, it is best not to change osg cmakelists, then such cmake is ok, if you downl...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值