hb707934728-CSDN博客

原创 opengl shader 在线学习文档

https://thebookofshaders.com/?lan=chhttps://thebookofshaders.com/?lan=ch

2019-06-10 18:50:01 589

转载深入浅出理解视频编码H264结构

本文转自：https://blog.csdn.net/weiyuefei/article/details/70273033关于H264宏块的介绍：https://www.jianshu.com/p/06a28206d8dc引言：在国内直播”欣欣向荣”(ps: 其实大多都亏钱，为的就是炒概念)的年代，相信很多小伙伴也投入了技术的浩瀚大洋当中(ps: 其实就是搬砖)，日复一日，音/视频...

2019-04-23 10:12:19 369

转载 ffmpeg configure配置选项

本文转自:https://blog.csdn.net/momo0853/article/details/78043903帮助选项Help options标准选项Standard options许可证选项Licensing options配置选项Configuration options程序选项Program options文档选项Documentation options组件选项C...

2019-03-29 14:24:40 796

原创位运算以及用途详解

原文地址:http://blog.sina.com.cn/s/blog_634296930100q08m.html位运算是指按二进制进行的运算。在系统软件中，常常需要处理二进制位的问题。C语言提供了6个位操作运算符。这些运算符只能用于整型操作数，即只能用于带符号或无符号的char,short,int与long类型。C语言提供的位运算符列表：运算符含义描述 & 按...

2019-03-22 17:33:01 2260

原创网络编程之阻塞与非阻塞的理解

linux网络编程中 connect，send，recv 关于阻塞与非阻塞的理解1,send,recv如果非阻塞，会立即返回，但每次返回的结果是不确定的，有可能一次发送或者接收完成也有可能需要多次，所以需要在一个循环中，多次发送或者接收，直到数据发送或者接收完毕。2，send，recv如果阻塞，可以设置超时时间，阻塞的话会一直等到发送或者接收完毕所有数据才会返回，防止主线程阻塞，...

2019-03-06 14:43:30 1830

原创 MediaCodec解码解析

private void decode(MediaCodec.BufferInfo videoInfo, int inputIndex) { mMediaDecode.queueInputBuffer(inputIndex, 0, videoInfo.size, videoInfo.presentationTimeUs, videoInfo.flags);//通知MediaD...

2018-12-29 09:43:53 1201

原创 EGL工作流程

流程（1）Display 是图形显示设备（显示屏）的抽象表示。大部分EGL函数都要带一个 Display 作为参数（2）Context 是 OpenGL 状态机。Context 与 Surface 可以是一对一、多对一、一对多的关系（3）Surface 是绘图缓冲，可以是 window、pbuffer、pixmap 三种类型之一 EGL 工作流程为：（1）初始化（...

2018-12-27 16:13:58 1045

原创 opengl_shader在线教程

https://thebookofshaders.com/07/?lan=ch opengl入门教程https://learnopengl-cn.github.io/

2018-12-20 14:52:33 1542 1

原创 pthread_join和pthread_detach的区别

linux系统中，任何一个sh时间点，线程要么是可结合的，要么是可分离的pthread_join等待指定的线程结束，调用者会阻塞pthread_detach,如果不想调用者阻塞，则fenl分离...

2018-12-03 10:47:51 629

转载 H264码流结构分析

终于找到一遍比较通俗易懂介绍H264码流结构的文章了转自：https://blog.csdn.net/chenchong_219/article/details/37990541 https://www.jianshu.com/p/9522c4a7818d

2018-11-22 16:08:03 502

原创音视频编解码流程

编码流程：RGB->YUV->H.264 只有YUVcain才能编码成H264，为啥需要编码，因为一张没有压缩过的图片，数据量太大了，比如一张640x480的图片，每秒30帧每秒的数据量是 640x480x3x30=3.2MB,一张VGA图片，每秒数据3.2M字节,国内上行平均64KB每秒，所以sh数据量太大，局域网勉强可以传输，要在广域网传输，必须压缩，所以才有了H...

2018-10-09 13:16:58 3960

原创 ffmpeg编码之RGB通过H264编码并封装成mp4

原始rgb文件h264编码成功，并封装成MP4文件运行截图日志信息实现方式extern "C"{ #include <libavformat/avformat.h> #include <libswscale/swscale.h>}#include <iostream>using namespace st...

2018-08-07 10:32:38 5560 11

原创 ffmpeg编码之PCM到AAC

编码前文件编码后文件编码过程实现方式extern "C"{ #include <libavformat\avformat.h> #include <libswscale\swscale.h> #include <libswresample\swresample.h>}#include <iostream>...

2018-08-06 10:11:33 1962

原创 ffmpeg格式转换之MP4转mov

原MP4格式视频文件格式转换后mov格式文件转换成功实现方式//引入c语言头文件extern "C"{ #include <libavformat\avformat.h>}#include <iostream>using namespace std;//引入链接库#pragma comment(lib,"avformat.l...

2018-08-02 10:24:21 5943

原创 opengl大牛博客

https://learnopengl-cn.github.io/

2018-07-30 11:52:48 485

1，Conflict with dependency 'com.android.support:support-annotations'. Resolved versions for app (22.2.1) and test app (27.1.1) differ. See http://g.co/androidstudio/app-test-app-conflict for details.解...

2018-05-22 14:04:08 1822

原创 reactnative学习相关笔记

已有项目中安装react native的步骤1,通过package.json查看 react native 版本号 "dependencies": { "react": "16.0.0-alpha.6", "react-native": "^0.44.3", "react-native-vector-icons": "^4.2.0" },react-native&

2018-04-25 11:26:39 272

原创 three.js加载vtk模型

body { font-family: Monospace; background-color: #000; color: #fff; margin: 0px; overflow: hidden; } #info { color: #fff; position: absolute; top: 10px; width

2017-12-13 10:58:48 3640 3

原创 three.js加载canvas纹理

js绘制时钟var canvas;function clock(){ canvas = document.createElement('canvas'); canvas.width=200; canvas.height=200; var ctx = canvas.getContext('2d'); if(ctx){ var timerId; var frameRate =

2017-12-12 10:34:27 2337

原创 three.js加载纹理

body { margin: 0px; background-color: #000000; overflow: hidden; } var camera,scene,renderer; var mesh; init(); animate();functi

2017-12-11 14:37:42 1300

原创 three.js之投影矩阵

Three框架 div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } //创建渲染器 var renderer;

2017-12-08 14:04:10 1484

原创 three.j绘制性能监控

Three框架 div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } var renderer;

2017-12-07 19:51:30 344

原创 three.js绘制网格

Three框架 div#canvas-frame{ border: none; cursor: pointer; width: 100%; height: 600px; } //创建渲染器 var renderer; function initThree() { width=document.getEle

2017-12-07 10:57:00 1645

原创 three.js画线

Three框架 div#canvas-frame{ border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } //初始化渲染器 var renderer; function initTh

2017-12-06 11:11:33 869

原创 opengl平滑和反锯齿

平滑前平滑后代码实现#include #include #include #include "CELLMath.hpp"#include "OpenGLWindow.h"#include using namespace CELL;class SamplerSmooth :public OpenGLWindow{public: tspline _

2017-12-06 07:11:10 3647

原创第一个three.js程序

用three.js绘制一个选择的正方体 canvas { width: 100%; height: 100% } // 三大组件场景scene 相机camera 渲染器renderer var scene=new THREE.Scene();//创建场景 var camera=new THREE.PerspectiveCame

2017-12-05 11:48:22 347

原创现代opengl教程

http://wiki.jikexueyuan.com/list/opengl/

2017-11-09 10:59:56 434

原创 opengl创建天空盒实现反射和折射的效果

效果图天空盒顶点shaderattribute vec3 pos;attribute vec2 texcoord;attribute vec3 normal;uniform mat4 M;uniform mat4 P;uniform mat4 V;varying vec3 V_Texcoord;void main(){ V_Texcoord=pos;

2017-09-19 10:39:58 2426

原创 opengl实现指数雾

指数雾相对于线性雾效果更逼真可调整雾浓度参数顶点shaderattribute vec3 pos;//顶点坐标attribute vec2 texcoord;//纹理坐标attribute vec3 normal;//法线坐标uniform mat4 M;//模型矩阵uniform mat4 P;//投影矩阵uniform mat4 V;//观察矩阵

2017-09-18 10:14:36 1704

原创 opengl实现线性雾

实现线性雾的几个关键因素1，指定雾的开始距离,结束距离,雾颜色2,将模型上的点变换到眼睛坐标系3,计算雾浓度效果图雾的顶点shaderattribute vec3 pos;//顶点坐标attribute vec2 texcoord;//纹理坐标attribute vec3 normal;//法线坐标uniform mat4 M;//模型矩阵uniform

2017-09-14 11:08:57 1586

原创 opengl实现PS中部分图像处理效果-正片叠底、逆正片叠底、颜色加深、减淡

效果图正片叠底shadervarying vec2 V_Texcoord;uniform sampler2D U_BaseTexture;uniform sampler2D U_BlendTexture;void main(){ vec4 blendColor=texture2D(U_BlendTexture,V_Texcoord); vec4 baseColor=

2017-09-12 18:32:59 3006

原创 opengl实现图像亮度调整

效果图1,取两幅图像的最大像素值合成新的图像2,取两幅图像的最小像素值合成新的图像实现shadervarying vec2 V_Texcoord;uniform sampler2D U_BaseTexture;uniform sampler2D U_BlendTexture;void main(){ vec4 blendColor=texture2D(

2017-09-12 18:16:43 3609

原创 opengl实现Bloom效果

什么是Bloom 参考：http://blog.csdn.net/jxw167/article/details/60764506本例同时涉及到HDR相关知识：HDR 参考：http://blog.csdn.net/jxw167/article/details/60475929效果图渲染入口#include #include "glew.h"#include #

2017-09-12 10:14:01 3157

原创 opengl中如何对图像多次模糊

效果图对图像的多次模糊关键在于fbo的使用opengl中fbo的创建#pragma once#include "glew.h"#include #include class FBO{public: GLuint mFBO; std::map mBuffers; std::stack mDrawBuffers;public: FBO(); void At

2017-09-08 14:01:24 1107 1

原创 opengl相关学习资料

nehe opengl的教程http://blog.51cto.com/zt/186/1

2017-09-06 20:33:13 325

原创 opengl对图像进行模糊处理

右下角图片为模糊效果图对图像进行模糊处理也就是平滑处理图像模糊的用途：用来减少图像上的噪点或失真同样需要对图像做卷积处理卷积过程卷积的数学表达式本文的图像模糊采用的高斯滤波具体操作：用一个卷积核扫描图像中的每一个像素,用模板确定的邻域内像素的加权平均灰度值去替代模板中心像素点的值opengl 中shader实现varying

2017-08-24 10:29:49 4949

转载图像的卷积运算

提到卷积运算，首先离不开的就是卷积核，这个卷积核其实就是一个大小固定、由数值参数构成的数组，数组的参考点通常位于数组的中心，数组的大小称为核支撑。单就技术而言，核支撑实际上仅仅由核数组的非0部分组成。或者，像其他说法，卷积核就是所谓的模板。卷积运算，其实就是可看作是加权求和的过程，使用到的图像区域中的每个像素分别与卷积核(权矩阵)的每个元素对应相乘，所有乘积之和作为区域中心像素的新值。

2017-08-23 11:19:31 14117

原创 opengl对图像进行腐蚀和膨胀

效果图膨胀的原理:膨胀就是求局部最大值的操作,就是给定一个核对图像进行卷积操作，见下图将核B与图像A卷积,即计算B覆盖区域的像素点的最大值，并把这个最大值赋给参考点指定的像素,这样就会使图像中的高亮区域逐渐增长,这就是膨胀的效果,膨胀的数学表达式opengl中膨胀效果的shader实现varying vec2 V_Texcoord;unif

2017-08-23 10:56:09 2237

原创 opengl实现X射线渲染

X射线也就是轮郭线实现原理：物体表面的法线与入射光线的夹角为90度时，刚好能看到物体的轮郭线实现效果,不同的计算方式会得到不同的效果顶点shaderattribute vec3 pos;attribute vec2 texcoord;attribute vec3 normal;uniform mat4 M;uniform mat4 P;unifo

2017-08-22 12:01:42 908

原创 opengl对三种光源(方向光,点光源,聚光灯)进行特写并分屏渲染

分屏特写渲染效果图实现原理1，创建3个fbo2,分别将方向光，点光源，聚光灯的照射效果渲染到fbo3,在将渲染好的三个fbo作为纹理贴到要绘制的三个四边形上。渲染入口#include #include "glew.h"#include #include #include "utils.h"#include "GPUProgram.h"#include "

2017-08-22 10:29:56 3446