常連

私はGLSLを使用してfftテクスチャを作成しようとしています。 しかし、現在のバージョン150で作成されたものの、バージョン120に書き直したいと思っていましたが、うまくいきません。下にソースコードを貼り付けますので、原因が分かっていれば教えてください。 

glsl150.vert
```ここに言語を入力
#version 150
uniform mat4 modelViewProjectionMatrix;
in vec4 position;
in vec2 texcoord;

out vec2 vTexCoord;

void main(){
    vTexCoord = texcoord;
    gl_Position = modelViewProjectionMatrix * position;
}

```

glsl150.frag

```ここに言語を入力
#version 150
uniform sampler2DRect tex;
uniform float rawFft[256];
in vec2 vTexCoord;

out vec4 outputColor;

void main(){

    if (vTexCoord.y < 1.0) {
        int i = int(vTexCoord.x);
        outputColor.r = rawFft[i];
    } else {
        vec2 st = vTexCoord;
        st.y -= 1.0;
        outputColor.r = texture(tex, st).r;
    }
    outputColor.a = 1.0;
}
```

![イメージ説明](677ae4b79c9e7f872837613e1fa09bae.png)


  
  


glsl120.vert

```ここに言語を入力
#version 120
#extension GL_ARB_texture_rectangle : enable

void main(){
    gl_TexCoord[0] = gl_MultiTexCoord0;
    gl_Position = gl_Vertex;
}
```

glsl120.frag

```ここに言語を入力
#version 120
#extension GL_ARB_texture_rectangle : enable

uniform sampler2D tex;
uniform float rawFft[256];

vec4 outputColor;

void main(){

    if (gl_TexCoord[0].y < 1.0) {
        int i = int(gl_TexCoord[0].x);
        outputColor.r = rawFft[i];
    } else {
        vec2 st = gl_TexCoord[0].st;
        st.y -= 1.0;
        outputColor.r = texture2D(tex, st).r;
    }
    outputColor.a = 1.0;

    gl_FragColor = outputColor;
}
```

![イメージ説明](2f0b5c322a4f2f5089f9571f75dbc9dd.png)

120に書き換えるとこのようになります。150と同じ結果を得るためにはどうしたら良いでしょうか？


[追記]
渡す頂点座標を```gl_Position = gl_Vertex;
```から```gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;```に変えてみたところ、全画面に色が出るようになりました、、
![イメージ説明](69396a917644ee91fd301fdea6c166fa.png)

GLSLを用いたfftの可視化について、glsl150からglsl120への書き換え

### WARNING: Shader Unsupported: 'Hidden/Internal-MotionVectors' - Pass '' has no vertex shader を出ないようにしたいです。

Unity5.4.1p4
Xcode Version 8.0 (8A218a)
iPhone 7 iOS10.0.2(14A456)
でGame用shaderを作っています。  
使用しているシェーダをコンパイル時に実行中に以下のエラーメッセージが発生しました。

###発生している問題・エラーメッセージ

```
-------- -------- -------- -------- Xcode OutPut-------- -------- -------- -------- -------- 
-------- failed compiling:
fragment evaluation shader
WARNING: 0:4: extension 'GL_EXT_frag_depth' is not supported
ERROR: 0:38: Use of undeclared identifier 'gl_FragDepthEXT'

Note: Creation of internal variant of shader 'Hidden/Internal-MotionVectors' failed.
WARNING: Shader Unsupported: 'Hidden/Internal-MotionVectors' - Pass '' has no vertex shader
WARNING: Shader Unsupported: 'Hidden/Internal-MotionVectors' - Setting to default shader.
```

###該当のソースコード
```Internal-MotionVectors.shader
Shader "Hidden/Internal-MotionVectors"
{
	SubShader
	{
		CGINCLUDE
		#include "UnityCG.cginc"

		// Object rendering things
		float4x4 _NonJitteredVP;
		float4x4 _PreviousVP;
		float4x4 _PreviousM;
		bool _HasLastPositionData;
		float _MotionVectorDepthBias;

		struct MotionVectorData
		{
			float4 transferPos : TEXCOORD0;
			float4 transferPosOld : TEXCOORD1;
			float4 pos : SV_POSITION;
		};

		struct MotionVertexInput
		{
			float4 vertex : POSITION;
			float3 oldPos : NORMAL;
		};

		MotionVectorData VertMotionVectors(MotionVertexInput v)
		{
			MotionVectorData o;
			o.pos = UnityObjectToClipPos(v.vertex);

			// this works around an issue with dynamic batching
			// potentially remove in 5.4 when we use instancing
#if defined(UNITY_REVERSED_Z)
			o.pos.z -= _MotionVectorDepthBias * o.pos.w;
#else
			o.pos.z += _MotionVectorDepthBias * o.pos.w;
#endif
			o.transferPos = mul(_NonJitteredVP, mul(unity_ObjectToWorld, v.vertex));
			o.transferPosOld = mul(_PreviousVP, mul(_PreviousM, _HasLastPositionData ? float4(v.oldPos, 1) : v.vertex));
			return o;
		}

		half4 FragMotionVectors(MotionVectorData i) : SV_Target
		{
			float3 hPos = (i.transferPos.xyz / i.transferPos.w);
			float3 hPosOld = (i.transferPosOld.xyz / i.transferPosOld.w);

			// V is the viewport position at this pixel in the range 0 to 1.
			float2 vPos = (hPos.xy + 1.0f) / 2.0f;
			float2 vPosOld = (hPosOld.xy + 1.0f) / 2.0f;

#if UNITY_UV_STARTS_AT_TOP
			vPos.y = 1.0 - vPos.y;
			vPosOld.y = 1.0 - vPosOld.y;
#endif
			half2 uvDiff = vPos - vPosOld;
			return half4(uvDiff, 0, 1);
		}

		//Camera rendering things
		sampler2D_float _CameraDepthTexture;

		struct CamMotionVectors
		{
			float4 pos : SV_POSITION;
			float2 uv : TEXCOORD0;
			float3 ray : TEXCOORD1;
		};

		CamMotionVectors VertMotionVectorsCamera(float4 vertex : POSITION, float3 normal : NORMAL)
		{
			CamMotionVectors o;
			o.pos = UnityObjectToClipPos(vertex);

#ifdef UNITY_HALF_TEXEL_OFFSET
			o.pos.xy += (_ScreenParams.zw - 1.0) * float2(-1, 1) * o.pos.w;
#endif
			o.uv = ComputeScreenPos(o.pos);
			// we know we are rendering a quad,
			// and the normal passed from C++ is the raw ray.
			o.ray = normal;
			return o;
		}
		
		inline half2 CalculateMotion(float rawDepth, float2 inUV, float3 inRay)
		{
			float depth = Linear01Depth(rawDepth);
			float3 ray = inRay * (_ProjectionParams.z / inRay.z);
			float3 vPos = ray * depth;
			float4 worldPos = mul(unity_CameraToWorld, float4(vPos, 1.0));

			float4 prevClipPos = mul(_PreviousVP, worldPos);
			float2 prevHPos = prevClipPos.xy / prevClipPos.w;

			float4 curClipPos = mul(_NonJitteredVP, worldPos);
			float2 curHPos = curClipPos.xy / curClipPos.w;
			
			// V is the viewport position at this pixel in the range 0 to 1.
			float2 vPosPrev = (prevHPos.xy + 1.0f) / 2.0f;
			float2 vPosCur = (curHPos.xy + 1.0f) / 2.0f;
#if UNITY_UV_STARTS_AT_TOP
			vPosPrev.y = 1.0 - vPosPrev.y;
			vPosCur.y = 1.0 - vPosCur.y;
#endif
			return vPosCur - vPosPrev;
		}

		half4 FragMotionVectorsCamera(CamMotionVectors i) : SV_Target
		{
 			float depth = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv);
			return half4(CalculateMotion(depth, i.uv, i.ray), 0, 1);
		}

		half4 FragMotionVectorsCameraWithDepth(CamMotionVectors i, out float outDepth : SV_Depth) : SV_Target
		{
			float depth = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv);
			outDepth = depth;
			return half4(CalculateMotion(depth, i.uv, i.ray), 0, 1);
		}
		ENDCG

		// 0 - Motion vectors
		Pass
		{
			Tags{ "LightMode" = "MotionVectors" }
			
			ZTest LEqual
			Cull Back
			ZWrite Off

			CGPROGRAM
			#pragma vertex VertMotionVectors
			#pragma fragment FragMotionVectors
			ENDCG
		}

		// 1 - Camera motion vectors
		Pass
		{
			ZTest Always
			Cull Off
			ZWrite Off
			
			CGPROGRAM
			#pragma vertex VertMotionVectorsCamera
			#pragma fragment FragMotionVectorsCamera
			ENDCG
		}

		// 2 - Camera motion vectors (With depth (msaa / no render texture))
		Pass
		{
			ZTest Always
			Cull Off
			ZWrite On
			
			CGPROGRAM
			#pragma vertex VertMotionVectorsCamera
			#pragma fragment FragMotionVectorsCameraWithDepth
			ENDCG
		}
	}

	Fallback Off
}

```

###試したこと
課題に対してアプローチしたことを記載してください
こちらのサイトに
http://answers.unity3d.com/questions/1112968/shader-unsupported-no-vertex-shader-breaking-graph.htm
Found the answer. The issue was actually in another custom shader, which contained the code "#pragma exclude_renderers gles flash". WebGL uses gles, and that line stopped the shader for compiling for it. 

とあったので#pragma exclude_renderers gles を追加してみました。

l
			CGPROGRAM
			#pragma exclude_renderers gles を追加してみました。


よく読むと"#pragma exclude_renderers gles flash"と書いた別のカスタムシェーダがわるさをしている
マニュアルによると#pragma exclude_renderers space separated names - 指定のレンダラーのみシェーダーをコンパイルしません。
OpenGLES2.0 しか指定していないのでglsl をコンパイルしないわけにいきません
その記述に関係なく動作しました。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
project setting は
OpenGLES2.0、まあまあ正常な中この WARNING: Shader Unsupported: 'Hidden/Internal-MotionVectors' - Pass '' has no vertex shader
OpenGLE3.0 3Dオブジェクトはピンク たぶんよくある シェーダーが見つかりませんよエラーです。
metal  3Dオブジェクトは真っ黒です。

Rendering Path はForward
です。

Unity5.4.1p4
Xcode Version 8.0 (8A218a)
iPhone 7 iOS10.0.2(14A456)

 WARNING: Shader Unsupported: 'Hidden/Internal-MotionVectors' - Pass '' has no vertex shader　を出ないように

###前提・実現したいこと
GLSL1.2で記述されている、バーテックスとフラグメントシェーダーをGLSL1.5に書き換えたいのですが全くわからないので教えていただきたいです。

###ソースコード
fragment
```GLSL
#version 120
uniform sampler2DRect image;
uniform float rand;

varying vec3 pos;

void main (void)
{
    vec2 texCoord = vec2(pos.x , pos.y);

    vec4 col = texture2DRect(image,texCoord);
    vec4 col_r = texture2DRect(image,texCoord + vec2(-35.0*rand,0));
    vec4 col_l = texture2DRect(image,texCoord + vec2( 35.0*rand,0));
    vec4 col_g = texture2DRect(image,texCoord + vec2( -7.5*rand,0));
    

    col.b = col.b + col_r.b*max(1.0,sin(pos.y*1.2)*2.5)*rand;
    col.r = col.r + col_l.r*max(1.0,sin(pos.y*1.2)*2.5)*rand;
    col.g = col.g + col_g.g*max(1.0,sin(pos.y*1.2)*2.5)*rand;

    gl_FragColor.rgba = col.rgba;
}

```

vertex
```GLSL
#version 120
varying vec3 pos;
void main(void)
{
    pos = gl_Vertex.xyz;
    gl_Position = ftransform();
}
```

この２つを#version150の形に直したいです

GLSL1.2をGLSL1.5に書き換える

webGL2.0で，transformFeedBackを使ってGPGPUを行なっています．やってることはただのピンポンで，レンダリングするたびにvertexBufferをtransformFeedbackBufferと入れ替えるプログラムです.
そこで毎回，頂点座標にgl_VertexIDを足して更新する，といったプログラムにしたいのですが，一度目はちゃんと足され，二度目以降更新がされなくなります．

以下一部を抜粋したコードです
```js
    var particleNum=10;
    var position = new Array(particleNum*3);
    for (var i = 0; i < position.length; i++) {
        position[i] = 0;
    }
    let vPosition = create_vbo(position);
    vAttLocation[0] = gl.getAttribLocation(prg, "position");
    vAttStride[0] = 3;   
 
   const vTransformFeedback = [gl.createBuffer()];
   const transformFeedback = [gl.createTransformFeedback()];
   gl.bindBuffer(gl.ARRAY_BUFFER, vTransformFeedback[0]);
   gl.bufferData(gl.ARRAY_BUFFER, Float32Array.BYTES_PER_ELEMENT * position.length , gl.DYNAMIC_COPY);
   gl.bindBuffer(gl.ARRAY_BUFFER, null);

    (function () {         
        set_attribute([vPosition], vAttLocation, vAttStride);
        gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, transformFeedback[0]);    
        gl.bindBufferBase(gl.TRANSFORM_FEEDBACK_BUFFER, 0, vTransformFeedback[0]);
        gl.beginTransformFeedback(gl.POINTS);        
        gl.drawArrays(gl.POINTS, 0, position.length/3);
        gl.endTransformFeedback();
        var arrBuffer = new Float32Array(position.length);        
        gl.getBufferSubData(gl.TRANSFORM_FEEDBACK_BUFFER, 0, arrBuffer);
        console.log(arrBuffer);
        gl.bindBufferBase(gl.TRANSFORM_FEEDBACK_BUFFER, 0, null);        
        var temp = vPosition;
        vPosition = vTransformFeedback[0];
        vTransformFeedback[0] = temp;
        gl.flush();
        setTimeout(arguments.callee,1000);
        //requestAnimationFrame(arguments.callee);        
    })();
```

```glsl
    void main(void){      
      gl_Position=vec4(position,1.0); 
      outPosition=position+vec3(float(gl_VertexID));      
    }
```

コンソール結果です
![コンソール結果](d2446eed08cff79dec0258894cfdcd14.png)

なってほしい結果はこんな感じです
![イメージ説明](a0f796f3b1c8e153590ccb18425cd3a7.png)
ちなみにこれは，gl_VertexIDの代わりに頂点属性として自分でIDを設定した場合の画像です．
同じことしてるはずなんですけどちゃんと動いてるのでやっぱりgl_VertexIDがちゃんと機能してないのかな？と思いました
https://qiita.com/nami634/items/afc9ac7956bb21f76517
ここ見るとgl_VertexIDは必ず存在するけど定義されてない場合がある．と書いてあったのでその場合かなとも思いました．どのような場合に定義されないのか，といったことを知りたいです(上記の通り，他の方法でプログラムはできているのでそこは大丈夫です）よろしくお願いします．

webGL2.0のGPGPUでgl_VertexIDが機能してない？

質問ですが、なぜ提示コードの頂点バッファーコメント部のような頂点を与えてもシェーダーで描画しようととすると提示画像のようなバグが発生するのでしょうか？自分は正規化デバイス座標で真ん中に表示するよう頂点座標を**正規化デバイス座標**で設定しましたこれができないのは異常に変なのですが自分は一体何をしているのでしょか？

glVertex3f();などといった確認用の簡易頂点関数などでの描画ではちゃんと正方形が表示されるためやはり何かおかしいと思うのですがOpenglは初心者ですのでどうしてもわかりません。






![イメージ説明](4f71e2627580e7b5e2c90b1fdad53a49.png)
```GLSL
#version 400
//フラグメントシェーダー
out vec4 fragment;

void main()
{
	fragment = vec4(0.0,0.0,1.0,1.0);
	
	
}
```

```GLSL
#version 400 
//頂点シェーダー

layout(Location = 0) in vec3  position;//頂点座標


void main()
{
	gl_Position = vec4( position,1.0);
}


```



```cpp
//シェーダを実装する
void Game::Shader()
{



//シェーダーの読み込みコードは長くてそれｔに必要ないので割愛
/*
	

*/


	//フラグメントシェーダー
	glBindAttribLocation(program, 0, "Vertex");

	//頂点シェーダー
	glBindAttribLocation(program,1,"Vertex");

//*****************************************************************************

	glLinkProgram(program);

	//使わなくなったシェーダーオブジェクトを削除
	glDeleteShader(out_frag);
	glDeleteShader(out_vert);
}


//初期化
bool Game::Initialization()
{

////////////////////////////////////////////////////////////////////	
	//頂点バッファー
/*
	const GLfloat Vertex[18] =
	{
		-0.5, 0.5, 1.0,
		-0.5, -0.5, 1.0 ,
		 +0.5, -0.5, 1.0,

		-0.5, 0.5, 1.0,
		0.5, 0.5, 1.0 ,
		+0.5, -0.5, 1.0


	};
*/
//////////////////////////////////////////////////////////////////
	Shader();//シェーダーを読み込む

	glGenVertexArrays(1, &vbo);
	glBindVertexArray(vbo);
	glGenBuffers(1,&vbo);
	glBindBuffer(GL_ARRAY_BUFFER, vbo);
	glBufferData(GL_ARRAY_BUFFER,  sizeof(Vertex), Vertex, GL_STATIC_DRAW);///////
	glVertexAttribPointer(0, 4, GL_FLOAT, GL_FALSE, 0, 0);
	glEnableVertexAttribArray(0);
	glBindVertexArray(vbo);
	


	mIsRunLoop = true;
	return mIsRunLoop;
}

//アップデート
void Game::Update()
{
	
}

//描画アップデート
void Game::GenerateOutput()
{
	glClearColor(1.0f, 0.0f, 0.0f, 1.0f);
	glClear(GL_COLOR_BUFFER_BIT);

	glUseProgram(program);//シェーダーを有効にする


	glDrawArrays(GL_POLYGON, 0,6);

	glViewport(0,0,WIDTH,HEIGHT);
}

```

正規化デバイス座標で画面の真ん中に頂点描画ができない。

こちらのサイト（http://tips.hecomi.com/entry/20130323/1364046980）
でGLSLの勉強をしていたのですが。
サイト内に以下のようなシェーダが出てきます。

```
#ifdef GL_ES
precision mediump float;
#endif

uniform vec2  resolution;
uniform float time;

void main() {
	float x = resolution.x / 2.0;
	float y = resolution.y / 2.0;
	float size = 5.0;
	vec2  pos = vec2(x, y);
//問題個所↓
	float dist = length(gl_FragCoord.xy - pos);
//
	float color = size / dist;
	gl_FragColor = vec4(vec3(color), 1.0);
}
```
ここでの__gl_FragCoord.xy__が、どういった数値を表しているのか理解したいのです。
他のサイトでは、ウィンドウ上のフラグメント位置、を参照していると書いてあるのですが、これがよくわかりません
ウィンドウ上（つまりスクリーン座標）での頂点位置との解釈でよろしいのでしょうか？

最後に、float dist = length(gl_FragCoord.xy - pos)によって、逆数が求まるとの事ですが、この逆数とは、どの数値の逆数なのでしょうか。。

回答お願いいたします。

GLSLシェーダーの、gl_FragCoordとは？

glslで式の型を判定するライブラリを探しています

具体的には，
```glsl
vec2(1.0,3.0)+vec2(2.0,0.0);
```
が与えられた時にvec2を判定し，
```glsl
dot(vec2(2.0,1.0),vec2(5.0,3.0));
```
が与えられた時にfloatを判定するなどです

このようなライブラリがあれば教えていただきたいです．よろしくお願いいたします

glslで式の型を判定するライブラリについて

### 前提・実現したいこと
Android 上で OpenGLES2.0 を使用しテクスチャの合成テストをしたいと考えています。

プログラムを組んでいる中で、GLSL ES の gl_FragCoord 変数を使用し描画先のテクスチャと色を合成しようとしたところ合成結果に線が出てしまう現象が発生しました。

**自分の扱い方が間違っている部分があるため当現象が起きているのだと思います。**
**線が出ないような方法が分かる方いらっしゃいましたらご教示頂けますと幸いです。**

**※GLSLのデバッグするコツなども教えて頂けると嬉しいです。**

### 発生時のスクリーンショット
※テスト画像には「いらすとや」様よりダウンロードしてきた物を使用しております。
![イメージ説明](86794203bfad109aa0e3c88dbd335344.png)

### 検証端末
▼ 現象が発生するAndroid端末
- Google Pixel 3（AndroidOS:10）

▼ 現象が発生しないAndroid端末
  - Xperia XZ premium（AndroidOS:9）

### 使用素材
▼画像１
![画像１](ce5c4d190517da960af2508a85654608.png)

▼画像２（いらすとや様よりダウンロードした物）
![画像２](6130a18d90e0ef43b69caad43bc45ad5.png)

### 処理の概要
~~コード量が1,000行を超えておりますのでGithubでアップロードの準備しております。~~
~~アップロードできるまで実装の概要を記載致します。~~

**2020/02/04 16:10 追記：GitHubプロジェクトの準備ができました。**
**処理の大まかな流れはそのまま残します。**
- [taiki-f/AndroidOpenglSimple - GitHub](https://github.com/taiki-f/AndroidOpenglSimple)

1. 画像１を読み込みテクスチャAを生成します。
2. 画像２を読み込みテクスチャBを生成します。
3. フレームバッファ1を生成します。
4. フレームバッファ1のカラーバッファへテクスチャCをアタッチします。
5. フレームバッファ1をバインドしテクスチャAを描画します。
6. フレームバッファ1をバインドしテクスチャBとテクスチャCを合成し描画します。（※この際に下記記載のGLSL ESコードを使用しております。）
7. Androidで標準で用意されているフレームバッファをバインドしテクスチャCを描画します。
結果：「発生時のスクリーンショット」のように画面に表示されます。

### 合成描画時に使用しているGLSL ESコード

```ここに言語名を入力
    const char BLEND_VERTEX_SHADER[] =      // ブレンド用頂点シェーダ
        //"#version 100"
        "attribute vec4 position;"
        "attribute vec4 color;"
        "attribute vec2 texcoord;"
        "varying vec4 vColor;"
        "varying vec2 vTexcoord;"
        "uniform mat4 projection;"
        "void main() {"
            "gl_Position = projection * position;"
            "vColor = color;"
            "vTexcoord = texcoord;"
        "}";

    const char BLEND_FRAGMENT_SHADER[] =     // ブレンド用フラグメントシェーダプログラム
        //"#version 100"
        "precision mediump float;"
        "varying vec4 vColor;"
        "varying vec2 vTexcoord;"
        "uniform sampler2D textureSrc;"
        "uniform sampler2D textureDst;"
        "uniform vec2 textureSize;"
        "const vec4 minColor = vec4(0.0, 0.0, 0.0, 0.0);"
        "const vec4 maxColor = vec4(1.0, 1.0, 1.0, 1.0);"
        "vec3 GetColor(const in vec3 src, const in vec3 dst, const in float alpha)"
        "{"
            "return clamp(vec3(src * dst) * alpha + dst * (1.0 - alpha), minColor.rgb, maxColor.rgb);"
        "}"
        "void main() {"
            "lowp vec4 src = texture2D(textureSrc, vTexcoord);"
            "lowp vec4 dst = texture2D(textureDst, gl_FragCoord.xy / textureSize);"
            "gl_FragColor.rgb = GetColor(src.rgb * vColor.rgb, dst.rgb, src.a * vColor.a);"
            "gl_FragColor.a = 1.0;"
        "}";


```

### 試したこと
使用する画像を変更してみたり、glEnable関数/glDisable関数で色々な設定を有効/無効に変えたりしているのですがどうしても線が消えません。

gl_FragCoord 変数がバーテックスシェーダーで計算できるという記事を見たので試してみましたが、計算方法が良く分からず断念しました。

### 開発環境
- Visual Studio 2017 Professional
- Android NDK r15c
- Android SDK r25
- Java SE Development Kit 18.0.25

### 補足情報
- [opengl:glsl - HYPERでんち](https://dench.flatlib.jp/opengl/glsl)
一部端末でgl_FragCoord 変数がズレるという記事が書いてありました。

- [glslでgl_FragCoordを計算する方法 - VoidCC](http://ja.voidcc.com/question/p-tzgwvfse-k.html)
gl_FragCoord 変数を独自で計算して出そうとしているようでした。