- 博客(10)
- 收藏
- 关注
RSS订阅原创 openGL绘制第一个三角形
openGL绘制第一个三角形上一章节我们成功绘制了窗口，本章节将绘制一个三角形。参考文章learnopengl图形渲染管线在OpenGL中，任何事物都在3D空间中，而屏幕和窗口却是2D像素数组，这导致OpenGL的大部分工作都是关于把3D坐标转变为适应你屏幕的2D像素。3D坐标转为2D坐标的处理过程是由OpenGL的图形渲染管线（Graphics Pipeline，大多译为管线，实际上指...
2020-03-26 12:42:07
184
原创 openGL绘制第一个窗口
OpenGL绘制第一个窗口上一章中已经搭建好了环境，在本章中开始绘制第一个窗口。参考文章learnopengl搭建窗口一.初始化函数我们需要在main函数中调用glfwInit来初始化GLFW，之后调用glfwWindowHint来配置GLFW。glfwWindowHint函数的第一个参数代表选项的名称,可在GLFW_开头的枚举中进行选择。glfwWindowHint函数的第二个参数...
2020-03-24 14:05:36
177
原创 mac openGL环境搭建
Mac下openGL环境搭建一.准备工作1.安装glfw3brew install glfw3安装后的文件在usr/local/2.配置glad库在线服务按图片配置后点击GENRATE，跳转链接后下载glad.zip3.解压后得到include与src文件4.安装cmakebrew install cmake二.检查验证配置1.建立project_openGL工程目录...
2020-03-15 16:04:27
319
原创 游戏引擎学习实践之数学知识 ---向量 (一)
利用cocos creator认识向量在游戏中的作用题目1.利用cocos creator的graphics组件画一个圆(不使用circle方法)。2.以此圆的圆心为原点制作一个60°的扇形。3.假设圆心的原点为敌人，步骤二所制作的扇形为敌人的技能攻击范围。以鼠标在游戏内的坐标点为玩家所在位置，求任意时刻鼠标是否处在敌人攻击范围内(通过扇形颜色区分)思考1.首先我们以(0,0)点为原点...
2019-12-08 17:51:53
255
1
原创 游戏引擎学习笔记之数学知识 ---向量
游戏引擎学习笔记之数学知识 向量篇一、向量的加减应用1.向量的加法u+v = <Ux,Uy> + <Vx,Vy> = <Ux+Vx,Uy+Vy>使用情景: 玩家寻找怪物1.确定玩家追击的方向 公式 dir = (V0 - V1).Normalized 该方法将玩家追击怪物的方向单位化，方向没有大小，所以对其进行单位化操作。2.移动 公式 V1 = ...
2019-12-08 16:50:40
274
原创 Cocos Creator 2.1.1 性能优化 (二)
Cocos Creator 2.1.1 性能优化之分帧加载一.原理1.为什么要用分帧加载如果一帧内执行了大量的同步耗时操作，会导致该帧出现卡顿。在低端设备上尤为明显。2.如何优化我们可以将原本在同一帧的操作，分散在之后的每一帧中完成，降低该帧的计算压力。二、项目分析1.cocos creator中不使用分帧加载的情况假设我们需要在点击按钮的时候创建1000个预制体，并且获取该预制体...
2019-12-08 13:53:32
641
原创 Cocos Creator 2.1.1 性能优化 (一)
cocos creator 2.1.1 性能优化之 draw call优化一.原理1.优化draw call的原因CPU与GPU在进行通讯时，CPU会将准备好的渲染数据存储在命令缓冲区中(Command Buffer)然后由GPU从中读取数据并进行渲染。通常GPU的渲染速度非常快，渲染几百个和几千个网格没有什么太大的差别，但是过多的draw call意味着CPU需要做的准备工作就越多，从而导...
2019-11-17 22:47:36
379
1
原创 利用cocos creator制作函数曲线
利用Cocos Creator制作函数曲线—正弦函数原理代码cc.Class({ extends: cc.Component, properties: { lineNode: cc.Node, //振幅 amplitude: 1, //周期 cycle: 1, //波形与x轴...
2019-11-09 13:09:23
2229
1
原创 cocos creator 2.1.1 通过更换材质置灰图片
cocos creator 2.1.1 通过更换材质置灰图片在2.1.1中我们可以不借助第三方shader,而是利用cocos引擎提供的材质球满足需求原理在cocos2.1中我们可以查询到setMaterial接口:该接口可以更改sprite组件的材质,对应属性检查器如下位置:代码// Learn cc.Class:// - [Chinese] https://docs.coco...
2019-10-19 10:28:55
2719
原创 cocos creator 2.1.1 版本不使用mask对图片进行裁切
cocos creator 2.1.1 版本不使用mask对图片进行裁切因项目需求需要在不增加drawcall的情况下将一整张图裁切成N个小图片。原理因为不能增加drawcall所以我们不能使用mask组件。但我们可以从SpriteFrame下手，SpriteFrame其实是Texture + Rect 得到的。知道这个原理我们可以着手下一步了。代码我们可以创建多个有相同texture的...
2019-10-17 00:11:14
1094
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人