制作から公開まで、順番に学ぶ

XRiftとXRift Studioの関係、作り方の違いを知るところから始めます。小さなワールドを一つ作り、XRiftで確かめ、人を招くまでのコースです。各レッスンを「準備 → 操作 → できたかの確認 → 困ったとき」の順に進めます。

このコースの使い方

• 初めてなら第0章から、作成済みの作品があるなら必要な章から始めます
• 動画ありの教材は、既存19本の動画と詳しい文章を一緒に使います
• 「文章・動画未収録」の教材も、手順を読んで進められます。未完成の再生枠はありません
• 公開や認証は、アカウントの持ち主が公開先・内容・権限を確認して操作してください。APIキーやパスワードを会話や共有文書へ貼り付けないでください

先に知っておくこと

基本の配置にはログインやAPIキーは必要ありません。ブラウザ版βでも始められ、ワールドとアイテムを公開できます。スクリプトを含む作品の公開はデスクトップ版で行います。スクリプトの「回転」教材は追加練習として飛ばせます。保存先と端末ごとの違いは、最初のレッスンで確認します。

最初の公開を目指す場合、MToon、Prefab、Bloomなどの表現は必要に応じて追加してください。床、開始位置、保存、テスト、公開確認は省かず進めます。

00 XRiftと作り方を知る

作品を体験するサービスと制作ツールの関係を知り、作りたいものに合う方法を選びます。

1. XRiftとXRift Studioでできること（文章・動画未収録） ワールドとアイテムの違い、画面での配置、Node Graph、TypeScript／TSX、GLSLでできることを確認します。

01 準備して、ワールドを開く

制作する環境と保存先を決め、練習用の空間を一つ開きます。

1. 制作する環境と保存先を決める（文章・動画未収録） ブラウザ、デスクトップ、iPadから制作環境を選び、自動保存とバックアップの場所を確認します。
2. 新しいプロジェクトを作る（動画あり） 新しいプロジェクトを作り、制作を始める準備をします。

02 選んで、動かして、保存する

何を選んでいるかを確認し、変更前へ戻せる状態で編集します。

1. Hierarchyで選ぶ・視点を動かす（動画あり） Hierarchyで対象を選び、作業しやすい視点へ動かします。
2. オブジェクトを移動・拡大縮小する（動画あり） 位置と大きさの数値を変えて、オブジェクトの配置を調整します。
3. 複製とUndo・Redoを使う（動画あり） 複製とUndo・Redoで、変更を試しながら編集します。
4. 保存して開き直し、バックアップを残す（文章・動画未収録） 保存完了を確認し、プロジェクトを開き直して、.xriftstudioで復元できるバックアップを残します。

03 素材と質感を作る

モデルを配置し、色、画像、陰影を変え、組み合わせを再利用します。

1. 外部GLBを読み込んで配置する（動画あり） 外部のGLBモデルを読み込み、空間に配置します。
2. PBRの色と光沢を調整する（動画あり） PBRマテリアルの色と光沢を調整します。
3. 画像を貼って、模様の大きさを変える（動画あり） 画像を貼り、模様の大きさを調整します。
4. MToonでアニメ調の陰影を作る（動画あり） MToonを使った、アニメ調の陰影を確認します。
5. Prefabを作って再利用する（動画あり） Prefabを作り、同じ構成を再利用します。

04 歩ける空間と光を整える

床と開始位置を確認し、ライト、空、環境の反射を整えます。

1. 床Collider・SpawnPoint・Playを確認する（動画あり） 床の当たり判定と開始位置を確認し、Playで動作を確かめます。
2. ライトの明るさと影を調整する（動画あり） ライトの明るさと影を調整し、空間の見え方を整えます。
3. Skybox Shaderで青空を作る（動画あり） Skybox Shaderを使い、空間の背景に青空を作ります。
4. HDRIを背景と環境光に使う（動画あり） HDRIを背景と環境光に使う設定を確認します。

05 動く仕掛けを作る

開始時、押したとき、待ってから、という違いを順に試します。

1. ノードをつないで箱を動かす（動画あり） ノードをつなぎ、箱を動かす仕組みを作ります。
2. 押すと動くボタンを作る（動画あり） ボタンを押したときに動く仕組みを作ります。
3. Delayで待ってから動かす（動画あり） Delayを使い、動き始めるまでの待ち時間を加えます。
4. テンプレートでBoxを回転させる（動画あり） テンプレートを使い、Boxを回転させます。

06 見た目と動作を確認する

仕上げを加えたら、同じ条件でテストし、必要な素材だけ軽くします。

1. Bloomで光をにじませる（動画あり） Bloomを使い、光のにじみを調整します。
2. テクスチャの解像度と容量を確認する（動画あり） テクスチャの解像度と容量を確認します。
3. 公開前のワールドを同じ順番でテストする（文章・動画未収録） 開始位置、床、仕掛け、音を同じ順番で確認し、Playだけでは分からない項目を分けます。
4. 容量を調べ、必要な画像だけ軽くする（文章・動画未収録） 端末ごとの確認場所から大きい素材を探し、見た目と容量を比較しながら画像を変換します。

07 XRiftへ送り、公開状況を確認する

作品情報、アカウント、送信、審査を一つずつ確認します。

1. 公開前のバックアップと作品情報を整える（文章・動画未収録） 公開前にタイトル、説明、サムネイル、素材の利用条件とバックアップを確認します。
2. 公開用のアカウントを確認する（文章・動画未収録） 公開先のアカウントと端末別の認証方法を確認し、秘密情報を安全に扱います。
3. ワールドを一度だけ送信する（文章・動画未収録） 公開先を確認して一度送信し、処理中・完了・結果不明のときに取る行動を区別します。
4. 審査と一覧への公開を確認する（文章・動画未収録） 送信後の審査状態、現在使用中の版、ワールド一覧への掲載を別々に確認します。

08 同じ作品を更新し、人を招く

更新先と参加範囲を確認してから、実際に入れることを確かめます。

1. 同じワールドを更新する（文章・動画未収録） 公開済みの元プロジェクトから更新先と変更内容を確認し、新しい版を送信します。
2. ワールドに入り、友達を招く（文章・動画未収録） ワールドとインスタンスを区別し、参加範囲やゲスト許可を確かめてから共有します。

一通り終わったら

• 元のプロジェクトを開き直し、バックアップの保存先が分かる
• 床、開始位置、仕掛け、音をテストし、実機で確認が必要な項目も控えてある
• 公開先と審査状況、使用中の版、一覧掲載の状態を区別できる
• インスタンスの参加範囲を確認し、相手が使える案内を渡せる

公開したら終わりではなく、実際の端末で確かめて修正します。ひとつずつ変え、元の作品を残しながら更新してください。

動画だけを一覧で探す · 操作名から調べる