android opengl es 蒙版效果

2023-12-16 22:08
文章标签 android es 效果 蒙版 opengl

本文主要是介绍android opengl es 蒙版效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

呃，其实都是纹理的基本使用方法。只是多了下面这两行代码

gl.glBlendFunc(GL10.GL_DST_COLOR, GL10.GL_ZERO);

gl.glBlendFunc(GL10.GL_ONE, GL10.GL_ONE);

不多说了，看代码。


(1)Activity类

 

 

package sim.feel;

import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.opengl.GLSurfaceView;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Window;
import android.view.WindowManager;

public class Mask extends Activity {
    private MyRenderer myRenderer = new MyRenderer();
    private GLSurfaceView glSurfaceView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 设置无标题栏
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        // 设置全屏显示
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        LoadImage.load(getResources());
        glSurfaceView = new GLSurfaceView(this);
        glSurfaceView.setRenderer(myRenderer);
        setContentView(glSurfaceView);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        return myRenderer.onKeyDown(keyCode, event);
    }
}

// 载入图片
class LoadImage {
    public static Bitmap image1;
    public static Bitmap image2;
    public static Bitmap logo;
    public static Bitmap mask1;
    public static Bitmap mask2;

    public static void load(Resources res) {
        image1 = BitmapFactory.decodeResource(res, R.drawable.image1);
        image2 = BitmapFactory.decodeResource(res, R.drawable.image2);
        logo = BitmapFactory.decodeResource(res, R.drawable.logo);
        mask1 = BitmapFactory.decodeResource(res, R.drawable.mask1);
        mask2 = BitmapFactory.decodeResource(res, R.drawable.mask2);
    }
}


(2)Renderer类

 

package sim.feel;

import java.nio.ByteBuffer;
import java.nio.ByteOrder;
import java.nio.FloatBuffer;
import java.nio.IntBuffer;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

import android.opengl.GLSurfaceView.Renderer;
import android.opengl.GLUtils;
import android.view.KeyEvent;

public class MyRenderer implements Renderer {
    // 是否使用“掩码”
    private boolean masking = true;
    // 绘制一个场景
    private boolean scene;
    // 保存5个纹理标志
    private int texture[] = new int[5];
    // 滚动纹理
    private float roll;
    // vertex
    private float[] vertex = new float[12];
    // vertexBuffer
    private FloatBuffer vertexBuffer;
    // texCoord
    private float texCoord[] = new float[8];
    // texCoordBuffer
    private FloatBuffer texCoordBuffer;

    // LoadBuffer
    public void loadBuffer() {
        ByteBuffer vertexByteBuffer = ByteBuffer
                .allocateDirect(vertex.length * 4);
        vertexByteBuffer.order(ByteOrder.nativeOrder());
        vertexBuffer = vertexByteBuffer.asFloatBuffer();
        vertexBuffer.put(vertex);
        vertexBuffer.position(0);

        ByteBuffer texCoordByteBuffer = ByteBuffer
                .allocateDirect(texCoord.length * 4);
        texCoordByteBuffer.order(ByteOrder.nativeOrder());
        texCoordBuffer = texCoordByteBuffer.asFloatBuffer();
        texCoordBuffer.put(texCoord);
        texCoordBuffer.position(0);
    }

    // 加载纹理
    public void loadTexture(GL10 gl) {
        // 启用纹理
        gl.glEnable(GL10.GL_TEXTURE_2D);
        // 创建纹理
        IntBuffer textureBuffer = IntBuffer.allocate(5);
        gl.glGenTextures(5, textureBuffer);
        texture = textureBuffer.array();

        // 绑定纹理
        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[0]);
        // 生成纹理
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, LoadImage.image1, 0);
        // 线性滤波
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER,
                GL10.GL_LINEAR);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER,
                GL10.GL_LINEAR);

        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[1]);
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, LoadImage.image2, 0);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER,
                GL10.GL_LINEAR);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER,
                GL10.GL_LINEAR);

        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[2]);
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, LoadImage.logo, 0);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER,
                GL10.GL_LINEAR);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER,
                GL10.GL_LINEAR);

        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[3]);
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, LoadImage.mask1, 0);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER,
                GL10.GL_LINEAR);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER,
                GL10.GL_LINEAR);

        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[4]);
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, LoadImage.mask2, 0);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER,
                GL10.GL_LINEAR);
        gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER,
                GL10.GL_LINEAR);
    }

    @Override
    public void onDrawFrame(GL10 gl) {
        // loadBuffer
        loadBuffer();
        // 清除深度缓存与屏幕
        gl.glClear(GL10.GL_DEPTH_BUFFER_BIT | GL10.GL_COLOR_BUFFER_BIT);

        // 选择Logo纹理
        gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[2]);
        // 开启顶点纹理设置
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
        gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
        // 给texCoordBuffer与vertexBuffer设置顶点
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer);
        gl.glTexCoordPointer(2, GL10.GL_FLOAT, 0, texCoordBuffer);
        gl.glLoadIdentity();
        // 向屏幕里移入2个单位
        gl.glTranslatef(0.0f, 0.0f, -2.0f);
        // 呃，还要沿x旋转180度图片才是正的，烦o(-"-)o
        gl.glRotatef(180, 1.0f, 0.0f, 0.0f);

        // 下面代码绘制一个3*3即9个正方形，并为它描上纹理
        // texCoordBuffer put
        texCoordBuffer.clear();
        texCoordBuffer.put(0.0f);
        texCoordBuffer.put(-roll + 0.0f);

        texCoordBuffer.put(3.0f);
        texCoordBuffer.put(-roll + 0.0f);

        texCoordBuffer.put(0.0f);
        texCoordBuffer.put(-roll + 3.0f);

        texCoordBuffer.put(3.0f);
        texCoordBuffer.put(-roll + 3.0f);

        // 我的理解为以-2到-1,-1到0,0到1这些点来组成每个正方体
        // vertexBuffer put
        vertexBuffer.clear();
        vertexBuffer.put(-1.1f);
        vertexBuffer.put(-1.1f);
        vertexBuffer.put(0.0f);

        vertexBuffer.put(1.1f);
        vertexBuffer.put(-1.1f);
        vertexBuffer.put(0.0f);

        vertexBuffer.put(-1.1f);
        vertexBuffer.put(1.1f);
        vertexBuffer.put(0.0f);

        vertexBuffer.put(1.1f);
        vertexBuffer.put(1.1f);
        vertexBuffer.put(0.0f);

        // 正式绘制了
        gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);

        // 启用混合和禁用深度测试
        gl.glEnable(GL10.GL_BLEND);
        gl.glDisable(GL10.GL_DEPTH_TEST);
        // 是否启用"掩码"，其实就是由图片组成的一个纹理，这里是texture[4]对应mask2.png
        if (masking) {
            // 使用黑白"掩码"(texture[4])混合屏幕颜色
            gl.glBlendFunc(GL10.GL_DST_COLOR, GL10.GL_ZERO);
        }

        // 绘制那一层为true绘制第二层，否则绘制第一层
        if (scene) {
            // 移入屏幕1个单位
            gl.glTranslatef(0.0f, 0.0f, -1.0f);
            // 沿Z轴旋转
            gl.glRotatef(roll * 360, 0.0f, 0.0f, 0.0f);

            // "掩码是否打开"
            if (masking) {
                // 选择一个"掩码"
                gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[4]);
                texCoordBuffer.clear();
                texCoordBuffer.put(0.0f);
                texCoordBuffer.put(0.0f);

                texCoordBuffer.put(1.0f);
                texCoordBuffer.put(0.0f);

                texCoordBuffer.put(0.0f);
                texCoordBuffer.put(0.1f);

                texCoordBuffer.put(1.0f);
                texCoordBuffer.put(1.0f);

                vertexBuffer.clear();

                vertexBuffer.put(-1.1f);
                vertexBuffer.put(-1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(1.1f);
                vertexBuffer.put(-1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(-1.1f);
                vertexBuffer.put(1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(1.1f);
                vertexBuffer.put(1.1f);
                vertexBuffer.put(0.0f);

                gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
            }
            // 如果没有选择掩码，我们的图像将与屏幕颜色混合
            // 反纹理2复制到屏幕
            gl.glBlendFunc(GL10.GL_ONE, GL10.GL_ONE);
            // 选择第二个纹理
            gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[1]);

            texCoordBuffer.clear();
            texCoordBuffer.put(0.0f);
            texCoordBuffer.put(0.0f);

            texCoordBuffer.put(1.0f);
            texCoordBuffer.put(0.0f);

            texCoordBuffer.put(0.0f);
            texCoordBuffer.put(0.1f);

            texCoordBuffer.put(1.0f);
            texCoordBuffer.put(1.0f);

            vertexBuffer.clear();

            vertexBuffer.put(-1.1f);
            vertexBuffer.put(-1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(1.1f);
            vertexBuffer.put(-1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(-1.1f);
            vertexBuffer.put(1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(1.1f);
            vertexBuffer.put(1.1f);
            vertexBuffer.put(0.0f);
            // 绘制啦
            gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
        } else {
            if (masking) {
                // 选择一个"掩码"
                gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[3]);
                texCoordBuffer.clear();
                texCoordBuffer.put(roll + 0.0f);
                texCoordBuffer.put(0.0f);

                texCoordBuffer.put(roll + 4.0f);
                texCoordBuffer.put(0.0f);

                texCoordBuffer.put(roll + 0.0f);
                texCoordBuffer.put(4.0f);

                texCoordBuffer.put(roll + 4.0f);
                texCoordBuffer.put(4.0f);

                vertexBuffer.clear();

                vertexBuffer.put(-1.1f);
                vertexBuffer.put(-1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(1.1f);
                vertexBuffer.put(-1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(-1.1f);
                vertexBuffer.put(1.1f);
                vertexBuffer.put(0.0f);

                vertexBuffer.put(1.1f);
                vertexBuffer.put(1.1f);
                vertexBuffer.put(0.0f);

                gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
            }
            // 如果没有选择掩码，我们的图像将与屏幕颜色混合
            // 反纹理2复制到屏幕
            gl.glBlendFunc(GL10.GL_ONE, GL10.GL_ONE);
            // 选择第二个纹理
            gl.glBindTexture(GL10.GL_TEXTURE_2D, texture[0]);

            texCoordBuffer.clear();
            texCoordBuffer.put(roll + 0.0f);
            texCoordBuffer.put(0.0f);

            texCoordBuffer.put(roll + 4.0f);
            texCoordBuffer.put(0.0f);

            texCoordBuffer.put(roll + 0.0f);
            texCoordBuffer.put(4.0f);

            texCoordBuffer.put(roll + 4.0f);
            texCoordBuffer.put(4.0f);

            vertexBuffer.clear();

            vertexBuffer.put(-1.1f);
            vertexBuffer.put(-1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(1.1f);
            vertexBuffer.put(-1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(-1.1f);
            vertexBuffer.put(1.1f);
            vertexBuffer.put(0.0f);

            vertexBuffer.put(1.1f);
            vertexBuffer.put(1.1f);
            vertexBuffer.put(0.0f);
            // 又绘制了，呃。。。。
            gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
        }

        // 启用深度测试
        gl.glEnable(GL10.GL_DEPTH_TEST);
        // 禁用混合
        gl.glDisable(GL10.GL_BLEND);

        // 关闭顶点纹理设置
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
        gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);

        gl.glFinish();

        roll += 0.002f;
        if (roll > 1.0f) {
            roll -= 1.0f;
        }
    }

    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        gl.glViewport(0, 0, width, height);
        if (height == 0) {
            height = 1;
        }
        float ratio = (float) width / height;
        gl.glMatrixMode(GL10.GL_PROJECTION);
        gl.glLoadIdentity();
        gl.glFrustumf(-ratio, ratio, -1, 1, 1, 100);
        gl.glMatrixMode(GL10.GL_MODELVIEW);
        gl.glLoadIdentity();
    }

    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig arg1) {
        // 加载纹理
        loadTexture(gl);
        // 黑色背景
        gl.glClearColor(0, 0, 0, 0);
        // 阴影平滑
        gl.glShadeModel(GL10.GL_SMOOTH);
        // 启用深度测试
        gl.glEnable(GL10.GL_DEPTH_TEST);
        // 建立深度缓存
        gl.glClearDepthf(1.0f);
        // 精细修正
        // gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);
    }

    public boolean onKeyDown(int keyCode, KeyEvent event) {
        switch (keyCode) {
        case KeyEvent.KEYCODE_DPAD_UP:
            masking = true;
            break;
        case KeyEvent.KEYCODE_DPAD_DOWN:
            masking = false;
            break;
        case KeyEvent.KEYCODE_DPAD_RIGHT:
            scene = true;
            break;
        case KeyEvent.KEYCODE_DPAD_LEFT:
            scene = false;
            break;
        }
        return true;
    }
}

 

效果图:

 

这篇关于android opengl es 蒙版效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/502059。

相关文章

通过React实现页面的无限滚动效果

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢？... 目录1. 早期的解决方案2. 交叉观察者：IntersectionObserver2.1 Inter
阅读更多...
Android实现图片浏览功能的示例详解(附带源码)

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码
阅读更多...
在Android中使用WebView在线查看PDF文件的方法示例

在Android中使用WebView在线查看PDF文件的方法示例

《在Android中使用WebView在线查看PDF文件的方法示例》在Android应用开发中,有时我们需要在客户端展示PDF文件,以便用户可以阅读或交互,：本文主要介绍在Android中使用We... 目录简介：1. WebView组件介绍2. 在androidManifest.XML中添加Interne
阅读更多...
Android协程高级用法大全

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域（CoroutineScope）与生命周期绑定Activity/Fragment 中手
阅读更多...
Android 缓存日志Logcat导出与分析最佳实践

Android 缓存日志Logcat导出与分析最佳实践

《Android缓存日志Logcat导出与分析最佳实践》本文全面介绍AndroidLogcat缓存日志的导出与分析方法,涵盖按进程、缓冲区类型及日志级别过滤,自动化工具使用,常见问题解决方案和最佳实... 目录android 缓存日志（Logcat）导出与分析全攻略为什么要导出缓存日志？按需过滤导出1. 按
阅读更多...
Android Paging 分页加载库使用实践

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.
阅读更多...
SpringBoot整合(ES)ElasticSearch7.8实践

SpringBoot整合(ES)ElasticSearch7.8实践

《SpringBoot整合(ES)ElasticSearch7.8实践》本文详细介绍了SpringBoot整合ElasticSearch7.8的教程,涵盖依赖添加、客户端初始化、索引创建与获取、批量插... 目录SpringBoot整合ElasticSearch7.8添加依赖初始化创建SpringBoot项
阅读更多...
Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理；Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期
阅读更多...
Android ClassLoader加载机制详解

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class
阅读更多...
Android DataBinding 与 MVVM使用详解

Android DataBinding 与 MVVM使用详解

《AndroidDataBinding与MVVM使用详解》本文介绍AndroidDataBinding库,其通过绑定UI组件与数据源实现自动更新,支持双向绑定和逻辑运算,减少模板代码,结合MV... 目录一、DataBinding 核心概念二、配置与基础使用1. 启用 DataBinding 2. 基础布局
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2