GLSL

符合"GLSL"标签文章(85)

Unity Shader实现太空中的大气层效果

清风
2018-12-18

本篇文章给大家介绍下shader实现太空中的大气层效果。代码如下： Shader "Custom/Atmosphere Glow" ｛ Properties ｛ //大气层的颜色 _AtmoColor("Glow Color", Color) = (1,1,1,1) //大气层反射效果的强化量 _InnterRingFactor("Glow Factor", Float) =

Unity、强化、 JavaScript、 Queue、 GLSL、光照

赞1 评论1 3.8k浏览
【OpenGL】Shader实例分析-钻石效果

feng
2018-10-18

最近研究了一个玻璃折射的效果（用在钻石上），虽然没有达到最满意的效果，还是先分享出来，待以后有更好的想法再补充。先看效果吧：这里面有两个效果，左边是unity的免费插件Gem Shader，右边的是我自己实现的，我将分别介绍这两个效果的实现方法。一、知识补充：钻石的图片：两个shader都使用了CubeMap…… Shader "FX/Diamond" ｛ Properties ｛ _Col

OpenGL、 JavaScript、 GLSL、 AMD、 Queue、 Unity

赞3 评论0 4.1k浏览
Substance与PBR工作流总结

feng
2018-10-15

1、关于PBRPBR即基于物理的渲染，是一套尝试基于真实世界光照物理模型的渲染技术合集，使用了一种更符合物理学规律的方式来模拟光线，达到更真实的渲染效果，而且可以直接通过物理参数来直观地达到想要的结果，不用通过拙劣的各种参数调整。物理参数一般直接通过贴图来传递给Shader。2、关于SubstanceSubstance是Allegorithmic公司的一套PBR美术制作工具，包括Substance

渲染、 Unity、光照、 GLSL

赞1 评论0 5.6k浏览
Unity Android黑屏问题的解决办法

feng
2018-09-21

Unity游戏在接入魅族或者其他SDK之后出现黑屏问题。游戏启动到Unity的闪屏之后，整个手机屏幕变黑，但是经过一段时间后，游戏有声音播放，而且可以点击黑屏的某些区域。这个问题仅仅出现在游戏安装后第一次启动，第一次启动后，把游戏从内存删除，再次启动就不会遇到这个问题。Android Studio 中找到一个GLSL的报错。 Unity GLSL link failed, no info log

Unity、 Android、场景、 JavaScript、 GLSL

赞0 评论0 9.7k浏览
【PyOpenGL教程-介绍着色器】uniform变量（雾）

feng
2018-07-11

uniform变量（雾）原文地址：http://pyopengl.sourceforge.net/context/tutorials/shader_3.html本教程基于以往的教程之上新增了：- 在着色器中定义uniform变量- 传值给python中的uniform变量- 在顶点着色器中进行一些基本的计算，包括定义局部变量和使用一些简单的函数- 通过简单的“雾”效创建“深度提示”，根据顶点与眼睛

OpenGL、 JavaScript、 Array、 GLSL、渲染

赞0 评论0 2.2k浏览
【PyOpenGL教程-介绍着色器】attribute变量（补间动画）

feng
2018-07-11

属性值（实现补间动画）原文地址：http://pyopengl.sourceforge.net/context/tutorials/shader_4.html本教程构建在往期教程的基础之上新增了：在着色器中定义attribute变量定义给attribute变量赋值的数组基本不再使用legacy代码（转为使用attribute变量给顶点着色器传入属性值）实现一个简单的“补间”几何动画前面我们已经提到

JavaScript、 OpenGL、 Array、 GLSL、接口、渲染

赞0 评论0 2.7k浏览
Unity Shader深度测试-透视xray

feng
2018-06-21

透视XRay效果常常用来显示被墙体及其它物体遮挡的物体的轮廓，下面就和大家介绍下透视xray的使用。效果思路实现这个效果需要两个pass1. 绘制被遮挡部分，即深度测试 Greater ，且不写入深度缓冲区（防止印象其他物体的深度对比），剩下的 xray效果就比较容易，同一空间下通过点积处理。2. 正常绘制，即深度测试 LEqual ，且写入深度缓冲区（正常与其他物体遮挡）。sha

GLSL、 Map、环境光、 List、 JavaScript、光照

赞0 评论2 4.9k浏览
【WebGL】WebGL概述

feng
2018-05-02

本系列学习主要参考《WebGL编程指南》一书，希望通过这一系列的学习能够让大家了解WebGL。并且在了解WebGL之后能够更好的学习OpenGL其他的知识。概述什么是WebGLWebGL — 是一项用来在网页上绘制和渲染三维图形以及允许用户与之进行交互的技术。WebGL结合了HTML5和JavaScript，允许开发者在网页上创建和渲染三维图形。ps：听上去就很屌，假设我们是一名web前端开发者H

WebGL、 OpenGL、 JavaScript、 GLSL、 HTML5

赞0 评论0 7.8k浏览
Unity中实现羽化功能的shader

feng
2018-04-17

本篇文章和大家分享下如何用shader实现羽化效果，羽化就是使你选定范围的图边缘达到朦胧的效果。羽化值越大，朦胧范围越宽，羽化值越小，朦胧范围越窄。GLSL->ShaderLab,原GLSL代码来自http://blog.csdn.net/panda1234lee/article/details/52199296，由于shaderLab的一些特性，shaderLab代码显得要简洁很多。代码如

Unity、 ShaderLab、 GLSL、 JavaScript

赞0 评论0 5.9k浏览
Unity Shader基础：基础语法知识分享

feng
2018-03-21

想利用shader实现酷炫效果之前，大家唯一需要做的就是掌握基础知识，然后在这些基础知识的基础上再去进阶。为此下面就和大家分享下在学习编写shader过程中的语法知识。在代码中的注释很详细了，在这里就直接贴代码，可以根据代码和注释了解shader编程 Shader "LJL/ShaderText"//shader路径，不一定和shader文件名保持一致｛ Properties//

Unity、 JavaScript、 GLSL、数据存储

赞1 评论0 1.9k浏览
Shader特效——“径向模糊”的实现【GLSL】

feng
2018-02-07

本篇文章给大家介绍下如果使用GLSL代码实现一个径向模糊的shader效果。效果图1GLSL 代码： const float PI = 3.14159265; uniform sampler2D uImageUnit; uniform float uR; void main(void) ｛ ivec2 ires = textureSize(uImageUnit, 0);

GLSL、 JavaScript

赞1 评论0 3.4k浏览
Shader特效——“Sephia等效果”的实现【GLSL】

feng
2018-02-07

本篇文章给大家介绍下如果使用GLSL代码实现一个Sephia等效果的shader效果。效果图1GLSL 代码： const float PI = 3.14159265; uniform sampler2D uImageUnit; uniform float uR; void main(void) ｛ ivec2 ires = textureSize(uImageUnit,

GLSL、 JavaScript

赞0 评论0 2.6k浏览
Shader特效——“Invaders Invaders（火星文雨）效果”的实现【GLSL】

feng
2018-02-07

本篇文章给大家介绍下如果使用GLSL代码实现一个Invaders Invaders（火星文雨）的shader效果。效果图：GLSL代码及算法注释： uniform float iGlobalTime; uniform vec2 iMouse; vec2 iResolution = vec2(512., 512.); vec3 color = vec3(0.6, 0.1, 0.3); /

GLSL、 TCP/IP、 IP、 JavaScript、随机性

赞0 评论0 3.6k浏览
Shader特效——“帧动画效果”的实现【GLSL】

feng
2018-02-07

本篇文章给大家介绍下如果使用GLSL代码实现一个帧动画效果的shader效果。iChannel0是一幅由一系列连贯动作的彩虹猫组成的图像，如下图所示ichannel1是任意一副背景图像效果图GLSL代码与算法注释如下： uniform float iGlobalTime; uniform sampler2D iChannel0; uniform sampler2D iChannel1;

GLSL、 JavaScript

赞0 评论0 3k浏览
Shader特效——“Median Filter效果”的实现【GLSL】

feng
2018-02-07

效果图：GLSL代码与算法注释： #define SORT_SIZE 8 float sort[SORT_SIZE]; float medians[SORT_SIZE]; // [0., 1.] -> [0, 255] float quant(float x) ｛ x = clamp(x, 0., 1.); return floor(x * 255.

GLSL、 JavaScript、冒泡排序

赞0 评论0 6k浏览
Shader特效——“Distance 2D”的实现【ShaderToy】

feng
2018-02-07

本篇文章和大家介绍的是ShaderToy实现的Distance 2D效果。RoundedBox效果图：ShaderToy代码及算法注释： // Created by inigo quilez - iq/2015 // License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. //

JavaScript、 GLSL

赞0 评论0 1.7k浏览
Shader特效——“Cell Merge”的实现【ShaderToy】

feng
2018-02-07

下面给大家介绍用ShaderToy实现的Cell Merge。效果图：GLSL代码及注释： vec3 color_bg = vec3(0.0); vec3 color_inner = vec3(1.0,0.9,0.16); vec3 color_outer = vec3(0.12,0.59,0.21); //vec3 color_outer = mix(color_bg, color_

JavaScript、 GLSL

赞0 评论0 2.9k浏览
Shader特效——“旋转粒子”的实现【GLSL】

feng
2018-02-07

下面给大家介绍下旋转粒子特效的实现。效果图：GLSL代码及算法解释： // 动画相关参数 float dotSize = 0.01; float iteration = 100.; float xAmp = 0.3; float yAmp = 0.1; float speed = 0.05; float rotateCanvas = 0.; float rotatePa

GLSL、 JavaScript

赞1 评论0 7.9k浏览
最简单的曲面细分着色器（Tesselation Shader）【OpenGL】【GLSL】

feng
2018-02-07

效果如图：按 ‘m’ 键后代码及详细注释如下： GLuint program; GLuint vao; void startup() ｛ static const char * vs_source[] = ｛ "#version 410 core

OpenGL、 GLSL、 JavaScript、 GLEW

赞0 评论0 3.3k浏览
最简单的几何着色器（Geometry Shader）【OpenGL】【GLSL】

feng
2018-02-07

下面给大家接一个最简单的几何着色器，以绘制模型的法线的为例，效果如图：Torus：Dragon：关键代码如下：1.顶点着色器 static const char * vs_source[] = ｛ "#version 410 core \n" "

OpenGL、 GLSL、 JavaScript

赞0 评论0 2.3k浏览