VFXでレーザービームを作成する | 文書

レーザービームは光の光線です。実生活では危険なことは稀ですが、SF体験では衝突時にプレイヤーにダメージを与えるメカニズムとしてレーザービームがよく使われます。しかし、未来的なメディアでの多様性と重要性のために、レーザービームはブラスター武器、パズル、障害物、環境の美学など、さまざまなゲームプレイメカニクスに役立ちます。

サンプルのレーザービームブラスターモデルを使用して、このチュートリアルでは、衝突時にプレイヤーの健康を0に設定するオプションのスクリプトを含むレーザービームの特別な効果の作成方法を説明します。以下のガイダンスを含みます：

プレイヤーがレーザービームに衝突した時に検出する不可視の衝突ボックスの設定。
レーザービームの放射範囲を表現するアタッチメントの設定。
未来のレーザービームの視覚的特性を模倣するビームのカスタマイズ。
プレイヤーのキャラクターにダメージを与える衝突ボックスのスクリプトの動作。

サードパーティーのモデリングツールで自分自身のアセットを作成し、自分のデザインに従って進めることができます。Studioでのモデルのエクスポートに関する情報については、エクスポート要件を参照してください。

ブラスターアセットの取得

クリエイターストアは、プロジェクト内で使用するためにRobloxおよびRobloxコミュニティによって作成されたすべてのアセットを見つけるために使用できるToolboxのタブです。モデル、画像、メッシュ、オーディオ、プラグイン、ビデオ、フォントアセットが含まれています。クリエイターストアを使用して、オープンエクスペリエンスに個々のアセットまたはアセットライブラリを直接追加できます。

このチュートリアルでは、各ステップを複製する際に使用できる高品質のレーザービームブラスターモデルに言及しています。

このブラスターアセットをインベントリから体験に取得するには：

ブラスターをインベントリに追加します。
1. アセットの詳細ページに移動します。
2. 右上隅でモデルを取得ボタンをクリックします。このブラスターアセットは現在あなたのインベントリにあり、プラットフォーム上のどのプロジェクトでも再利用できます。
Studioで、ホームタブに移動し、次にToolboxボタンをクリックします。Toolboxウィンドウが開きます。
Toolboxウィンドウで、インベントリタブをクリックします。マイモデルのソートが表示されます。
レーザービームブラスタータイルをクリックします。モデルがビューポートに表示されます。

衝突ボックスの設定

衝突時にプレイヤーの健康を0に設定する完全なレーザービームは、プレイヤーがレーザーと衝突したときにそれを検出できる必要があります。Beamオブジェクトにはデフォルトの衝突検出機能がないため、基本的なパーツを使用して衝突検出を設定する必要があります。

たとえば、このチュートリアルでは、Beamオブジェクトを持つ不可視のブロックパーツを衝突ボックスとして使用し、キャラクターのHumanoidオブジェクトがレーザービームに触れたときにそれを検出します。チュートリアルの最後のセクションでは、この情報を使用してプレイヤーの健康にダメージを与えるスクリプトを作成します。

衝突ボックスを設定するには：

LaserBeamBlasterにブロックパーツを挿入します。
パーツを選択し、プロパティウィンドウで、
1. 名前をCollisionBoxに設定します。パーツの名前とそのケーススタイルは、チュートリアルの後のスクリプトにとって重要です。
2. アンカーを有効にして、エクスペリエンスが開始されたときに物理システムがパーツを移動しないようにします。
CollisionBoxを、ブラスターから発射されるレーザービームの長さにスケールします。たとえば、このチュートリアルでは、ブラスターと同じ長さにスケールします。
CollisionBoxを、ブラスターのエミッターバルブから延びる位置に移動します。これで、衝突ボックスがブラスターからのレーザービームの射程を表しています。

アタッチメントの設定

ブラスターにBeamオブジェクトを追加する前に、ブラスターのエミッターバルブからのレーザー放射の範囲を表すために3D空間に2つのAttachmentオブジェクトを設定することが重要です。ビームは、アタッチメント間にテクスチャをレンダリングすることで動作するため、ビームが参照できるアタッチメントがないと機能しません。

レーザービームのアタッチメントを設定するには：

ビューポートでアタッチメントを可視化するために、Studioの表示メニューから制約の詳細を表示を有効にします。
衝突ボックスに2つのアタッチメントを挿入します。
1. Explorerウィンドウで、CollisionBoxにマウスをかざし、⊕アイコンをクリックします。コンテキストメニューが表示されます。
2. コンテキストメニューから、アタッチメントを挿入します。
3. このプロセスを繰り返して、CollisionBoxが2つのアタッチメントオブジェクトを持つようにします。
4. 両方のアタッチメントをそれぞれStartAttachmentおよびEndAttachmentと名前を変更します。
StartAttachmentをエミッターバルブと重なるCollisionBoxの端に移動し、EndAttachmentをレーザービームの射程を表すCollisionBoxの端に移動します。
CollisionBoxを透明にして、アタッチメント間にレンダリングされるビームのテクスチャを障害物なく見ることができるようにします。
1. ExplorerウィンドウでCollisionBoxを選択します。
2. プロパティウィンドウで、透明度を1に設定してパーツを完全に透明にします。

ビームのカスタマイズ

3D空間にAttachmentオブジェクトがあるので、レーザービームの視覚的特性を模倣するBeamオブジェクトを追加してカスタマイズできます。このチュートリアルでは、未来的で明るいピンクのビームを作成し、素早くアニメーションする方法についてガイダンスを提供しますが、同じプロパティを使ってさまざまな特別な効果を作成できます。

ビームをカスタマイズするには：

CollisionBoxにビームを挿入します。
1. Explorerウィンドウで、CollisionBoxにマウスをかざし、⊕アイコンをクリックします。コンテキストメニューが表示されます。
2. コンテキストメニューから、ビームを挿入します。
衝突ボックスのアタッチメントを新しいBeamオブジェクトに割り当てます。
1. Explorerウィンドウでビームを選択します。
2. プロパティウィンドウで、
  1. Attachment0をStartAttachmentに設定します。
  2. Attachment1をEndAttachmentに設定します。ビームは2つのアタッチメントの間にデフォルトのテクスチャをレンダリングします。
ビームの視覚的外観をカスタマイズして未来的なレーザービームのように見えるようにします。
1. Explorerウィンドウで、ビームがまだ選択されていることを確認します。
2. プロパティウィンドウで、
  1. テクスチャをrbxassetid://6060542021に設定して、レーザービームのように見える新しいテクスチャをレンダリングします。
  2. 色を255, 47, 137に設定して、レーザーを明るいピンクに色付けします。
  3. 光の発散を0.5に設定して、レーザーにかすかな光を加えます。
  4. Width0とWidth1を4に設定して、レーザーを広げます。
  5. テクスチャ速度を2に設定して、レーザーがより早くアニメーションします。
  6. カメラに向けるを有効にして、プレイヤーからレーザーの角度にかかわらずレーザーが見えるようにします。

カスタマイズ可能なすべてのビームプロパティに関する詳細情報については、ビームを参照してください。

ダメージ動作のスクリプト

あなたのレーザービームは現在、環境に視覚的に魅力的ですが、ブラスター武器としては完全に無害です。レーザーブラスターがプレイヤーにダメージを与えるためには、衝突ボックスにこれを引き起こすスクリプトを追加する必要があります。

サンプルスクリプトは、衝突ボックスに触れたオブジェクトを待つことによって機能します。もし衝突ボックスに触れたオブジェクトが子のHumanoidオブジェクトを含んでいる場合、スクリプトはそのHumanoid.Healthプロパティを0に設定します。デフォルトでは、すべてのプレイヤーキャラクターはHumanoidオブジェクトを含むため、プレイヤーが衝突ボックスに衝突するたびに、スクリプトは瞬時に彼らの健康をゼロに設定し、キャラクターは崩れます。

プレイヤーにダメージを与える動作をスクリプト化するには：

LaserBeamBlasterにスクリプトを挿入します。
1. Explorerウィンドウで、LaserBeamBlasterにマウスをかざし、⊕アイコンをクリックします。コンテキストメニューが表示されます。
2. コンテキストメニューから、スクリプトを挿入します。

デフォルトのコードを以下のコードに置き換えます：


local laserTrap = script.Parent
local collisionBox = laserTrap.CollisionBox

local function onTouch(otherPart)
	local character = otherPart.Parent
	local humanoid = character:FindFirstChildWhichIsA("Humanoid")

	if humanoid then
		humanoid.Health = 0
	end
end

collisionBox.Touched:Connect(onTouch)

レーザービームに歩いて、この動作をテストします。
1. ドロップダウンメニューからテストを選択し、その右側の再生ボタンをクリックしてプレイテストを開始します。
2. レーザービームに入って、その結果キャラクターが崩れ落ちるのを観察します。終了したら、停止ボタンをクリックします。Studioはプレイテストモードを終了します。
動作が正しく機能していない場合は、スクリプトがLaserBeamBlasterの子であり、衝突ボックスの名前がCollisionBoxであることを確認してください。

現在、危険なレーザービームブラスターが完成しました！このチュートリアルのスキルを活用して、光るフォースフィールド、急流の滝、スピードランプなど、さまざまなビームの特別な効果をカスタマイズできます。たとえば、CurveSize0やCurveSize1などの追加のビームプロパティを試したり、インポートした独自のテクスチャを使用したり、パーティクルエミッターや光源のような他の特殊効果とビームを組み合わせたりできます。素晴らしい創作を楽しんでください！