- BasicBlend 不透明叠加
- colorBurnBlend 颜色加深
- colorDodge 颜色减弱
- LinearBurn 线性加深
- LinearDodge 线性减弱
- Lighten 变亮
- Darkten 变暗
- Overlay 叠加
- SoftLight 柔光
- HardLight 强光
- Screen 滤色
glslViewer是我们用到的第一个工具。 github地址如下。 https://github.com/patriciogonzalezvivo/glslViewer
功能也很容易理解
Live-coding console tool that renders GLSL Shaders. Every file you use (frag/vert shader, images and geometries) are watched for modification, so they can be updated on the fly.
实时渲染shader文件。
mac上怎么安装呢?
brew update
brew upgrade
brew install glslviewer
只要安装了brew非常简单。
怎么跑shader呢?
在命令行找到你的shader文件。
glslViewer test.frag
成了。
问题是我的预览图为啥不用命令行? 因为你还需要安装一个sublime。
sublime Text3我就不多介绍了。名气太大了。
利用sublime Text3的一个插件glslViewer
(名字一样)就可以实时渲染shader了。
插件地址:https://packagecontrol.io/packages/glslViewer
安装方法用package control即可。
也是sublime的一个插件。
OpenGL Shading Language (GLSL)
安装方法如下。
1 Open up the Command Palette. (Command+Shift+P or Control+Shift+P)
2 Run Package Control: Install Package command, find and install OpenGL Shading Language (GLSL) package.
3 Restart Sublime Text. (if required)
很简单。把需要装载的纹理图片和shader文件放在同一个文件目录。 这时候用sublime 打开shader文件。 sublime就会提示你是否加载纹理。 按回车即可。 最后他会提示你,纹理名字和纹理分辨率是多少。 复制粘贴进我们的代码就行了。