代码改变世界

随笔档案-2019年07月

关于H5项目开发中TS(或JS)文件按照顺序编译成一个文件的记录

2019-07-29 19:29 by 阿诚de窝, 2286 阅读, 收藏, 编辑
摘要: 由于js的执行特性,多个js文件合成一个文件或者进行多个js文件加载时,时需要按照指定的顺序进行的,否则会出现报错的情况。 我们看一下目前几个主流H5引擎的做法。 白鹭的做法 当前版本的做法 在tsconfig.json中,使用的是outDir而不是outFile,这么设置ts只会讲单个的ts文件直 阅读全文

WebGL学习笔记(四):绘图

2019-07-26 12:11 by 阿诚de窝, 1981 阅读, 收藏, 编辑
摘要: 图元 WebGL可以绘制非常复杂的3D模型,这些模型都是由下面3种基本几何图元构成的,下面我们来详细的看看。 三角形 WebGL中任何复杂的模型,都是由三角形组合而成的,可以说三角形是任意形状的最小构成单位。 WebGL可以绘制下面几种三角形: 独立的三角形(gl.TRIANGLES) 指定3*n个 阅读全文

WebGL学习笔记(三):绘制一个三角形

2019-07-17 14:51 by 阿诚de窝, 940 阅读, 收藏, 编辑
摘要: 1 2 3 4 5 6 7 8 WebGL 9 10 11 19 20 21 30 31 161 162 163 164 165 166 167 阅读全文

WebGL学习笔记(二):WebGL坐标系及基础几何概念

2019-07-17 13:36 by 阿诚de窝, 3418 阅读, 收藏, 编辑
摘要: WebGL使用的是正交右手坐标系,且每个方向都有可使用的值的区间,超出该矩形区间的图像不会绘制: x轴最左边为-1,最右边为1; y轴最下边为-1,最上边为1; z轴朝向你的方向最大值为1,远离你的方向最大值为-1; 注:这些值与Canvas的尺寸无关,无论Canvas的长宽比是多少,WebGL的区 阅读全文

WebGL调试工具分享

2019-07-17 11:09 by 阿诚de窝, 8001 阅读, 收藏, 编辑
摘要: 学习WebGL,我们需要一些好用的调试工具,下面分享3个常用的调试工具。 WebGL Inspector 下载地址:https://github.com/benvanik/WebGL-Inspector Clone或下载好该项目之后,先执行core/buildextensions.sh,执行好之后, 阅读全文

WebGL学习笔记(一):理解基本概念和渲染管线

2019-07-15 18:35 by 阿诚de窝, 2920 阅读, 收藏, 编辑
摘要: WebGL 是以 OpenGL ES 2.0 为基础的 3D 编程应用接口。 渲染管线(图形流水线) 渲染管线是指将数据从3D场景转换成2D图像,最终在屏幕上显示出来的总过程。它分为几个阶段:应用阶段、几何阶段和光栅阶段,关于这3个阶段的详细介绍可以点这里查看。 下面我们来仔细看看 WebGL 中的 阅读全文

[转]图片Premultiplied Alpha到底是干嘛用的

2019-07-05 20:38 by 阿诚de窝, 2280 阅读, 收藏, 编辑
摘要: Premultiplied Alpha 这个概念做游戏开发的人都不会不知道。Xcode 的工程选项里有一项 Compress PNG Files,会对 PNG 进行 Premultiplied Alpha,Texture Packer 中也有Premultiplied Alpha 的选项。那么问题来 阅读全文
点击右上角即可分享
微信分享提示