效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-glnpminstallechartsnpminstallecharts-gl注意：我不知道版本差异会不会有影响（可以指定版本也可以借鉴我的）指定版本命令加个@后面跟版本号即可npminstallecharts-gl@2.0.9成功之后可以在package.json中检查是否安装成功（如上图）第二步：在vue文件中引入引入位置：我没有在main.js中全局引用，而是哪个页面用到就引入哪里代码：import*asechartsfrom'echarts'import'echarts-gl';第三步：实现具体代
效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-glnpminstallechartsnpminstallecharts-gl注意：我不知道版本差异会不会有影响（可以指定版本也可以借鉴我的）指定版本命令加个@后面跟版本号即可npminstallecharts-gl@2.0.9成功之后可以在package.json中检查是否安装成功（如上图）第二步：在vue文件中引入引入位置：我没有在main.js中全局引用，而是哪个页面用到就引入哪里代码：import*asechartsfrom'echarts'import'echarts-gl';第三步：实现具体代
首先在项目中安装echarts与echartsgl（echersgl用于3d）安装命令npminstallecharts--save//echarts安装命令npminstallecharts-gl//echarts-gl安装命令安装完成后在package.json中查看有没有安装成功安装成功后在main.js中引入`//导入Echarts插件`;import*asechartsfrom"echarts";import"echarts-gl";//echarts3D插件，有用到3d地图的需要此插件，普通图表不需要引入Vue.prototype.$echarts=echarts;使用http:/
首先在项目中安装echarts与echartsgl（echersgl用于3d）安装命令npminstallecharts--save//echarts安装命令npminstallecharts-gl//echarts-gl安装命令安装完成后在package.json中查看有没有安装成功安装成功后在main.js中引入`//导入Echarts插件`;import*asechartsfrom"echarts";import"echarts-gl";//echarts3D插件，有用到3d地图的需要此插件，普通图表不需要引入Vue.prototype.$echarts=echarts;使用http:/
开发和部署环境Unity：2020.3.40PicoG24k一、报错信息一览（1）[EGL]Unabletoacquirecontext:EUnity:[EGL]Unabletoacquirecontext:EGL_BAD_SURFACE:AnEGLSurfaceargumentdoesnotnameavalidsurface(window,pixelbufferorpixmap)configuredforGLrendering.解决办法：多线程渲染争用，所以包这个错误，关闭多线程渲染。（2）GL_OUT_OF_MEMORYNotenoughmemorylefttoexecutecommand
开发和部署环境Unity：2020.3.40PicoG24k一、报错信息一览（1）[EGL]Unabletoacquirecontext:EUnity:[EGL]Unabletoacquirecontext:EGL_BAD_SURFACE:AnEGLSurfaceargumentdoesnotnameavalidsurface(window,pixelbufferorpixmap)configuredforGLrendering.解决办法：多线程渲染争用，所以包这个错误，关闭多线程渲染。（2）GL_OUT_OF_MEMORYNotenoughmemorylefttoexecutecommand
在第5篇文章中，我们成功加载了fbx模型，并且做了MVP变换，将立方体按照透视投影渲染了出来。但是当时只是随机给顶点颜色，并且默认fbx文件里只有一个mesh，这次我们来加载一个柴犬模型，并且给模型贴图，模型可以从sketchfab下载。本文没有涉及到理论解释，更多的是代码实践。完整代码在https://github.com/MangoWAY/CGLearner/tree/v0.3tagv0.31.创建纹理，加载图片我们来封装一个Texture类用来加载图片，创建、bind纹理，加载图片我用的是pillow库。fromOpenGLimportGLasglfromPILimportImageim
在第5篇文章中，我们成功加载了fbx模型，并且做了MVP变换，将立方体按照透视投影渲染了出来。但是当时只是随机给顶点颜色，并且默认fbx文件里只有一个mesh，这次我们来加载一个柴犬模型，并且给模型贴图，模型可以从sketchfab下载。本文没有涉及到理论解释，更多的是代码实践。完整代码在https://github.com/MangoWAY/CGLearner/tree/v0.3tagv0.31.创建纹理，加载图片我们来封装一个Texture类用来加载图片，创建、bind纹理，加载图片我用的是pillow库。fromOpenGLimportGLasglfromPILimportImageim
目录贴图效果注意点源码可改进点写文目的不是经常用，可能会忘记基本用法，自留。贴图效果注意点构成矩形的两个三角形需要使用mapboxgl.MercatorCoordinate.fromLngLat方法转换至WebGL中的场景世界坐标，注意案例中是如何设置三角形顺序的，要逆时针render函数是每一帧绘制的调用函数，每一帧都要设置一次program、texture、vertexBuffer，才能触发draw，并且尤为注意矩阵uniform的地址，也是每一帧都要获取最新的（gl.getUniformLocation(this.program,'u_matrix')）贴图的长宽尺寸要用2的次幂源码访问
前言在上一篇理论文章中我们介绍了YUV到RGB之间转换的几种公式与一些优化算法，今天我们再来介绍一下RGB到YUV的转换，顺便使用OpenglES做个实践，将一张RGB的图片通过Shader的方式转换YUV格式图，然后保存到本地。可能有的童鞋会问，YUV转RGB是为了渲染显示，那么RGB转YUV的应用场景是什么？在做视频编码的时候我们可以使用MediaCodec搭配Surface就可以完成，貌似也没有用到RGB转YUV的功能啊，硬编码没有用到，那么软编码呢？一般我们做视频编码的时候都是硬编码优先，软编码兜底的原则，在遇到一些硬编码不可用的情况下可能就需要用到x264库进行软编码了，而此时RGB
