Cocos2d-x 渲染
文章平均质量分 94
KyleWlk
这个作者很懒,什么都没留下…
展开
-
Cocos2d-x 渲染器Renderer与6种RenderCommand详解
Cocos2d-x 渲染器Renderer声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy在《Cocos场景遍历与渲染》中已讲解了Cocos2d 在渲染时会先遍历场景,遍历时会生成渲染命令,渲染器再处理渲染命令绘制出图形。这篇文章主要是讲解渲染器如何处理渲染命令...原创 2018-10-21 12:08:10 · 4628 阅读 · 0 评论 -
Cocos2d-x 3D模型渲染
Cocos2d-x 3D模型渲染声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy3D模型Cocos2d支持渲染*.fbx和*.obj两种3D模型,*.obj模型可以直接渲染,*.fbx模型需要先使用官方的转换程序fbx-conv.exe转换成*.c3t或者*.c3...原创 2018-11-11 20:40:44 · 5614 阅读 · 2 评论 -
骨骼动画原理与Cocos2d骨骼动画
骨骼动画原理与Cocos2d骨骼动画声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy蒙皮骨骼动画蒙皮骨骼动画可以分为两部分,蒙皮Skinned Mesh和骨骼Bone。蒙皮指的是所有的点,骨骼可以控制点的位置,从而形成不同的“姿势”。如下图,图片是使用MeshVi...原创 2018-11-11 21:44:22 · 9104 阅读 · 1 评论 -
Cocos2d-x 着色器
Cocos2d-x 着色器声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy 着色器GLProgramCocos2d-x 3中所有的渲染都使用了可编程管线,通过着色器进行渲染。Cocos2d-x底层使用的是OpenGL,对应的着色器语言为GLSL。Cocos2d...原创 2018-11-15 19:04:03 · 1809 阅读 · 0 评论 -
Cocos2d-x 2D粒子系统详解
Cocos2d-x 2D粒子系统声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy这里分析的是Cocos2d中的2d粒子系统,包括粒子系统中的各个参数,以及粒子的更新,粒子的运动。Cocos2d-x中类ParticleSystem实现了对粒子的控制,类ParticleS...原创 2018-12-02 20:39:36 · 3744 阅读 · 1 评论 -
Cocos2d-x 立方体纹理与环境映射
Cocos2d-x 立方体纹理声明:本文使用的是cocos2d-x-3.17的代码文章中的提到的测试代码下载地址https://gitee.com/Kyle12/Cocos2dRenderStudy立方体纹理Cube Texture从名字来看就知道这是一个立方体,初始化一个立方体纹理需要使用六张图片设置立方体的六个面。立方体纹理需要使用3D坐标系定位,六个面分别是X轴正方向、X轴负方向...原创 2018-12-09 11:19:42 · 863 阅读 · 3 评论 -
OpenGL纹理坐标 与 Cocos2d-x 纹理坐标
Cocos2d-x 纹理坐标声明:本文使用的是cocos2d-x-3.17的代码OpenGL纹理坐标在OpenGL中2D纹理坐标系如下:原点为左下角,向右为X轴正方向,向上为Y轴正方向。纹理数据排列创建一个2*2的二维纹理,需要四个像素,以下是4个像素的数据 floattexData[]={1.0,0.0,0.0,1.0, ...原创 2018-12-18 20:27:10 · 1940 阅读 · 2 评论 -
Cocos2d-x 镜子特效
Cocos2d-x 镜子特效声明:本文使用的是cocos2d-x-3.17的代码实现镜子特效需要用到以下知识Cocos2d摄像机详解 Cocos2d-x 着色器 Cocos2d-x 3D模型渲染镜子特效的原理很简单,就是镜子为轴对称,将镜子正面的物体在背面重新绘制一次。绘制物体时需要解决两个问题,首先需要确定物体的位置,其次是要保证物体绘制时不能超出镜子的范围。确定反射位置...原创 2019-01-28 23:19:02 · 892 阅读 · 0 评论 -
Cocos2d-x 实时动态阴影
Cocos2d-x 实时动态阴影声明:本文使用的是cocos2d-x-3.17的代码本文特效需要用到以下知识Cocos2d摄像机详解 Cocos2d-x 着色器 Cocos2d-x 3D模型渲染在Cocos2d-x-3.17的CPP Tests测试例子中有一个“假”阴影的例子,这个例子通过计算精灵在平面的位置,然后绘制一个圆形的黑色图片做为精灵的影子,如下图:这种实现方式...原创 2019-02-17 22:21:58 · 3341 阅读 · 1 评论