1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VFXGraphにGraphicsBufferから値を渡す

Posted at

#やること
VFXGraphに対してGraphicsBufferを介して値を渡す。
VFXGraphに複数の値を渡すには一旦テクスチャにベイクする必要があったが、
バージョン12からGraphicsBufferがサポートされているので試してみる。
GraphicsBufferに対して値を渡すのにComputeShaderを使う方法とC#スクリプトを使う方法をトライする。
#参考文献
https://github.com/keijiro/VfxGraphGraphicsBufferTest
#ComputeShaderを使う方法
参考文献を更に簡略化しただけですが
ComputeShader

#pragma kernel WaveAnimation

float Time;
RWStructuredBuffer<float3> PointBuffer;

[numthreads(4,4,1)]
void WaveAnimation (uint2 id : SV_DispatchThreadID)
{	
	float z = sin(id.x * 0.5 - Time * 2) *id.y* 0.5;
    
	uint index = id.x + id.y * 16;
	PointBuffer[index] = float3(id.x, id.y, z);
}

C#

using UnityEngine;
using UnityEngine.VFX;

public class WaveAnimation : MonoBehaviour
{
    [SerializeField] ComputeShader ComputeShader;
    GraphicsBuffer GraphicsBuffer;
    int kernel;
    
    private void Start()
    {
        GraphicsBuffer = new GraphicsBuffer(GraphicsBuffer.Target.Structured, 16 * 16, 3 * sizeof(float));
        GetComponent<VisualEffect>().SetGraphicsBuffer("TestBuffer", GraphicsBuffer);
        kernel = ComputeShader.FindKernel("WaveAnimation");
    }

    private void Update()
    {
        ComputeShader.SetFloat("Time", Time.time);
        ComputeShader.SetBuffer(kernel, "PointBuffer", GraphicsBuffer);
        ComputeShader.Dispatch(kernel,4, 4, 1);
    }

    private void OnDestroy()
    {
        GraphicsBuffer.Release();
    }
}

VFXGraph
image.png
結果
wave.gif
#軽く解説1
ComputeShaderに関しては自分もしっかりとは理解できていないのですが、idというVector2を与えた時その値と時間に応じたZの値を計算させています。
https://edom18.hateblo.jp/entry/2017/05/10/083421
https://edom18.hateblo.jp/entry/2017/10/07/171147
このサイトが参考になりました。

C#の方はStartでGraphicsBufferを作成しVisualEffectのプロパティに渡しています。
Updateで現在時刻をcomputeshaderに渡して計算の命令を出しているようです。
基本的にはComputeBufferの上位互換?みたいなので、ComputeBufferが分かっている人ならすんなり使えると思われます。
https://qiita.com/IKD-Member/items/f424b3e53a6482cab884
この記事も参考になりました。
#C#スクリプトを使う方法
自分が前書いたテクスチャにベイクして渡す方法のサンプルを改造していきます。
https://qiita.com/rasashi1/items/9b44957d41fad8355f2b
グラフ
image.png

vfx側のスクリプト

using UnityEngine;
using UnityEngine.VFX;

public class MagicOrb : MonoBehaviour
{
    VisualEffect vfx;
    GraphicsBuffer GraphicsBuffer;

    //Orbの状態を表す 
    //0:緑色 1:赤色 2:青色
    int[] orbState = new int[9];
    public int[] OrbState
    {
        get { return orbState; }
        set { orbState = value; }
    }

    private void Start()
    {
        vfx = GetComponent<VisualEffect>();
        GraphicsBuffer = new GraphicsBuffer(GraphicsBuffer.Target.Structured, 9, sizeof(int));
        vfx.SetGraphicsBuffer("TestBuffer", GraphicsBuffer);
        SetData2Buffer();
    }

    public void SetData2Buffer()
    {
        GraphicsBuffer.SetData(orbState);
    }
}

キューブ側のスクリプト

using UnityEngine;

public class OrbInteractor : MonoBehaviour
{
    [SerializeField] bool left = false;
    [SerializeField] MagicOrb magicOrb;

    bool change = false;

    private void OnTriggerEnter(Collider other)
    {
        if (other.gameObject.CompareTag("Orb"))
        {
            //object名の数字部分を切り出す
            string name = other.gameObject.name;
            int num = int.Parse(name.Substring(4));

            change = false;

            if (left && magicOrb.OrbState[num] != 2)
            {
                magicOrb.OrbState[num] = 2;
                change = true;
            }
            else if (!left&&magicOrb.OrbState[num] != 1)
            {
                magicOrb.OrbState[num] = 1;
                change = true;
            }

            if (change)
            {
                //magicOrb.SetMap2VFX();
                magicOrb.SetData2Buffer();
            }
        }
    }
}

かなりシンプルになりましたね。
もっと大量のデータを渡すパターンも試してみたいところですが一旦これで完了で...

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?