こんにちは、チャリセです！今回はPlaycanvasのシステムのアップデートについて紹介します。PlayCanvasはshaderプロパティをshadingModelに置き換える更新を行いました。以下に画像レンダリングコードの更新方法を説明します：以前のシステム（変更後） // 古いバージョン material.sha...

福田です！今回は、3D開発をするうえで必須となるレイキャストについてご紹介します！3Dゲーム開発の世界では、プレイヤーの操作や環境とのインタラクションが、没入感あふれる体験を生み出す鍵となります。その中でも、レイキャスト（Raycast）は、ゲームオブジェクトの検出や選択、シーンとの相互作用を実現する強力なテクニックと...

皆さんこんにちは！　福田です！今回はコリジョン周りでかなり大事な部分について解説していきます！ぜひ最後までお読みください！さて、物理演算を使用したゲーム開発で最も困るのが、衝突判定やリジッドボディの挙動が意図通りになっているか確認することですね。今回は、物理演算の状態を視覚的に確認できるスクリプトの実装方法と活用方法を...

こんにちは、チャリセです！今回は、Playcanvas上でプレイヤーが近づくと自動的に開き、離れると閉じるスライディングドアの実装方法について解説します。PlayCanvasは、WebGLベースの強力なゲームエンジンです。Javascriptを一から勉強しながらWebGLアプリやゲーム開発したい方におすすめです！では、...

福田です！今回は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をサクッと作れたり、監視カメラやミニマップを表示することだって可能になります！ではやっていきましょう！ 手順 今回は、プ...