Epps-优快云博客

原创【WebGL】WebGL的坐标系统

在WebGL中，默认的使用的是右手坐标系。x轴正方向向右，y轴正方向向上，z轴正方向朝向屏幕外。与<canvas>对应: 中心点是:(0.0, 0.0, 0.0) 上边缘是:(0.0, 1.0, 0.0) 下边缘是:(0.0, -1.0, 0.0) 左边缘是:(-1.0, 0.0, 0.0) 右边缘是:(1.0, 0.0, 0.0)

2016-10-09 10:13:52 1046

在之前的学习中，我们知道了怎么样使用一些简单的WebGL相关函数。现在更进一步来绘制最简单的图形：一个点。绘制一个点远不是调用一个”draw point”在之前的学习中，比如填充颜色可以用到ctx.fillStyle = "rgba(0, 255, 255, 1.0)";但是，是否绘制一个点也这么简单呢?比如调用一个drawPoint方法就行了。答案是否定的！！！WebGL依赖于一种称为着色器(s

2016-10-08 11:47:07 2015

原创【Unity】—iOS 打包自动设置

概述在Unity打包iOS的过程中，有的时候需要引用一些framework、修改增加plist文件或者做打包工具的时候希望能够直接配置证书。这个时候如果全凭打包出来之后再手动去修改会非常麻烦。幸好在Unity5.x之后Unity为我们提供了一些接口能够让我们在导出xCode项目的时候自动设置一些东西。C#准备工作首先，创建一个C#文件。由于这个C#文件实在编辑器下执行的，所以要将它放在Editor文

2016-09-26 21:10:59 8544

原创【Unity Shader入门精要】数学基础 — 点和矢量

概述在上一次学习中，学习关于坐标系的那些事。这次学习继续往下，学习在坐标系中的点和矢量。了解点和矢量的区别，以及一些基本运算。点点的概念比较简单：点是n维空间中(游戏中指二维或者三维)的一个位置。点没有大小，方向。它仅仅表示一个位置。点的表示，通常使用一组数字来表示一个点P，二维和三维空间的点表示如下：二维空间的点：三维空间的点：矢量矢量 — 也被称为向量(vector)。矢量的表示

2016-09-23 11:45:10 2333

原创【Unity Shader入门精要】数学基础 — 关于坐标系那些事

概述在场景中，妞妞的同伴问了一句：“妞妞你在哪儿?”这个时候妞妞应该如何作答才能让同伴知道它的准确位置呢?总不能说一句：“我在这里。”所以带着这个疑问，开始关于坐标系那些事的学习。坐标系那些事笛卡尔坐标系在游戏制作中，我们使用数学大部分是为了计算位置、距离和角度等变量。这些计算大部分实在笛卡尔坐标系下进行的。二维笛卡尔坐标系二维笛卡尔坐标其实在我们的生活中经常看到，比如：国际象棋的棋盘就可以理解成一

2016-09-22 13:15:27 2045

原创【Unity Shader入门精要】Shader所需的数学基础

概述计算机图形学之所以难学，很大一部分原因是在于它是建立在虚拟世界上的数学模型。Shader作为图形学的一部分，当然让人头痛的问题也就是数学问题。比如：矢量、矩阵等等。所以在Shader的学习过程中，先掌握Shader所需要的基本的数学基础是非常非常重要的！！在数学基础的学习中，会分成多次进行学习，每次对应一个内容。希望能够消化这些内容。学习背景在书中，作者以一个农场游戏作为学习背景。在之后的学习中

2016-09-22 11:41:10 1288

原创【Unity Shader入门精要】学习开篇

学习开篇作为一个U3D程序，我认为不想学Shader的游戏程序不是个帅气的程序。话虽如此，非科班出身的我在Shader这条道路上走了非常多的弯路。另外也阅读了不少的资料，都是因为自身的基础知识不足，而导致最终不能继续。直到有一个妹子 — 冯乐乐的出现，让我在学习Shader之路上重新看到了曙光。在这个学习系列中。我不会将所有的学习都记录到博客上。仅对一些非常重要的基础，以及一些效果的实现加上自己的理

2016-09-22 11:25:48 493

原创【WebGL】WebGL入门

在第一次学习中，我知道了WebGL程序要同时使用HTML和将GLSL ES代码放在JavaScript中来创建和显示三维图形。下面的内容将作为WebGL的基础入门，来了解WebGL的基本知识。 ========================================== 分割线 ==========================================Canvas是什么？在H

2016-09-21 16:27:21 4477

原创【WebGL】WebGL概述

本系列学习主要参考《WebGL编程指南》一书，希望通过这一系列的学习能够了解WebGL。并且在了解WebGL之后能够更好的学习OpenGL其他的知识。 ========================================== 分割线 ==========================================概述什么是WebGLWebGL — 是一项用来在网页上绘制和渲染三维图

2016-09-21 13:08:36 1798 1

Epps的博客