坐标变换

符合"坐标变换"标签文章(75)

光栅化三维场景的基本流程

feng
2018-11-11

数学上的规定：由于习惯的不同，每个人对同一个事物的标准也不同。应事先规定好整个项目的一些“习惯”，并坚决贯彻它们，上下统一。世界坐标系：场景中所有物体处于世界坐标系下，且所有的坐标系均为左手坐标系，左手坐标系三个轴的指向如图：以屏幕为基准，该坐标系X轴指向右，Y轴指向上，Z轴指向屏幕里面。以此坐标系我们可以创建一个世界空间。当然并没有真正创建出来，只是一个约定，便于日后的使用。就像地球的经纬度一样

场景、透视投影、渲染、正交投影、逆变换

赞0 评论0 1.7k浏览
采用 GLM 从代码层面理解 OpenGL 坐标系统

feng
2018-10-16

本篇文章给大家介绍下代码的层面来理解 OpengGL 坐标系统，其中的内容有参考这篇文章https://learnopengl.com/#!Getting-started/Coordinate-Systems，英文版的讲解可能更让人容易理解。下面文章中的代码都可以在 blogsnippet/opengl/lefthand-or-righthand 目录下获取。这里假设你已经知道了整个流程。图中我标

OpenGL、透视投影、 JavaScript、坐标变换

赞0 评论0 5.6k浏览
Unity Shader学习之坐标变换

feng
2018-09-30

试想我们的美术做了一个3D模型，然后渲染引擎把模型渲染到屏幕上。我们还可以选定不同的视角，模拟不同的光照条件去观察模型。现在来分析一下这个过程。如果说我们把这个过程看成一个函数，那么函数的输出就是屏幕上的图像。确切地说，是屏幕上的每个像素。这个函数的主要输入是这个3D模型，我们观察的视角，光照情况等等因素。渲染过程就是给出这些因素决定每个像素值的过程。首先来看模型。模型通常是由可视化的建模软件制作

坐标变换、渲染、场景、 OpenGL、仿射变换、光照

赞0 评论0 4k浏览
游戏中的3D数学知识之法线的应用

/yx日音/hanx
2018-08-10

红V观点

很多时候做游戏都想实现一些炫酷的效果，包括水，风，火，土，雷等。了解游戏开发的人都知道这些东西往往都是由程序自己实现的，美术更多提供的是辅助。而平时自己想要实现的时候总觉得这些会涉及一些极为麻烦的数学知识，这里我就想从法线作为一个切入角度，并且把对应的知识点都列出来，因为涉及比较多的内容，具体细节还希望大家多多去查找资料。一旦掌握这些全

坐标变换、法线贴图、游戏开发、场景、 Unity

赞43 评论5 1.03w浏览
光栅化渲染器（六）着色准备和深度缓存实现

feng
2018-07-05

前面介绍完了坐标系，下面就来介绍下如何去更改一下顶点着色，让这个渲染器更漂亮。首先是数据结构更改数据结构 typedef struct ｛ point_t pos; color_t color; ｝ vertex_t; 更改顶点输入 vertex_t mesh[8] = ｛｛｛ 1, -1, 1, 1 ｝,｛ 1.0f, 0.2f, 0.2f ｝｝, ｛｛ -1, -1,

渲染、 JavaScript、齐次坐标、 OpenGL、摄像头

赞0 评论0 2k浏览
光栅化渲染器（五）2d坐标系与3d坐标系

feng
2018-07-04

前面我们基本完成了光栅渲染器的2d部分，接下来开始光栅渲染器的3d部分吧。不过前面的2d光栅渲染器实际上还有优化的空间，建议大家自己完善一下（实际上，由于博主迫切地想玩3d，实际上漏了很多算法的实现和优化，比如三角形光栅渲染用边缘方程填充，2d直线裁剪，避免重复光栅化等等）设计思路和部分代码参考韦前辈大神的mini3d。一、更改数据结构 typedef struct ｛ float x, y,z,

渲染、 JavaScript、摄像头、坐标变换、游戏开发

赞0 评论0 3k浏览
Unity Shader基础篇-常用函数的使用与案例

feng
2018-06-12

一、前言本篇文章和大家讲解下Cg的常用函数的使用案例，帮助巩固Cg语言的基础知识。这些函数都可以在Cg的教程里The Cg Tutorial找到示例代码和函数意义。本文讲解几个常用的函数，分别有：1、Step(a,x):如果x<a返回0；如果x>或=a返回12、Clamp(x,a,a):如果x<a返回a；如果x>b返回b；如果在a和b之间就返回x3、smoothstep(m

Unity、 List、天下、 Map、渲染、坐标旋转

赞2 评论0 1.75w浏览
Unity Shader入门教程（二）：数学知识

feng
2018-06-05

Shader的各种运算原理离不开数学，是因为它是建立在虚拟世界上的数学模型，作为图形学中的一部分，大家就需要先掌握Shader所需要的基本的数学基础，比如：矢量、矩阵等等。下面就和大家介绍下数学基础的数学知识部分，帮助大家去了解消化这些内容。一、笛卡尔坐标系平时我们使用的是笛卡尔坐标系，记得高中时还学过极坐标系左手坐标系：中指指向+Z，食指指向+Y，拇指指向+X（右方），旋转正方向为顺时针右手坐标

Unity、 JavaScript、齐次坐标、仿射变换、 maya、高光贴图

赞0 评论0 4.4k浏览
世界坐标系和相机坐标系的转换

feng
2018-05-21

可能有些人对世界坐标系和相机坐标系不怎么了解，也不知道他们之间是怎么转换的，为此下面就和大家介绍下。固定管线中的前两个步骤：1. 将物体从本地坐标系转换到世界坐标系。2. 从世界坐标系转换到像极坐标系。这两个步骤中旋转和平移的顺序是不同的：先看2维情况，如果要讲一个物体从原点（即本地坐标系中）平移到某处并且旋转（世界坐标系），假设物体在本地坐标系（实线部分）和目的地（虚线部分）的位置如下图左。第一

List、逆变换

赞0 评论0 1.12w浏览
Unity DoTween 快速使用教程

feng
2018-05-14

DoTween 默认配置加上链式调用API风格，配上lambda匿名函数调用，非常简单清晰好用。DoTween实现了通用的缓动算法，能够配置出各种想要的动画效果。另外，队列延迟回调函数，也能完成各种异步延迟执行功能。DoTween 为各种Unity的对象做了函数绑定，方便调用。比如Transform， Color， Text， Material等都可以直接调用DoTween的动画API。我们先从通

Unity、 List、 JavaScript、坐标变换、 jump

赞0 评论0 1w浏览
Unity Shader入门笔记：漫反射的逐顶点光照和逐片元光照

feng
2018-04-28

本篇文章主要和大家介绍漫反射的逐顶点光照和逐片元光照。其中逐顶点光照，简单地说就是在vetext shader中计算光照颜色，该过程将为每个顶点计算一次光照颜色，然后在通过顶点在多边形所覆盖的区域对像素颜色进行线形插值。逐像素光照是对所有光照元素进行单独插值，简单地说就是在pixelshader中计算颜色。下面就分别看看他们的shader实现代码吧。直接上代码： Shader "Custom/zh

Unity、 JavaScript、环境光、非线性、坐标变换

赞0 评论0 2.6k浏览
Unity shader学习笔记(二)顶点函数和片元函数

feng
2018-04-28

继续给大家分享在学习shader时的一些学习笔记。Shader的方法都是写在CGPROGRAM和ENDCG里面的，其中最重要的方法就是顶点函数和片元函数，这里有两个概念，顶点是指模型表面有很多三角形切面，每个三角形的三个点就是顶点，三角形的面积就是片元。#pragma vertex vert顶点函数这条语句只是声明了顶点函数的函数名 vert (简单说就是确定物体的显示位置)模型表面有很多三角形

Unity、渲染、 JavaScript、坐标变换、建模

赞0 评论0 2.4k浏览
图形学——Make Some Noise

feng
2018-04-23

周末逛Unity Assets 商店的时候发现一个免费的体积云，下下来看了下代码发现是procedural noise + ray maching做的，看到noise代码那块发现自己噪声都忘的差不多了，正好趁机会梳理下吧。1、PerlinNoise理论方面因为懒得翻论文就直接参考了乐乐姐的博客，其中perlin noise的主要描述如下：定义一个晶格结构，每个晶格的顶点有一个“伪随机”的梯度向量

Unity、逆变换

赞0 评论0 4.2k浏览
Shader和3D图形渲染管线（Render Pipeline）

feng
2018-03-26

想要系统学习Shader，就需要对渲染绘图管线流程有一个系统的认知。本文就通过尽可能简单的方式帮助大家去理解学习3D图形渲染管线，帮助大家更好的去学习Shader编程和Unity3d游戏开发。渲染管线定义渲染管线也称渲染流水线，是显示芯片内部处理图形信号相互独立的并行的处理单位。一个流水线是一序列可以并行和按固定顺序进行的阶段。也就是说每个阶段都是从它的前一阶段输入，然后输出发给随后的阶段。渲染流

渲染、移动前端、 CPU、 GPU、坐标变换、游戏开发

赞1 评论0 3.5k浏览
Unity设置物体旋转角度误区

feng
2018-01-19

这个误区一般是新手容易出的错误，设置物体位置我们都是给transform.position赋值，那么问题来了，设置物体的旋转角度，我们就顺势给 transform.rotation 赋值了，额，那么就错了，其实 transform.rotation 是一个四元数（Quaternion），他需要一个转化才能达到我们想要的角度。下面有两种方法来改变我们物体的旋转角度。1. transform.rota

Unity、 Bug、坐标旋转

赞0 评论0 1.32w浏览
3D数学学习笔记（2）矩阵

feng
2018-01-03

上篇给大家介绍完了向量和坐标系，下面就要介绍Unity3D游戏开发会用到的矩阵知识，矩阵也是3D数学中十分重要的基础，掌握一下很有必要。矩阵乘法常用等式** I 为单位矩阵，k为标量，v、w为向量。MI = IM = MAB ≠ BA(AB)C = A(BC)(kA)B = k(AB) = A(kB)(vA)B = v(AB)(AB)T=BTAT（可扩展多个矩阵

仿射变换、正交投影、逆变换、透视投影、游戏开发、齐次坐标

赞0 评论0 3.8k浏览
矩阵乘法浅析

feng
2017-12-19

本篇的背景是这样，大家都知道矩阵变化操作,以前我认为只要记住几个标准的变换矩阵就可以了，不用在意那些数据知识。可是在 Shader学习渲染管线，投影矩阵推导时候，直接就崩溃了，根本无法知道投影变化中，视空间到cvv的推导是怎么弄的？实际上我觉得很多同学也会不以为然，毕竟投影变换MVP矩阵系统已经给出了。但是我这在学习利用屏幕坐标深度缓存

渲染、仿射变换、正交投影

赞1 评论0 3.2k浏览
OpenGL中的坐标系和变换

feng
2017-12-15

本文为学习计算机图形学及利用OpenGL开发图形程序做数学准备工作，下面就给大家介绍下OpenGL里的坐标系与坐标转换，帮助大家去了解最基本的知识点。坐标系模型坐标模型坐标是以物体某一点为原点而建立的坐标系，该坐标系仅对该物体适用，用来简化对物体各部分坐标的描述。物体放到场景中时，各部分经历的坐标变换相同，相对位置不变，所以可视为一个整体，与人类的思维习惯一致。世界坐标世界坐标系以屏幕中心为原点(

OpenGL、场景、正交投影、透视投影、坐标变换

赞0 评论0 3k浏览
WebGL入门教程（四）简单变换

feng
2017-12-12

变换又叫仿射变换，包括平移，缩放，旋转，下面我们就来简单介绍下这些变化的使用方法。一、变换前首先，我们绘制一个三角形，后面对齐进行变换，代码： /** * 变换前 * xu.lidong@qq.com * */ // 顶点着色器源码 var vertexShaderSrc = ` attribute vec4 a_Position;// 接收传入位置坐标，必须声明为全局 void main(

WebGL、 JavaScript、组合变换、仿射变换

赞0 评论0 1.3k浏览
Unity Shader 学习开发

feng
2017-12-07

着色器Shader作为渲染工作必不可少的一环，也是Unity中高级进阶的必备，为了让更多的开发人员掌握shader的使用，下面就给大家介绍些Surface Shaders的知识。具体的大家也可去官网（如下）学习：http://docs.unity3d.com/Documentation/Components/SL-SurfaceShaders.html一、概念篇1.基准：unity里的shader

Unity、渲染、法线贴图、齐次坐标、光照、 OpenGL

赞1 评论0 5.4k浏览