ハッシュタグ記事一覧

「V4」採取コマンドを実行中はリングゲージではなく横ゲージが採用されていた

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「V4」から、採取コマンドを実行中のUIをご紹介します。 該当の画面はこちらです。 アニメーションで見るとこんな感じです。蜂蜜を得るために蜂の巣の前で採取コマンドを実行しています。2メートル近い蜂の巣に躊躇なく近づくのは怖すぎます。 採取コマンドを実行中は基本中には操作せずに待機する必要があります。画面中央、キャラクターの足元付近に進捗ゲージが表示されているのが分かるかと思います。 ゲージだけではなくコンマ秒で残…

2022/03/08 22:53

「V4」初めて見た操作形態のフィルタ画面。見た目はすっきりしてる。

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「V4」から、アイテムのフィルタ画面のデザインをご紹介します。 該当の画面はこちらです。 アニメーションで見るとこんな感じです。ランクや強化といった項目がチェックボックスではなく、ゲージになっています。これにより画面の情報量を少なくすることに繋がっているように感じます。 見やすくするために一部分を大きくします。ランクは一般、高級、希少、英雄、伝説。強化は+0～+12になっています。 ランクの高いアイテムのみを抽出…

2022/03/08 22:48

「V4」チャットの定型文入力機能って改めて便利、手数の省略を起点として利便性が高い機能

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「V4」から、チャットでのマクロ機能をご紹介します。 該当の画面はこちらです。 もうMMORPGではお馴染みの機能ですね。よく使うメッセージを事前に登録して、一手で呼び出すことができます。これにより、他プレイヤーとの迅速なメッセージのやりとりが可能になります。 UIの面で評価するなら手数の省略に直結します。貢献する要素は少ないように見えますが、手数の省略により時間の節約に繋がります。 MMORPGでは他のゲームジ…

2022/03/08 22:48

「V4」キャラクターを魅力的に撮影するためのキャプチャー機能の紹介

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「V4」から、ゲーム画面のキャプチャー機能をご紹介します。 端末で画面を撮影する機能もありますが、ゲーム側で撮影をサポートするような機能です。特にキャラクターを魅力的に撮影する機能だと感じました。 該当の画面はこちらです。 ゲーム画面のキャプチャーを編集する機能は以前も見かけたことがありますが、「V4」の場合は撮影する前に編集する機能でした。 アニメーションで見るとこんな感じです。このように画面上の情報の表示を切…

2022/03/08 22:47

「V4」MMOPRGの場合、ロードを挟むような深い階層のメニューや専用の画像が多く使われているような画面デザインは避けた方が望ましいのかも

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「V4」から、各機能にアクセスする際の設計思想をご紹介します。 結論から言うと「V4」では各機能にアクセスする際に画面遷移が発生していません。バックグラウンドでゲーム画面が動き続けており、昨日から抜けるとすぐさまゲームを再開する設計になっています。 該当の画面はこちらです。 最初は「メニューにあるコマンドめっちゃ多いなぁ」とか書こうと思ったのですが、色々とアクセスしている内に「これって遷移無しで切り替えしてる…？」と…

2022/03/08 22:45

[React]ダークモードにする方法！MUIを使ってOSの設定から自動的にテーマを変更する

Reactで開発したアプリケーションをダークモード対応させたい！そんなとき、Material-UI(MUI)ならテーマを変更させるだけで簡単にダークモードにできます。ユーザーのOSの設定から自動的にテーマを変更可能なので、やり方を紹介します

2022/02/28 23:15

[React]Material-UI(MUI)を使うと画面設計がとても簡単になるので初心者にもおすすめです

私ごとですが、最近初めてUIの開発に手を出しています。React + TypeScriptで開発するっぽいのですが、UIなんて作ったことありません。困ったなぁ〜って思っていたのですが、ReactのUIライブラリを使うことになりました。Mat

2022/02/27 19:20