プログラマーがUnityのUI Toolkitを学べるデモ『QuizU』が公開。複数のメニュー画面やゲームフローの管理機能を備えた、クイズゲームのサンプルプロジェクト

2023.11.28
ニュースUIUnity
この記事をシェア!
twitter facebook line B!
twitter facebook line B!

この記事の3行まとめ

  • UI Toolkitのプログラマー向けの教育用デモ『QuizU』が公開された
  • 複数のメニュー画面とゲームフローの管理機能を備えたクイズゲームのサンプルプロジェクト
  • アーティストとデザイナー向けのUI Toolkitデモ『Dragon Crashers』もアップデート

Unity Technologiesは、2023年11月28日(現地時間)に『UI Toolkit: New and updated demos for programmers and artists』と題する記事をUnityブログにて公開しました。

(画像はUnityブログより引用)

UI Toolkitとは、UnityのUIを開発するための機能やリソース、ツールを集めたツールキットです。その教育用のサンプルプロジェクトとして、プログラマー向けのデモ『QuizU』が公開されました。

QuizU

QuizU』は、複数のメニュー画面とゲームフローの管理機能を備えた、クイズゲームのサンプルプロジェクトです。本作を通じ、UI Toolkitコンポーネントのさまざまな活用方法を学べます。

主にプログラマーに向けて作成されており、UI Toolkitの概念とツールについて説明されています。

(画像はUnityブログより引用)

このデモはUXMLファイルを使ったビジュアルツリーや、効率的にコンテナ内でUI要素を動的に配置するためのFlexboxなどといった、UI Toolkitのさまざまな機能やテクニックを使った10個のサンプルと、それら機能の多くを1つのプロジェクトにまとめたクイズゲームで構成されています。

特定のテクニックや機能をそれぞれ説明している10個のサンプル(画像はUnityブログより引用)

ゲームフローの管理や複数のメニュー画面の管理など、多くの機能が説明されたクイズゲーム(画像はUnityブログより引用)

『QuizU - A UI toolkit sample』Unity Asset Store

UI Toolkit Sample – Dragon Crashers

QuizU』の公開とともに、アーティストとデザイナー向けのデモ『UI Toolkit Sample – Dragon Crashers』がアップデートされました。

このデモは、電子書籍『Unityにおけるユーザーインターフェースのデザインと実装』に含まれるワークフローの一部を紹介するために開発され、2022年9月に公開されました。

関連記事
UnityにおけるUI開発の「究極ガイド」、日本語版電子書籍が無料でダウンロード可能に
2023.09.05

このデモでは、UI ToolkitとUXML、USSファイルを使用してゲームインターフェイスのレイアウトとスタイルを作成します。

(画像はUnityブログより引用)

今回のアップデートにより、画面の横向き・縦向きに応じたUIの切り替えや、デバイスの使用可能な画面領域内にUIを収めるSafeArea APIの実装のほか、モバイルデバイスのfps上限を60fpsに制限するといった更新がされています。

画面の横向き・縦向きによるUIの切り替え(画像はUnityブログより引用)

デバイスの使用可能な画面領域内にUIを収めるSafeArea API(画像はUnityブログより引用)

また、アップデートされた『UI Toolkit Sample – Dragon Crashers』のチュートリアル動画がUnityブログ内にて公開されています。

『UI Toolkit Sample – Dragon Crashers』Unity Asset Store

詳細は、Unityブログをご覧ください。

『UI Toolkit: New and updated demos for programmers and artists』Unity Blog

関連記事

PLATEAU、3D都市モデルを使った位置情報共有ゲームをつくるチュートリアル記事を公開。ゲームの制作から、サーバーの準備、アプリの配信まで詳細に解説
2024.03.01
UnityのURPを解説した無料の公式電子書籍がアップデート。デカールや「Fullscreen Shader Graph」などのセクションを追加
2024.02.23
「Steam Audio」がオープンソース化。UnityやUEに統合できる、ゲームやVRアプリ用の空間オーディオツール
2024.02.22
Shader Graphに対応したUnity UIについて、ユニティ・テクノロジーズ・ジャパンが紹介動画を公開
2024.02.21
国土交通省が主導する「PLATEAU」、Unity向けSDKを使ったサンプルプロジェクト『Urban Scape』を公開。時間や天気の変更も可能な3D都市ビューワーアプリを作成可能
2024.02.15
ユニティ・テクノロジーズ・ジャパン、GitHubで『Project_TCC v.1.0.0』を公開。キャラクターを制御するシステムやゲーム開発をサポートする機能が詰まったツール
2024.02.14

注目記事ランキング

2024.02.27 - 2024.03.05
1
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
2
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
3
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
4
UEFNで使えるプログラミング言語「Verse」のノウハウが集結。『UEFN.Tokyo 勉強会 03 Verse Night』レポート
5
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
6
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
7
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
8
フォートナイトとUEFNがv28.30にアップデート。「NPCスポナー」が、スポーン・撃破時のエフェクトや移動速度のカスタマイズに対応
9
【STEP2】UEFNの基本的な使い方を覚えよう
10
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
11
【STEP1】「UEFN」を入手しよう
12
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
13
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
14
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
15
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
16
フルカラー書籍「UEFN(Unreal Editor For Fortnite)でゲームづくりを始めよう!」、ついに本日発売!全国書店で好評発売中!
17
NIKEのAir Maxをテーマにしたフォートナイトの島『Airphoria』、制作に関するチュートリアルが公開
18
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
19
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part1
20
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part2
21
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
22
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
23
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.6「チーム・対戦系」Part1
24
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
25
フォートナイトとUEFNがv26.30にアップデート。ロビー画面が一新され、クリエイターが島ごとにロビー背景を自由にカスタムできるように
26
【STEP6-1】「オリジナルキャラクターを登場させよう」――Fabでアセットをダウンロードしよう
27
「UEFN」って実際どうなの? 編集部が3時間で「みんなで遊べるアクションゲーム(?)」を作ってみた
28
【STEP5-1】スタート時のカウントダウンを作る
29
【STEP4-1】コース外に出たらデスする仕組みを作る
30
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

レンダリング(Rendering)
レンダリング コンピューターグラフィックスにおける、各種データ(3Dモデルなど)をプログラムを用いて計算し、画像として表示すること。レンダリングを行うプログラムをレンダラー(Renderer)と呼ぶ。
VIEW MORE

Twitterで最新情報を
チェック!