Coder Social home page Coder Social logo

yishuinanfeng / opengl-es-study-demo Goto Github PK

View Code? Open in Web Editor NEW
56.0 3.0 19.0 41.64 MB

一个OpenGL es入门项目,帮助初学者更快地入门学习。主要内容是基础图形绘制、缓冲对象使用、渲染视频、视频添加滤镜效果,详细可见我的博客专栏。Opengl es study demo for freshman to learn opengl es quickly.

License: GNU General Public License v3.0

Kotlin 0.08% CMake 0.85% C++ 96.11% Java 0.35% C 1.91% CSS 0.58% JavaScript 0.12%
opengl-es shader video yuv

opengl-es-study-demo's Introduction

opengl-es-study-demo

opengl es study demo for freshman to learn opengl es quickly. 一个OpenGL es入门项目,帮助初学者更快地入门学习。主要内容是基础图形绘制、缓冲对象使用、渲染视频、视频添加滤镜效果。

相关博客系列:一看就懂的OpenGL ES教程

轻松入门OpenGL系列
一看就懂的OpenGL ES教程——图形渲染管线的那些事
一看就懂的OpenGL ES教程——再谈OpenGL工作机制
一看就懂的OpenGL ES教程——这或许是你遇过最难画的三角形(一)
一看就懂的OpenGL ES教程——这或许是你遇过最难画的三角形(二)
一看就懂的OpenGL ES教程——这或许是你遇过最难画的三角形(三)
一看就懂的OpenGL ES教程——这或许是你遇过最难画的三角形(四)
一看就懂的OpenGL ES教程——这或许是你遇过最难画的三角形(五)
一看就懂的OpenGL ES教程——缓冲对象优化程序(一)
一看就懂的OpenGL ES教程——缓冲对象优化程序(二)
一看就懂的OpenGL ES教程——临摹画手的浪漫之纹理映射(理论篇)
一看就懂的OpenGL ES教程——临摹画手的浪漫之纹理映射(实践篇)
一看就懂的OpenGL ES教程——渲染宫崎骏动漫重拾童年
一看就懂的OpenGL ES教程——仿抖音滤镜的各种奇技淫巧之基础滤镜
一看就懂的OpenGL ES教程——仿抖音滤镜的奇技淫巧之变换滤镜(理论基础篇)
一看就懂的OpenGL ES教程——仿抖音滤镜的奇技淫巧之变换滤镜(实践篇)
一看就懂的OpenGL ES教程——仿抖音滤镜的奇技淫巧之高斯模糊滤镜
一看就懂的OpenGL ES教程——走进3D的世界之坐标系统(上篇)
一看就懂的OpenGL ES教程——走进3D的世界之坐标系统(下篇)
一看就懂的OpenGL ES教程-3D渲染实战

渲染渐变色三角形:

image.png

渲染基础图元:

WeChat1730816a2f76a1ee781f75f01b1cf473.png

纹理映射:

Screenshot_20221016-175522.jpg

# 渲染yuv视频:

output.gif

视频滤镜:

反色滤镜:

test2.gif

灰度反色交叉滤镜

test5.gif

二分屏:

test3.gif

四分屏:

test4.gif

缩放动画:

scaleAnim.gif

变换和其他滤镜的组合:

compose_scale.gif

高斯模糊:

blur.gif

3D纹理:

Screenshot_20230624_183937.jpg

渐变色立方体旋转:

cube.gif

多面纹理立方体旋转:

cube.gif

多个立方体旋转:

cube.gif

触摸移动摄像机:

cube.gif

opengl-es-study-demo's People

Contributors

yishuinanfeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

opengl-es-study-demo's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.