中级Shader教程03 2Dshader框架

---

layout: post
title: “中级Shader教程03 2Dshader框架”
date: 2018-03-27 16:09:03
author: Jiepeng Tan
categories:

• shader tutorial
  tags: shader_tutorial theory shader
  img_path: /assets/img/blog/ShaderTutorial2D/Snow
  mathjax: true

---

//

Shader 视频教程

• shader基础教程（超多案例）

0.2Dshader设计流程

0.确定shader效果
1.空间划分
2.透视模拟

1.空间划分

程序实现对多个物体进行属性修改或创建的时候，往往会用到for循环，但是在shader中，for循环是每个pixel都要执行的，效率很低，而且从另外的角度来看，一个屏幕有大量的pixel，这本身就是一种潜在的大循环。所以在2D shader中for循环是被类似"pixel划分整个屏幕"这种空间划分的技巧所代替。(ps：3D中是对整个世界空间进行格子划分来实现for循环)

举个例子：
在空间中绘制不同颜色的圆形格子

1.空间划分

uv *=20;//将uv放大后frac
uv =