Unityの新UIシステムUI ToolkitをREALITYアプリの配信画面に導入した話 Now in REALITY Tech #85 はじめにはじめまして、執筆者の wakapippi と申します。社内では、主に蟹の魅力について布教を行う仕事をしている Unityエンジニアです。今回の「Now in REALITY Tech」では、蟹の魅力をみなさんにも紹介しつつ、UI Toolkitを導入した話をしていきます。 REALITYでは、この夏に配信・視聴画面のUIを大幅に更新しました。 夏といえば毛蟹ですね。蟹というと冬が旬なイメージがありますが、実は北海道産で有名な毛蟹は初夏頃が旬です！ 毛蟹は初夏頃が旬です 今回のUI刷新で新規開発することになった画面のうち、Unityで実装されるのは配信のUIですが、今回は従来のuGUIではなく、Unityの新UIシステムであるUI Toolki
Unity4.6で追加したuGUIでスクロールバーを作る方法について紹介します。 大体こんな感じのスクロールバーを作ります。 作り方 まず、リストに表示するノードのプレハブを用意していきます。 適当な横長のImageを用意します。名前はNodeとします。 左の方にアイコン（Image）、真ん中にテキスト（Text）)、右にチェックボックス(Toggle)を配置します。これらは全てNodeの子オブジェクトとして配置します. NodeオブジェクトにLayoutElementコンポーネントを追加します。 LayoutElementのMinHeightにノードの高さ（Height)を指定します。 作ったノードはプレハブにします（ProjectビューへD&D） 次にスクロールビューを作ります。 Canvas以下のパスにGameObjectを作ります（Create Empty Child等で）。 名前
使い方 アイテムの内容調整 制限付きスクロールビューのやり方 以前UnityのuGUIでスクロールビューを作る方法を紹介しました。 UnityのuGUIでスクロールビューを作る - テラシュールブログ 今度は無限にスクロールできるビューを作成します。 こんな感じです。 仕組みは、スクロールした際に アイテムが反対側に補充される仕組みです。 使い方 作り方に関してですが、ちゃんと整理できていないので癖のある作り方をします。 Unity_UI_Samples/Assets/InfiniteScroll at master · tsubaki/Unity_UI_Samples · GitHub まず上記のリポジトリからInfiniteScrollフォルダを持ってきます。右のZipから落として解凍して中身をとってくればOK。 メニューバー＞UI＞PanelでPanelを作ります。 次にPanelの
VContainerとは DI（Dependency Inject）のためのUnity Packageです。 Unity Screen Navigatorとは Cyber Agent所属の矢野さんが開発したUI周りの超便利Unity Packageです。 今回やること 今回はUnityのアウトゲームをオニオンアーキテクチャで実装しようとしたときにUnity Screen Navigatorを使うと、当たり前ですが依存性注入できなくなったので、備忘録的に残します。 やり方 1.IPageContainerCallbackReceiverを実装したクラスを作成する。 このインターフェースは、Unity Screen Navigatorで提供される、Pageを切り替えたとき（Push及びPop）のコールバックを実装するためのものです。 2.作成したクラスにIObjectResolverの変数を渡
画面遷移におけるビューとロジックの分離手法とUnity Screen Navigatorを使った具体例をまとめました。 ビューとロジックを分離することの意義 本記事で作る画面の説明 まずは全部ビューに書く 上記の実装の問題点 ビューとロジックを分離する ダミーデータと共に実行する 最後に 関連 Unity2019.4.29 Unity Screen Navigator 1.1.2 ビューとロジックを分離することの意義 一般的にゲームのUIは要素と状態が多く、複雑です。 またアニメーションも多用され、細かい調整も必要で、仕様変更による作り直しも多いです。 このような状況下でUIを効率的に構築し、また保守しやすくするためには、 作成したUIをすぐに確認して、修正し、またすぐ確認できるワークフローを整える必要があります。 これをいわゆるアウトゲームの画面遷移という文脈に当てはめると、アプリケーシ
Unity用の画面遷移OSSライブラリ「Unity Screen Navigator」リリースしました。 使い方はREADMEに全部書いてしまったので、本記事ではOSSにした理由や設計意図について簡単にまとめます。 はじめに Unity Screen Navigatorとは？ なぜOSSで公開するのか なぜ画面遷移ライブラリなのか 画面遷移のルールを決めてドキュメント化する意義 画面遷移ライブラリと抽象度 ワークフローの分離へのこだわり プルリクも歓迎です！ リポジトリ はじめに 昨日、Unity用の画面遷移OSSライブラリ「Unity Screen Navigator」をリリースしました。 デモ おかげさまで多くの方々に拡散していただいて、思った以上の反響をいただいております。ありがとうございます。 GitHubのStarもいただけると海外まで広がりそうなので是非お願いしますm(_ _
MagicOnionのv6が先日リリースされました。 メジャーバージョンアップとして大きな違いは、Cysharp/YetAnotherHttpHandlerを正式リリースし、これを通信層の標準ライブラリ化しました。インストール手順も複雑で、サポートも切れていたgRPC C-Coreとはさようならです。正式リリースにあたってプレビューに存在していたクラッシュ問題などが解消されています。 もう一つはクライアント生成においてコマンドラインツールが削除され、Source Generatorベースになりました。 [MagicOnionClientGeneration(typeof(MyApp.Shared.Services.IGreeterService))] partial class MagicOnionGeneratedClientInitializer {} これだけでコンパイル時にジェネレ
初期設計編1.開発環境と思想を決める最初にやるべきことは開発環境と開発思想を決めることです。開発環境について、次の2つが大きな影響を持ちます。 ゲームエンジンソースコードエディタ本記事の読者はUnityエンジニアが多いため、ゲームエンジンUnity一択です。 ソースコードエディタは色々ありますよね。 RiderVSCodeVisual Studioなど。 これらの個人的なオススメと設定について解説します。 開発中は随時、リリース直前からはLTSごとUnityエディタはバージョンが重要です。週一ペースでアップデートが入っています。アップデートを放置していると不具合の原因にもつながるため、アップデートは必要。 オオバは以下の基準でアップデートすることにしています。 開発中 : 節目節目でアップデートリリース直前から : 新しいLTSが出たらアップデートUnityは日々進化しています。アップデー
こんにちは、Unityエンジニアの佐藤です。2015年に新卒入社し、2年半ほどサーバーサイドエンジニアとして、2年弱ほどクライアントエンジニアとしてサイバーエージェントのソーシャルゲーム開発に携わってきました。 Unityのアセット管理システムであるAddressable Asset Systemについて調査・検証を行いました。今回はその調査結果とともにAddressable Asset Systemがどんなものなのかをご紹介したいと思います。 環境 Unity 2019.3.12f1Addressable Asset System 1.8 Addressable Asset Systemとは Addressable Asset Systemは一言で言うとアドレスを渡すとリソースを取得してくれる機能です。 リソースの取得先が、 ローカルに生データがあるのかローカルのアセットバンドル内にある
Unityを使ったUI開発って難しくないですか？ぼくだけ...？ （今うなずいてくれた人、ありがとう！） プロジェクトが始まった当初は問題なく進むけれども途中から調子が悪くなりますよね。。。 そう、ぼくたちが作っているのは「ゲーム」です。仕様変更やブラッシュアップの嵐が巻き起こる世界。 仕様変更のたびにUIシステムを修正することになりますが、そのタイミングで ロジックの矛盾 が生じることはよくあります。 矛盾を見過ごしてそのまま突っ切るか、修正するためにだいぶ巻き戻すか。とても迷うところです。 そもそも仕様変更によって大きな修正が生まれないようにできないのでしょうか。 正直 「おさえるべきポイントを教えてくれ！」 とお思いの方も多いでしょう。この記事を読んでいる方は、少なからずUI開発に興味があり、UI設計方法を知りたい人に違いないですよね。 そこで本記事では 「押さえておくべきUI開発3
はじめに ローマ字入力タイピングゲームの多くは「し」を「shi」「ふ」を「fu」と入力できるなど、柔軟に入力することができます。率直に言いますと、このプログラムを組むのは結構むずかしかったです。この記事はアドカレ記事で技術解説はほとんどありませんが、ローマ字入力タイピングゲームを作るのに苦戦している方の手助けになれば幸いかと思います。 作ったものunityroomにて体験できます。 https://unityroom.com/games/adventartyping 使用技術Unity 2022.3.14f Universal Render Pipeline（URP） TextMeshPro UniRx VContainer 設計思想 今回は「GameManager.cs」にまとめてただ動かすだけではなく、MV(R)P（Model-View-(Reactive)Presenter）パターン
[Unity]Unity ECS v1.3.2を使ってゲームを作ってみました (3)―System編 2025.02.07 C# Unity C#, Unity, エンジニア 第二事業部 エンジニアの孫(ソン)と申します。 Unity ECS を実戦的に活用したゲーム開発の記事が少ないと感じたため、私の経験を共有します。 今回はSystemの書き方から全体管理までをまとめて紹介して完結させようと思います。 [Unity]Unity ECS v1.3.2を使ってゲームを作ってみました (2)―Component編の続きです。 実戦での書き方 Systemの書き方 Systemの組み方は、用途、参照型の有無、スレッドの制限によってさまざまですが、性能を重視する場合は ISystem + IJobEntity + ScheduleParallel() + [BurstCompiler] を組み合
UnityでRPGを作りたい！ と思い立ち、シンプルなRPGをテーマにチュートリアルを作成しています。このまとめではチュートリアルの一覧が参照できるようにフェーズごとにまとめているので、ポータル用、目次用としてお使いください。 各回でgithubのブランチを切っているので、特定の回からチェックするのもできる……はず。 制作環境 MacBook Pro 2023 Apple M2 Max Unity6 (6000.0.30f1) Silicon 作業内容と順序 シンプルなRPGを作る上でどんな作業が必要か、どんな順番で作っていくと良さそうか、別ページで検討しました。基本的にこの流れに沿って進めていきます。
[Unity]Unity ECS v1.3.2を使ってゲームを作ってみました (2)―Component編 2025.01.23 C# Unity C#, Unity, エンジニア 第二事業部 エンジニアの孫(ソン)と申します。 Unity ECSで実戦的にゲームを組み立てた資料が少ないと感じたので、実際にゲームを作ってみた経験から共有させていただきます。 今回はEntityの生成方法とデータ周りの書き方をご紹介させていただきます。 [Unity]Unity ECS v1.3.2を使ってゲームを作ってみました (1)―紹介編の続きです。 対象読者 ・ECSを用いたゲーム開発に興味を持っている方 ・インゲームのアーキテクチャ設計が得意な方 ・基本的なUnity ECSの概念を理解されている方 この記事を読むことで得られる知見 ・ECSを用いて構築したゲームの一部を垣間見ることができる ・最新
【Unity】TypeScript Importer – TypeScriptを用いたスクリプトの記述Unity2025年1月12日2025年1月12日 これは何かというと、Unity上でTypeScriptをコンパイルするためのエディタ拡張です。Unityに.tsファイルを追加・編集するだけで、自動的にJavaScriptへのトランスパイル→ScripableObjectの作成を行なってくれます！ また、TypeScriptToLuaにも対応していて、.tsをJavaScriptではなくLuaにトランスパイルすることも可能です。 ……と言ってみたものの、この説明だけでは「何でUnityにTypeScript？」という感じでしょう。というわけで、実際これが何の役に立つのか、一つずつ解説していきます。 スクリプト言語の選択肢 Unityで、C#とは別に何らかのスクリプト言語を使いたいシチュエ
Unity / .NET で動く WebAssembly ランタイム WaaS を作りました。 本記事では WebAssembly ランタイムとして見た WaaS の設計について書いていこうと思います。WaaS のコンセプトや特長については別記事で紹介しているので、こちらもぜひご覧ください。 前提 C# 9 .NET Standard 2.1 Unity 2022.3.14f1 まずは普通の WebAssembly ランタイムを作る Component Model の話に入る前に、まずは普通の WebAssembly ランタイムを作っていきます。 ランタイムは全て C# 実装ですが、実装のとっかかりでは「RustでWasm Runtimeを実装する」がとても参考になりました。 デシリアライズ 効率の良いバイナリの読み方については MessagePack for C# などのシリアライザの作
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 普段はクラス設計の話をよくしているのですが、今回はより大局的な「アーキテクチャ設計」の話です。 この記事では「非ゲームアプリケーションを、クリーンアーキテクチャを意識してUnityで作るとどんなアーキテクチャとなるのか」を紹介します。 前回「VoicevoxClientSharp: C#やUnityからVOICEVOXで音声合成するライブラリの紹介」という記事を投稿しました。 「VoicevoxClientSharp」というライブラリをせっかく作ったのだから、それを使ったサンプルアプリケーションを作ってみようと考えました。そし
Unity/.NET で動く新しいスクリプトエンジン 「WaaS」 を公開しました。 WaaS は WebAssembly as a Script を略したもので、WebAssembly の活用により言語非依存なスクリプティングを可能にするというコンセプトのエンジンです。 WebAssembly は、特定の OS や CPU に依存しない実行ファイルのバイナリフォーマットです。もともとは Web ブラウザ上での実行を想定して策定されたものですが、仕様そのものには Web に依存する要素は特になく、ランタイムさえあれば様々な環境で WebAssembly の実行が可能です。C/C++、Rust、Go など様々な言語が WebAssembly へのコンパイルをサポートしているのも魅力で、言語の壁を越えたユニバーサルな実行基盤という、ある種のロマンを体現する存在でもあります。 このあたりの話はこ
先日、VitalRouter.MRuby というUnityパッケージを公開しました。Tweet 元々、VitalRouter というUnity向け高速メッセージングライブラリをつくっていたんですが、ここに mruby を組み込むことによって、Rubyスクリプトで書いたとおりにメッセージを発行(publish)できるという代物、それが VitalRouter.MRuby 、です。 Rubyで発行したメッセージを受け取ったUnity側は、VitalRouterの柔軟な async パイプライン & async順序制御によって、宣言的にシーケンスを記述することができます。 これによって、ゲームのシステム部分の開発のレイヤの上に、お手軽ゆるゆるスクリプトを乗っけることができます。 What is VitalRouter? VitalRouter自体は単に、中央イベントアグリゲータ/メッセージブロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く