shengdaVolleyball的博客

OpenGL ES 纹理加载图片的几种翻转方式1、补充前面的渲染1.1、着色器渲染过程在渲染过程中，必须存储2中着色器，分别是顶点着色器、片元着色器。顶点着色器是第一个着色器、片元着色器是最后一个。顶点着色器中处理顶点、片元着色器处理像素点颜色。渲染流程图创建顶点 通过顶点着色器渲染 通过指定方式连接顶点，组成几何图形 光栅化：确定像素点在屏幕上绘制的位置，然后这些片段由片元着色器处理（输入给片元着色器） 光栅化阶段生成每个片元执行这个着色器 最终呈现出图形...

https://www.ixueshu.com/document/f2f5be57efaaad68.htmlOpenGL ES - EGL 探索OPenGL ES（OPenGL for Embedded Systems）是以手持和嵌入式为目标的高级3D图形应用程序API。支持多个平台：iOS、Andriod、BlackBerry、bada、Linux、Windows。OPenGL 和 OPenGL ES 的基本概念和历史OPenGL ES 1.x : 针对固定功能流水管线硬件 OP..

OPenGL ES - 简介、iOS中GLKit简单应用一、OPenGL ES1、简介：OpenGL ES 是以手持和嵌入式为目标的高级的3D图形应用程序编程接口（API），OpenGL ES 是目前智能手机中占据统治地位的图形API，支持的平台有iOS、Andriod，BlackBerry，bada，Linux，Windows。OpenGL 和 OpenGL ES 其实是一套标准，是跨平台的，并没有提供载体。所以在对应的平台需要提供对应的载体用于实现。1.1、OpenGL ...

混合OpenGL 渲染时会把颜色存在颜色缓冲区中，每个片段的深度值也是放在深度缓冲区。当深度缓冲区被关闭时，新的颜色将简单的覆盖原来颜色缓冲区存在的颜色值。当深度缓冲区再次打开时，新的颜色片段只是当他们比原来的值更接近临近的裁剪屏幕才会替换原来的颜色片段//开启混合gl_Enable(GL_BIEND);1、颜色混合目标颜色：已经存储在颜色缓存区的颜色值(已经存在的颜色，旧颜色)源颜色：作为当前渲染命令结果进入颜色缓冲区的颜色（新进来的颜色，新颜色）（颜色混合可以.

OpenGL 正背面剔除、深度缓冲区详细代码参见Demo 甜甜圈 demoDemo地址 -> OpenGLDemos -> 3.donuts 1、隐藏面消除在绘制3D场景时，我们需要决定哪些部分是对观察者可见的，或者哪些部分是不可见的。对于不可见的部分，应该丢弃。这种丢弃不可见部分的做法叫 -- 隐藏面消除方案：1.1、油画算法油画算法的思路是，先绘制离观察者最远的物体，然后依次类推，直到绘制完毕。如下图，先绘制红色部分，再绘制黄色部分，最后再绘制...

OpenGL 金字塔 与 矩阵堆栈详细代码参见Demo 离屏渲染Demo地址 -> OpenGLDemos -> 2、金字塔代码解析：头文件#include <stdio.h>#include "GLTools.h"#include "GLMatrixStack.h"#include "GLFrame.h"#include "GLFrustum.h"#include "GLGeometryTransform.h"#include &l...

OpenGL 渲染架构1、渲染架构顶点着色器、片元着色器，可以自定义编程图元装配、渲染，是我们不可以控制的1.1、渲染流程1、设置顶点数据和其他参数2、在定点着色器中进行运算的到裁剪的坐标3、细分着色器、几何着色器，不可自定义。4、图元设置，根据设置构成点、线、三角形。5、裁剪，裁剪掉超出显示区域的部分。6、光栅化，将图源栅格化为一个个的像素点。7、片元着色器，将应对的栅格（像素）填充为具体的颜色8、渲染图像。1.2、参数类型将数据传给顶点着色..

离屏渲染：前面分析我们知道，iOS的渲染流程：主要流程：Core Animation 提交会话，包括自己和子树的layout 状态等（CPU进行解压计算等操作）RenderServer 解析提交的子树状态，生成绘制指令GPU 执行绘制指令显示渲染后的数据详细代码参见Demo 离屏渲染Demo地址 -> OpenGL -> iOSOpenGLDemos1、离屏渲染简单的可以理解为一帧的画面是有多个渲染图层合并的结果，在这些图层合并到帧缓冲区之前，需要...

iOS渲染流程目录1、基础流程介绍 2、GPU图形渲染流水线 3、iOS 下的渲染框架 4、CoreAnimation 渲染面试的过程中经常会遇到类似这样的面试题：APP 从点击屏幕 到完全渲染，中间发生了什么？ 一个UIImageView 添加到视图上以后，内部是如何渲染到手机上的。流程是是什么？ 如果接解决tableView 有多个cell 的卡顿问题？iOS的渲染视图的核心是Core Animation其渲染层次依次为：图层树 -> 呈现树 -> 渲..

OpenGL 渲染的基础大纲：1、CPU 和 GPU2、计算机渲染原理3、屏幕成像与卡顿情况1、CPU 和 GPU1.1、CPU（Central Processing Unit）现代计算机整个系统的运算核心、控制核心。处理依赖性非常高的事情Control控制单元、ALU有一部分运算单元、Cache显存1.2、GPU（Graphics Processing Unit）可进行绘图运算工作的专用微处理器，是连接计算机和显示终端的纽带处理依赖性非常低的事情，因为有非常多.

OpenGL - 基本用法介绍#include "GLShaderManager.h"/* `#include<GLShaderManager.h>` 移入了GLTool 着色器管理器（shader Mananger）类。没有着色器，我们就不能在OpenGL（核心框架）进行着色。着色器管理器不仅允许我们创建并管理着色器，还提供一组“存储着色器”，他们能够进行一些初步䄦基本的渲染操作。 */#include "GLTools.h"/* `#include<GLTool.

OpenGL - Mac 上的环境配置准备资料：CLTools glew libGLTools.a资源地址可以去我上传的GitHub上下载地址 -> OpenGL -> 1、配置文件 一、配置过程1、打开xcode -> macOS -> Cocoa Application2、添加OpenGL.framwork 和 GLUT.framework 两个系统库3、添加CLTools.h ，glew.h在Bulid Se...

OpenGL - 坐标系1、笛卡尔坐标1.1、2D笛卡尔坐标系平面坐标系，只有X 和 Y轴1.2、3D笛卡尔坐标系立体坐标系，有X Y轴还有Z 轴。形成立体3D图形2、视口在用户窗口中显示的大小，可以和原内容大小相同也可以不同3、投影光源的发出点称为 投影中心； 投影中心与物体上各点的连线称为 投影线； 接受投影的面，称为 投影面； 过物体上各点的投影线与投影面的交点称为这些点的投影。 投影分为 中心投影 和 平行投影 两大类。...

1、OpenGL - 专业名词解析业界常说的两本书：红宝书： 《OpenGL编程指南》蓝宝书：《OpenGL超级宝典》1、图形API1.1、OpenGL（Open Graphics Library）是一个夸编辑语言、跨平台的编程图形程序接口。他将计算机的资源抽象成为一个OpenGL的对象，对这些资源的操作抽象为一个个的OpenGL的指令。主要针对的是在PC 端解决图像渲染1.2、OpenGL ES（OpenGL for Embedded Systems）是Ope...

开发Packages和插件常用命令Flutter三方的工具有两种。一种是插件（Plugin），一种是包（Package）。这两种差别在于Plugin不仅包含了Dart代码，还包含了iOS以及安卓的原生代码，比如常用的image_picker。那么Package就仅仅是Dart代码库。Package开发命令创建Dart包flutter create --template=package 'package_name'发布Dart包检查包flutter packages.

FlutterEngine 引擎下载引擎代码工具准备Chromium提供的部署工具depot_toolsgit clone https://chromium.googlesource.com/chromium/tools/depot_tools.gitgitHub配置SSH错误提示git@github.com: Permission denied (publickey).fatal: Could not read from remote repository.Pleas

首先Dart是一门单线程的语言，那么Dart对异步操作对支持，可以使我们在编写Dart程序时可以异步的来执行耗时操作。从而可以在等待一个操作完成的同时进行别的操作以下是一些常见的异步操作： 通过网络获取数据。 写入数据库。 从文件读取数据。 要在Dart中执行异步操作，可以使用Future类和async和await关键字。#Dart的事件循环(event loop)在Dart中，实际上有两种队列： 事件队列(event queue)，包含所有的外来事件：I/O、.

混合开发（三）iOS原生调用FlutterFlutter 项目 调用一些原生的功能！用的比较多的就是第三方插件，因为比较简单官方 《Flutter实战》 原生项目中部分页面使用Flutter，这种也是比较常见的。FLutter本身定位的是开发一个完整的App应用。所以要是只让其做成一个页面的话有些功能是不支持的。Flutter本身有自己的渲染引擎，如果是小项目用Flutter就不划算，只有非常大型的项目将其部分或者全部页面用Flutter来实现。详细代码参见DemoDemo地.

Flutter - 混合开发（二）Flutter使用第三方插件访问相册详细代码参见DemoDemo地址 -> wechat_demo前面文章 9、Flutter - 项目实战 - 仿微信（三）我的页面 中最后提到头像从相册或拍照来实现变更的功能没有做，今天就来把项目实战中的 wechat_demo 中的调用相册变更头像实现一下使用一个Flutter第三方插件image_picker注意：当重新导入与原生相关的第三方插件时（例如访问相册、地图定位）...

混合开发详细代码参见DemoDemo地址 -> flutter_testdemo7混合开发总共两种1、Flutter 项目调用原生的某些功能2、原生项目里面包含 Flutter模块不建议Flutter 和 原生来回切换，1、性能损耗2、内存的泄露 开启了一个Flutter的页面！开辟了8M的内存空间，但是销毁的时候只销毁了2M，是很占内存的所以不要多开Flutter的页面Flutter 定义是一个单独的APP与原生的通讯交互需要通过通道 channe...