福田です！今回はPlayCanvasで簡単に使える水の表現について書いて行こうと思います！ぜひ最後までお付き合いください！ さて、一言で水の表現と言ってもやり方はかなり多くあります。青色の板をただ貼るだけから始まり、そこにノーマルを追加して波っぽい表現を足したり透過を追加して透け感を出したりとテクスチャ回りだけでもいろ...

福田です！今回はPlayCanvasでEntityの制御をするうえで大事なJavaScriptの知識をいくつか紹介します！知っているだけで簡単になるかもしれない処理はたくさんあるので、積極的に学んでいきましょう！ アロー関数(Arrow Function) アロー関数は、ES6で導入された新しい関数の記法です。従来の関...

福田です！今回はサイズ圧縮とクオリティアップの両方で役に立つ複数のUVを使った設定について解説していきます！UVが一つだけだとベイクするとき、クオリティを高めようとするとテクスチャサイズが馬鹿になりませんし、逆にサイズを小さく収めようとするとクオリティがどうしても落ちてしまいます。そんな時に複数のUVを使うとなかなかい...

皆さん、こんにちは！ チャリセです。今回は、PlayCanvasのコリジョンとAgora.ai のボイスチャットを組み合わせてインタラクティブな３D音声チャットルームを作成する方法を紹介します。■ 必要な環境の準備1. PlayCanvas のアカウント2. Agora.io のアカウント ■ 手順1. Pl...

福田です！今回は、CubeMapを使って、任意のEntityに個別で映り込みを設定していこうと思います！通常であればSkyBoxからの映り込みしかできないので、屋内のEntityに不都合な映り込みが入ってしまいます。しかし、Materialの設定次第では、屋内に対しての映り込みも設定できます！では実際にやっていきましょ...

福田です！今回は複数カメラを使って、画面に表示する方法をやっていこうと思います！これの便利なところは、メインカメラとは違う視点にあるものを常に画面内に表示できるところです！これをうまく使えば、3DUIをサクッと作れたり、監視カメラやミニマップを表示することだって可能になります！ではやっていきましょう！ 手順 今回は、プ...

こんにちは、チャリセです！今回は、PlayCanvasを使って動的に画像をフェッチし、3Dオブジェクトにレンダリングする方法について詳しく解説していきます。この技術は、ゲーム内のテクスチャを動的に更新したり、ユーザー生成コンテンツを表示したりする際に非常に有用です。 コードの概要今回紹介するコードは、「FetchIma...

福田です！今回は、html,cssを用いてPlayCanvas上にUIを追加する方法について解説していきます！今回は、ボタンを生成し、そのボタンを押すことでBoxのカラーが変わるようなものに挑戦しましょう！ではよろしくお願いします！ 必要ファイルの準備 ボタンを生成するのに必要なのは、html,css,jsの3つのスク...

福田です！今回はRigidBodyを使ったオブジェクト移動について書いていきます！ 1.RigidBodyコンポーネントの概要 RigidBodyは、物理シミュレーションにおいてオブジェクトの動きを制御するためのコンポーネントです。これにより、重力や衝突などの物理現象をシミュレートすることができます！今回はプロジェクト...

福田です！今回はPlayCanvasでのコリジョンとリジッドボディについて、特にStatic、Kinematic、Dynamicの違いと使い分けに焦点を当てて解説します！よろしくお願いします！ コリジョンとリジットボディの基本 コリジョンは、ゲーム内のオブジェクト同士の衝突を検出し、それに応じた動作を行うためのシステム...