<h1 id="thunderfire-ux-tool%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E5%90%91%E3%81%91unity-ui%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%A1%88">
<a class="header-anchor-link" href="#thunderfire-ux-tool%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E5%90%91%E3%81%91unity-ui%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%A1%88" aria-hidden="true"></a> ThunderFire UX Tool：デザイナー向けUnity UIの解決案</h1>
<p><img src="https://storage.googleapis.com/zenn-user-upload/fe2369352450-20230530.png" alt loading="lazy" class="md-img"></p>
<p>NetEase ThunderFire UX Centerが開発を手掛けるThunderFireUX Toolは、ゲーム開発中のUI問題を解決するために一体化される無料Unity解決案です。インターフェースのスティッチング、レイヤの管理、コンポーネントの統合といった機能を兼ね揃え、チュートリアル、多言語翻訳、レッドドット等のゲーム汎用機能を同時に持っているThunderFireUX Toolは、デザイナーがUnityのインターフェースのスティッチング作業を素早くこなし、複数のプラットフォームにて多言語対応のプロジェクトのリリースに役立ちます。</p>
<p><strong>ThunderFire UXTool v0.9 “BeeEater” は現在Unity Asset Storeで利用可能になりました！</strong></p>
<hr>
<h1 id="%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E7%89%B9%E5%BE%B4">
<a class="header-anchor-link" href="#%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E7%89%B9%E5%BE%B4" aria-hidden="true"></a> ツールの特徴</h1>
<ul>
<li>【多言語対応】<br>
世界中の主流言語に対応可能。一つのツール、幾つの言語。</li>
<li>【ローコードインターフェース作成】<br>
デザイナーでもデザインソフトを使うようにスティッチング作業を手軽に行える。</li>
<li>【ゲーム通常機能のカプセル化】<br>
開発効率化に繋がる近道、無駄な重複作業を省くこと。</li>
<li>【複数の入力デバイスに対応】<br>
キーボード・マウス、ジェスチャー、コントローラーなど様々な入力方式に対応可能。</li>
</ul>
<hr>
<h1 id="%E6%B3%A8%E7%9B%AE%E6%A9%9F%E8%83%BD">
<a class="header-anchor-link" href="#%E6%B3%A8%E7%9B%AE%E6%A9%9F%E8%83%BD" aria-hidden="true"></a> 注目機能</h1>
<h3 id="1.%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA">
<a class="header-anchor-link" href="#1.%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA" aria-hidden="true"></a> 1.<strong>コンポーネントライブラリ</strong>
</h3>
<p>プロジェクトでよく使用されるプリファブをコンポーネントの形で収納、分類、管理し、すばやく作成して使用できるシンプルで直接的な可視化ライブラリです。</p>
<ul>
<li>コンポーネントの収納と管理</li>
<li>コンポーネントの作成と使用<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e1a0733a69e3-20230530.png" alt loading="lazy" class="md-img">
</li>
</ul>
<h3 id="2.%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB">
<a class="header-anchor-link" href="#2.%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB" aria-hidden="true"></a> 2.<strong>チュートリアル</strong>
</h3>
<p>テンプレートセットでチュートリアルのインターフェイスをすばやく作成するか、お好みに合わせてテンプレートをカスタムしてみましょう。</p>
<ul>
<li>シリアライズチュートリアルの迅速配置</li>
<li>様々なジェスチャープリセットとカスタマイズ</li>
<li>強・弱・弱のチュートリアルに対応</li>
<li>コントローラガイドの配置<br>
<img src="https://storage.googleapis.com/zenn-user-upload/4c8f72fddaf9-20230530.png" alt loading="lazy" class="md-img">
</li>
</ul>
<h3 id="3.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%A9%E3%82%A4%E3%82%BC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">
<a class="header-anchor-link" href="#3.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%A9%E3%82%A4%E3%82%BC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" aria-hidden="true"></a> 3.<strong>ローカライゼーション</strong>
</h3>
<p>ローカライゼーションツールは、現在の主流言語の配置と内容の切り替え、多言語テキストや画像のワンクリック導入と認識、エディターでのプレビューと切り替え機能を提供します。</p>
<ul>
<li>テキストのローカライズ</li>
<li>画像のローカライズ</li>
<li>文字なしモード<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a49fae815f4e-20230530.png" alt loading="lazy" class="md-img">
</li>
</ul>
<h3 id="4.%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E7%AE%A1%E7%90%86%E3%83%84%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#4.%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E7%AE%A1%E7%90%86%E3%83%84%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 4.<strong>レイヤー管理ツール</strong>
</h3>
<p>レイヤー管理ツールは可視化管理プロジェクト中のレイヤー関係に使えます。レイヤー管理ツールを通して、パネルで全てのインターフェースのレイヤーを確認したり変更したりして、タグでインターフェースを統合することができます。</p>
<ul>
<li>レイヤー可視化パネル</li>
<li>レイヤーのクイック移動と分類</li>
<li>プロジェクトデータの同期<br>
<img src="https://storage.googleapis.com/zenn-user-upload/ec2f71e3ca4b-20230530.png" alt loading="lazy" class="md-img">
</li>
</ul>
<h3 id="5.%E3%83%AC%E3%83%83%E3%83%89%E3%83%89%E3%83%83%E3%83%88%E3%83%84%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#5.%E3%83%AC%E3%83%83%E3%83%89%E3%83%89%E3%83%83%E3%83%88%E3%83%84%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 5.<strong>レッドドットツール</strong>
</h3>
<p>ゲームのレッドドット通知機能のために設計されたレッドドットツールは、木構造でレッドドットの表示パスを管理し、ワンクリックでオン・オフ効果を変更することができます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6aa005ebd52a-20230530.png" alt loading="lazy" class="md-img"></p>
<p>以上の機能の他に、ThunderFireUXToolは、インターフェイス作成をサポートするベースラインなどのレイアウトツール、背景画像を迅速に生成するクイックツール、Prefabプレビューツールなどを提供し、Unityのイメージとテキストのウィジェットを拡張して、開発の効率性と利便性を向上させます。</p>
<hr>
<h1 id="%E6%8F%90%E6%90%BA%E4%BA%8B%E4%BE%8B">
<a class="header-anchor-link" href="#%E6%8F%90%E6%90%BA%E4%BA%8B%E4%BE%8B" aria-hidden="true"></a> 提携事例</h1>
<p>ThunderFire UXToolは、配信中または開発中の沢山のネットイーズゲームと連携し、インターフェースツール、リソース検査、パフォーマンス分析などのカスタマイズされたサポートを提供し、ゲーム開発のさまざまな段階に適用され、プロジェクト開発の経験を蓄積しました。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/d8cf4cd0a646-20230530.png" alt loading="lazy" class="md-img"><br>
<em>Dunk City Dynasty</em></p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7014ec5cba05-20230530.png" alt loading="lazy" class="md-img"><br>
<em>NARAKA:BLADEPOINT スマホ版</em></p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/1748b7879675-20230530.png" alt loading="lazy" class="md-img"><br>
<em>NARAKA:BLADEPOINT コンシューマー版</em></p>
<hr>
<h1 id="thunderfire-uxtool">
<a class="header-anchor-link" href="#thunderfire-uxtool" aria-hidden="true"></a> ThunderFire UXTool</h1>
<p>内部と外部で複数回テストを行った後、ThunderFire UXTool　v0.9「BeeEater」バージョンは現在Unityの公式ストアでリリースし、長期間のオープンテストを行う予定です。新規プロジェクトでも開発中のプロジェクトでも利用可能。今すぐダウンロードして、活用しましょう！</p>
<p><strong>使用中に不具合が発生した場合は、下記の連絡先までお問い合わせください。<br>
1、公式サイト<br>
2、ThunderFireUXTool@service.netease.com<br>
3、公式Discord</strong></p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__841bff6cc92f9" src="https://embed.zenn.studio/card#zenn-embedded__841bff6cc92f9" data-content="https%3A%2F%2Fdiscord.gg%2FPKS6DehrAc" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p>Unity アセットストア：</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3c620d50a64f2" src="https://embed.zenn.studio/card#zenn-embedded__3c620d50a64f2" data-content="https%3A%2F%2Fassetstore.unity.com%2Fpackages%2Ftools%2Futilities%2Fthunderfireuxtool-241533" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p>公式サイト：</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b3e29c1736643" src="https://embed.zenn.studio/card#zenn-embedded__b3e29c1736643" data-content="https%3A%2F%2Fuxtool.netease.com%2Fja" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p><strong>他のゲーム開発者に共有していただければ幸いです。<br>
ThunderFire UXToolで効率よく、容易く成功を収めましょう！</strong></p>


ゲーム開発につながる近道「ThunderFire UX Tool」を紹介

ThunderFire UX Tool：デザイナー向けUnity UIの解決案

Discussion