handyTool

概述 本篇博客主要记录如何使用opencv的grabCut对图片进行自动抠图，对于前后景区别比较明显的场景，效果还是不错的。 代码示例 例子的地址 例子为CMake项目，目前只在MacOS上运行。运行

概述 本篇博客主要记录如何使用OpenCV对图片进行常规的处理，包括如下内容 对比度 亮度 色调 饱和度 色温 高光 阴影 代码示例 例子的地址 例子为CMake项目，目前只在MacOS上运行。运行项

概述 本篇博客主要记录如何使用ffmpeg对视频进行裁剪，主要包括两个部分： Seek到开始裁剪的位置，解析原始视频文件 将视频帧和音频帧通过ffmpeg api写入输出文件 代码示例 例子的地址 例

概述 本篇博客主要记录如何使用ffmpeg和SDL2制作一个简易的视频播放器，主要包括三个部分： 解析视频文件 SDL2播放视频和声音 音视频同步 代码示例 例子的地址 例子为CMake项目，目前只在

为了更好的模拟3D真实场景，引入了投影矩阵（Projection），视图矩阵（View），模型矩阵（Model）3个概念，通过在Vertex Shader中使用透视矩阵 * 视图矩阵 * 模型矩阵 * 顶点得出最终的顶点位置。 投影矩阵的主要目的是将顶点从3D空间投影到2D空间…

Vertex Shader可以通过uniform变量接受来自CPU的数据，数据可以是float，int，vec2，vec3，mat4等类型，本文将会详细介绍mat前缀的数据类型，这类数据我们称之为矩阵。 矩阵的尺寸可以是任意的，不过在WebGL中，我们一般只使用2x2，3x3，…

动画的基本原理是连续改变绘制内容，利用人眼的视觉暂留效应，产生画面在动的感觉。每次展示的绘制内容一般称之为帧（Frame），每秒帧的数目越多，人眼会感觉越流畅。一般而言动画能达到每秒30帧就足够了，为了追求更加流畅细腻的动画效果，有时候会将每秒帧数升到60。越高的帧数意味着留给…

本系列将全程采用TypeScript进行代码编写，你可以直接复制模板项目开始代码的编写。模板项目主要帮助你完成了以下工作 克隆 示例项目，复制根目录下的start project的文件夹到你喜欢的位置，可以任意更换文件夹名称。 复制项目后在根目录执行yarn install，然…

一句话概括，WebGL是提供直接访问GPU绘图能力的一套API。它有以下几个特点 WebGL API是面向过程的设计。举例来说， 如果面向对象编程的语句是obj.someFunc(arg1, arg2)，那么面向过程的表示就是someFunc(obj, arg1, arg2) …