続：ポイントスプライト

前回に引き続きポイントスプライトによるパーティクルを実装中です。前回の疑問点だった『２次元ベクトルのＵＶ座標を座標変換するとＵＶによるパターン切り替えができるけど、なぜ？』という理由が(半分)わかりました。このＵＶ座標は頂点に含まれているＵＶ座標と認識していたのですが、よくよく考えてみるとピクセルシェーダー内でのことですので、頂点ではなく、描画するピクセルのＵＶ座標でした。これから描画するピクセルがテクスチャーのどの辺か？という情報で、それに対して座標変換することでＵＶ座標を指定しているかのような結果になっていたわけです。
さて、そうとわかればＵＶアニメーションはもらったも同然！と思っていたら…。今度は回転でハマりました。ポイントスプライトでは頂点の回転はできないっぽいので、ＵＶを回転させることでパーティクルを回転させることになります。しかし、１枚のテクスチャーに複数のパターンが描かれているということは、ＵＶを回転させるととなりのパターンのテクセルを拾ってきてしまうではないですか！　もっと言うと回転させすぎるとパターンの隅がポリゴンの外にいってしまい画像が切れてしまいます…。う〜ん、これについては我慢するしかないなぁ…。テクスチャーを描くときに外側をあまり使わないようにして、回転もあまり使わないようにします…。普通にポリゴンで描けばこんなことにはならないんですけどね〜。ちなみにＵＶ値の回転はＣＣＯのサンプルにあります。

試しに１００個パーティクル配置してみましたが、３６０上でも落ちることなく60フレーム/秒で動作しています。
今回作成した炎のパーティクルですが、実は４パターン分しか描いていません。パターンをクロスフェードさせることで、８パターンのような滑らかさが得られます。


下の画像が実際に使っているテクスチャーデータです。256色に落としちゃいましたが、どうぞご自由に使ってください。著作権フリーって奴です。こういうパーティクル素材って作るの面倒ですしね。動きを入れてあると少ないパーティクルでも豪華に見えるので便利なんですよ〜。

【追記】
パターンはＺ字状に表示してください。具体的にいうと、左上から始まって右上まで進み、次に左下へ飛んで、右下までです。右下まで行ったら左上に戻ります。ちなみに実際に描いた４パターンは一番左の列と、左から３番目の列です。他の列に比べて線がシャープなのでわかりやすいですね。

【追記】
試しに箱○で３０００個置いてみたらさすがにガクつきました。２５００までなら問題なく６０フレーム/秒を維持できました。ちなみにこんな感じです。山火事か！？