チュートリアル

知識の一口サイズ。

公式のミニチュートリアルライブラリから学びましょう。

背景効果

空、背景画像、およびグラデーションのレンダリング方法。

実行時のマテリアルプロパティの変更

相互作用やアニメーションのためにJavaScriptで実行時にマテリアルプロパティを変更する方法。

XR専用コンポーネントの作成方法

XRセッション中のみコンポーネントをアクティブにする方法。

Wonderland EngineをMCP経由でCoding Agentsに接続する

Wonderland Engineは、Cursor、VSCode Copilot、Claude Code、Gemini CLIなどのAIコーディングエージェントに、 高性能な3Dウェブ開発へのアクセスを提供するためにMCPサーバープラグインを提供します。 あなたのコーディングエージェントがシーンをインポートし、コンポーネントを設定し、設定を変更することを可能にします。

Canvas2Dでテクスチャを作成する

JavaScript Canvasを使用してランタイムで自分のテクスチャを描画する方法。

Wonderland EngineのメッシュをOBJファイルとしてエクスポートする方法

ランタイムで生成されたメッシュをデバッグするために、Wonderland EngineのメッシュをOBJとしてエクスポートする方法。

Blenderからのモデルエクスポート

Wonderland Editorへのインポート用にBlenderからGLBファイルをエクスポートする方法。

3Dカーソルクリックの処理

3DカーソルでオブジェクトがクリックされたときにJavaScriptを実行する方法（VR、AR、および3D）。

テクスチャアトラスの紹介

テクスチャアトラスの使用方法、サイズを増減するタイミングと方法。

ランタイムでGLTF/GLBを読み込む方法

URLからGLTFまたはGLBファイルをランタイムで読み込む方法。

Wonderland EngineでReactを使用した3D UI

Wonderland Engine用のReact UIライブラリを使用した入門チュートリアル。

簡体字のレンダリング

簡体字フォントのテキストレンダリングを設定する方法。

ランタイムでのオブジェクト生成

JavaScriptでオブジェクトを作成する方法

実行時に .bin ファイルをストリーミング

Wonderland Engine の .bin ファイルを実行時に読み込む方法。

シーンの切り替え

シーンを切り替えて異なるレベルや世界の一部をロードする方法。

CrazyGames SDKを統合する

Wonderland Engineは、高性能な3Dウェブゲームを構築するのに最適な選択であり、高速な読み込みとiOS Safariでの優れたパフォーマンスを発揮します。 このチュートリアルでは、CrazyGamesプラットフォームサービスの統合方法を説明します。

VIVERSE Avatar SDKの統合

Wonderland Engineは、3DウェブやWebXRのゲームを高性能に構築するための 優れた選択肢であり、読み込みが速く、iOS Safariでもスムーズに動作します。 このチュートリアルでは、VIVERSE SDKサービスの統合方法を説明します。

TypeScriptでコンポーネントを作成する

カスタムコンポーネントでTypeScriptを使うための設定方法。

JavaScriptライブラリの作成

Wonderland Engine用のJavaScriptライブラリを作成するチュートリアル