Figma 風のレベル デザイン エディター

皆さん、

私の小規模なレベル デザイン ツールは最近 35,000 人のユーザーに達しました。多くの人がそれがどのように構築されているかを尋ねるので、ここで説明します!

フロントエンド:
フロントエンドのものはすべて SvelteKit を使用して作成されています。SvelteKit は、クリエイティブなツールに必要なすべてのパフォーマンスを備えたものを迅速に構築できる、まさに魔法のツールです。レンダリングには、PixiJS 上に構築したカスタム エンジンを使用します。

バックエンド:
このツールを使用すると、マップをさまざまなエンジンで受け入れられるネイティブ形式にエクスポートできるため、マップを .unitypackage ファイルなどのネイティブ ファイルにコンパイルする必要がありました。
これは Rust で書かれたバックエンドによって処理されます!

デスクトップ アプリのバージョン:
次に、Tauri を使用して、SvelteKit アプリをデスクトップ アプリとしてバンドルしました。ここでの素晴らしい点は、Tauri は Rust コマンドを実行できるため、すべてのバックエンド ロジックをスタンドアロン Rust クレートに配置するだけで、バックエンド サーバー (Web アプリ用) とデスクトップ アプリ (Rust 関数はTauri の静的フロントエンドから直接呼び出されます)。

それだけです!ここでウェブ版を試してみたい

乾杯!

ヒューゴ

以上がFigma 風のレベル デザイン エディターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。