![](https://seguimiii.com/wp-content/uploads/2021/05/framebuffer202105_001.png)
今回は、フレームバッファの使い方を紹介したいと思います。フレームバッファはシーンチェンジやエフェクトなど画面全体にエフェクトをかけたいときに使われます。
フレームバッファ
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_001.png)
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_008.png)
まずはこちら、背景や画像、テキストなどを置いた状態です。7つのオブジェクトで構成されています。
この状態で画面全体をアップにしたり、クリッピングなどのエフェクトをかけようとした場合、オブジェクトひとつひとつに同じエフェクトをかけなくてはいけなかったり、そもそも上手くいかなかったりします。
![](https://seguimiii.com/wp-content/uploads/2019/04/framebuffer201904_003.png)
そんなとき活躍するのがフレームバッファです。フレームバッファを利用すると現在映し出されている画面(フレーム)をコピーして一枚の画像のように扱うことができます。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_002.png)
フレームバッファを置いたレイヤーよりも上にあるオブジェクトが対象になります。なので、大抵はオブジェクト群の一番下に置くことになると思います。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_003.png)
フレームバッファのパラメータは、XYZ座標、拡大率、透明度、回転がデフォルトです。エフェクトをかける場合はこのフレームバッファにかけます。
フレームバッファの使用例
フレームバッファの使用例です。
画面全体の拡大縮小、回転、クリッピングや画像ループなどのエフェクトをかけています。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_010.png)
エフェクトをかけっぱなしにしたいときは、オブジェクトの長さ全体をカバーするようにフレームバッファを伸ばします。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_009.png)
シーンチェンジとして使う場合は、シーンのおしりと次のシーンのあたまにそれぞれフレームバッファを置いて座標を動かしたりエフェクトをかけたりすることが多いですね。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_004.png)
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_006.png)
他にもフレームバッファにぼかしをかけてみたり。フレームバッファにかけることで画面全体にぼかしがかかっているのが分かると思います。
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_005.png)
![](https://seguimiii.com/wp-content/uploads/2021/02/rwframebuffer202102_007.png)
フレームバッファの座標をずらしたり、拡大率を小さくしてみてください。フレームバッファの下には元のオブジェクト群があります。そのため、透明度やクリッピングをかけても効果が見えないことがあります。
その場合はフレームバッファをクリアにチェックを入れることで、下のオブジェクトが見えなくなります。
いかがだったでしょうか。
画面全体を対象としたエフェクトをかけるならフレームバッファが便利です。シーンチェンジにも役立つので、是非覚えておいてください。