ICS MEDIAでは「Unityエフェクト3分クッキング－滝の表現」にてUnityを使ったエフェクトの作成方法を紹介しました。本記事では、スクリプトを使わずにジェネラティブアートを作る超簡単な方法を解説します。数ステップで思いもよらない結果が得られますので、ぜひ本記事を参考にチャレンジしてみてください。 今回作成するジェネラティブアート レンダーテクスチャーとは 簡単にいうと、カメラで撮影した結果をテクスチャーにできる機能です。車のドアミラーや、3Dゲーム内でテレビや大型モニターなどを作る際に利用されます。 『Render Textureは、ランタイムで作成・更新される特殊なTextureです。使用するには、まず新しいレンダーテクスチャを作成し、カメラの1つを指定して、そこにレンダリングします。これで、通常のテクスチャのように、Material内のレンダーテクスチャを使用できます。』 レ

エフェクト作成入門講座。UVスクロールを使ったロゴアニメーションの作成（Effekseer編） エフェクト作成ツール「Effekseer」(エフェクシアー)を使ったエフェクト作成の入門講座第4弾です。今回はUVスクロールを使ったロゴアニメーションを取り上げます。作成したエフェクトはUnityに読み込んで使用したり、連番画像ファイルに出力することでWebGLやFlash等にも利用できます。「Effekseer」の使い方は第1弾の記事「エフェクト作成入門講座 Effekseer編 UVスクロールを使ったマグマエフェクトの作成」で解説していますので、あわせてご覧ください。 今回のお題：UVスクロールを使ったロゴアニメーション やってみよう：ロゴアニメーションの作成 エフェクトの構成図です。大きく3つのパーツから成り立っています。サンプルファイルをダウンロードして、記事と照らし合わせながら進めるこ

昨今のWebサイトではWebGLを利用した3Dコンテンツをしばしば見かけるようになってきました。WebGLに対応した端末が普及してきていることや、Three.jsなどのライブラリが充実していることもあり、実案件での採用が現実的になってきているからです。 しかし、いざ3Dコンテンツを作ってみると、どこか味気のないものになってしまう事があります。そんな時はエフェクトの追加をオススメです。エフェクトを追加することで、コンテンツの見栄えが派手になったり、キャラやゲームの状態が伝わりやすくなります。今回エフェクトの例として、RPGのセーブポイントや回復ポイントで使用されそうなデモを制作してみました。 デモを別ウインドウで再生する ソースコードを見る ※このデモはThree.js r146とTypeScript 4.9によって書かれています。 本記事では、セーブポイント風なエフェクトの作成を通して、T

リアルタイムパーティクルエフェクトミドルウェア「PopcornFx」(ポップコーン FX)を使ったエフェクト作成の入門講座第1弾です。公式サンプルをお題にPopcornFxの持つパワフルな機能に触れながら、エフェクト作成に役立つテクニックを紹介します。WebGLやシェーダーを使ったVFX作成にも役に立つと思いますのでぜひご参考ください。 PopcornFxとは？ パリとモントリオールに拠点を置くPersistant Studios社が提供するリアルタイム3Dグラフィックスのソフトウェアです。エフェクトエディター（Windowsのみ対応）、マルチプラットフォーム対応のランタイムSDK(C++)、Unity, Unreal Engineのプラグインから構成されます。エディター自体は無料で利用できます。ランタイムSDK、プラグインは有料となっています。 ※対応プラットフォームは、Xbox One

エフェクト作成ツール「Effekseer」(エフェクシアー)を使ったエフェクト作成の入門講座第2弾です。普段エフェクト作成やゲーム開発をしない方も、本記事をきっかけにエフェクト作成に興味をもってもらえたら嬉しいです。前回のエフェクトと同様に、作成したエフェクトはUnityに読み込んで使用したり、連番画像ファイルに出力することでWebGLやFlash等にも利用できます。「Effekseer」の使い方は前回の記事「エフェクト作成入門講座 Effekseer編 UVスクロールを使ったマグマエフェクトの作成」で解説していますので、あわせてご覧ください。 今回のお題：リング描画を使った乱れ斬りエフェクト やってみよう：デモエフェクトの作成 エフェクトの構成図です。今回は大きく6つのパーツから成り立っています。サンプルファイルをダウンロードして、記事と照らし合わせながら進めることができます。各エフェク