VFX でレーザービームを作成 | 文書 - Roblox クリエーターハブ

A レーザービームは光の波です。実生活ではほとんど危険ではありませんが、SF体験はしばしばレーザービームを使ってプレイヤーにダメージを与えるメカニズムとして使用します。しかし、未来的なメディアでの多機能性とプロミネンスのため、レーザービームは、ブラスター武器、パズル、障害物、環境美学など、あらゆる種類のゲームメカニクスに有用です。

サンプルレーザービームブラスターモデルを使用して、オプションのスクリプトを使用してプレイヤーの健康を衝突時にゼロに設定するレーザービーム特殊効果を作成する方法をこのチュートリアルで示します。指示には、次の内容が含まれます：

プレイヤーがレーザービームに衝突したときを検出する透明な衝突ボックスを設定する。
レーザービームの発射範囲を表す添付ファイルを構成する。
未来的なレーザービームの視覚特性を模倣するビームをカスタマイズする。
プレイヤーのキャラクターにダメージを与える衝突ボックスのスクリプト動作。

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

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

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

このチュートリアルでは、次のセクション内で各ステップを再現するときに使用できる高品質のレーザービームブラスターモデルを参照します。

スタジオ内のインベントリにこのモデルを追加できます。次のコンポーネントのインベントリに追加リンクをクリックします。アセットがインベント持ち物リストにあると、プラットフォーム上のどのプロジェクトでも再利用できます。

Laser Beam Blaster

Create your laser beam with this high-quality laser beam blaster.

インベントリからこのブラスターアセットをエクスペリエンスに取り込むには：

ツールバーでビュータブを選択します。
クリックしてツールボックス。ツールボックスウィンドウが表示されます。
ツールボックスウィンドウで、インベントリタブをクリックします。マイモデルソートが表示されます。
クリックするレーザービームブラスタータイル。モデルがビューポートに表示されます。

衝突ボックスを設定する

プレイヤーの体力をゼロに設定する完全なレーザービームは、プレイヤーがレーザーに衝突したときに検出できる必要があります。オブジェクト Beam にデフォルトの衝突検出機能がないため、基本パーツで衝突検出を設定する必要があります。

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

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

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

添付ファイルを構成する

ブラスターに Beam オブジェクトを追加する前に、3D 空間でレーザーのエミッターブルブからの放射の到達を表す 2つの Attachment オブジェクトを構成することが重要です。ビームは接続の間のテクスチャをレンダリングすることで動作しますので、ビームが参照する接続がない場合、すべてく機能しません。

レーザービームの添付ファイルを構成するには：

(オプション) 付属の視覚補助を 3D 空間でより大きくして、レーザービームの始まりと終わりをはっきりと視覚化できます
1. ツールバーのモデルタブに移動し、制限セクション。
2. スケールを2.5設定して、各添付ファイルの視覚的な助けを大きくします。
衝突ボックスに 2つの添付ファイルを挿入します。
1. エクスプローラーウィンドウで、 CollisionBox をホバーし、⊕ アイコンをクリックします。コンテキストメニューが表示されます。
2. コンテキストメニューから、添付ファイルを挿入します。
3. このプロセスを繰り返して、コリジョンボックスに 2つの添付オブジェクトがあるようにします。
4. 両方の添付ファイルを名前変更 StartAttachment および EndAttachment 、それぞれに対して。
移動スタートアタッチメントをエミッターの球と重複するコリジョンボックスの端に移動し、終了アタッチメントをレーザービームの到達範囲を表すコリジョンボックスの端に移動します。
コリジョンボックスを透明にして、ビームが付属物間で描画するテクスチャを障害なく見ることができます。
1. In the エクスプローラー window, select コリジョンボックス .
2. プロパティウィンドウで、透明性を1設定して、パーツを完全に透明にします。

ビームをカスタマイズ

3D 空間にオブジェクト Attachment があることで、レーザービームの視覚特性を模倣するための Beam オブジェクトを追加したり、カスタマイズしたりできます。このチュートリアルでは、迅速に動く未来的な明るいピンクビームを作成する方法について説明しますが、同じプロパティを試すことで、さまざまな異なる特殊効果を作成できます。

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

ビームを CollisionBox に挿入します。
1. エクスプローラーウィンドウで、 CollisionBox をホバーし、⊕ アイコンをクリックします。コンテキストメニューが表示されます。
2. コンテキストメニューから、ビームを挿入します。
衝突ボックスの添付ファイルを新しい Beam オブジェクトに割り当てる。
1. エクスプローラウィンドウで、ビームを選択します。
2. In the プロパティ window,
  1. Set 添付ファイル0 を添付開始に設定します。
  2. 添付ファイル1 を終了添付ファイルに設定します。ビームは、2つの添付ファイルの間のデフォルトのテクスチャをレンダリングします。
ビームの視覚的な外見をカスタマイズして、未来的なレーザービームのように見えるようにします。
1. エクスプローラウィンドウで、ビームがまだ選択されているかどうかを確認します。
2. In the プロパティ window,
  1. テクスチャを rbxassetid://6060542021 に設定して、レーザービームのような新しいテクスチャをレンダリングします。
  2. 色を 255, 47, 137 に設定して、レーザーの明るいピンクを着色します。
  3. ライトエミッションを 0.5 に設定して、レーザーに薄い輝きを追加します。
  4. Set 幅0 と幅1 を 4 に設定して、レーザーを拡大する。
  5. Set テクスチャ速度を 2 に設定して、レーザーをより速くアニメーションするようにします。
  6. フェイスカメラを有効にして、プレイヤーからレーザーの角度に関係なくレーザーが見えるようにします。

すべてのビームプロパティについて詳しくは、ビームを参照してください。

スクリプトダメージ行動

レーザービームは現在、その環境にとって美しく満足できますが、ブラスター武器として完全に無害です。レーザーブラスターを修正して、プレイヤーにダメージを与えることができるようにするには、この動作をトリガーする衝突ボックスにスクリプトを追加する必要があります。

サンプルスクリプトは、衝突ボックスにどのオブジェクトが触れるかを待って動作します。衝突ボックスに触れるオブジェクトに子オブジェクト Humanoid が含まれている場合、スクリプトは Health property を 0 に設定します。デフォルトでは、すべてのプレイヤーキャラクターに Humanoid オブジェクトが含まれており、プレイヤーが衝突ボックスに衝突するたびに、スクリプトはすぐにプレイヤーの体力をゼロに設定し、キャラクターが破壊されます。

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

スクリプトを LaserBeamBlaster に挿入します。
1. エクスプローラーウィンドウでレーザービームブラスターをホバーし、⊕アイコンをクリックします。コンテキストメニューが表示されます。
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. ツールバーでプレイボタンをクリックします。Studio がプレイテストモードに入ります。
2. レーザービームに入って、キャラクターが解体するのを見る。終わったら、停止ボタンをクリックします。スタジオはプレイテストモードを終了します。
動作が正しく機能していない場合は、スクリプトが LaserBeamBlaster の子であり、衝突ボックスの名前が CollisionBox であることを確認してください。

今や危険なレーザービームブラスターを持っています!このチュートリアルのスキルを使用して、輝く力場、速い滝、スピードランプなど、さまざまなビーム特殊効果をカスタマイズできます。たとえば、CurveSize0 や CurveSize1 などの追加ビームプロパティを試すことができ、インポート自分のテクスチャをペアリングし、特別な効果のようにビームを他のものと組み合わせることができます。パーティクルエミッターやライトソースなど。創造を楽しんで！