UI制作
前回マテリアルを使ったゲージができたので、ボタンの表示とUI用のロジックを作っていきます。一例としてサンプル程度に見ていただけると助かります。 limesode.hatenablog.com まずは簡単なボタンテクスチャのアトラスを用意します。 これをマテリアルで切…
前回の続き 基本の土台としてはそれなりにカタチになったと思うので、スライダー以外のUIパーツを作ってみようと思います。 今回の仕様はキーボードのカーソルキーで操作する想定にしています。 スライダーがUIパーツとして登場する画面にありそうなやつを 3…
前回の続き スライダーUIを並べて操作してみる キーリピートの処理が無事動かすことができました。 以前の記事だと、UIパーツとして整えていくところですが、順番を入れ替えてここでブループリントインターフェイスを用意するところから始めていきます。 Blu…
時は四年前。 2018年の2月に公開した内容で、間違いに気づかず、問題を避けるかたちで解決したことにしている部分があって、その雪辱戦といいましょうか、修正するにも当時のバージョンはすでになく、空きのないドライブと格闘してスクショ撮るのも大変そう…
夜帰宅中、歩いていると聞きなれない音に気付いた、壊れた電子ブザーみたいな音で、長く一定のトーンで聞こえてくる音。まだ蛙の声も聞こえる時期なので秋の虫も少ないせいか際立って聞こえてくる。そういえばどうぶつの森で聞いたことがあるような・・・調…
もう年末、プロジェクトは終わってないけど年内分の仕事もなんとなく納まったのでやれやれです。年々体力に自信がなくなっていくのがヤバイですね。 この７月から参加している UIチャレンジ企画 について作ったものを振り返ってみようと思い立ったので、記事…
ゲームのUIを作っていると一度くらいは矢印をデザインすることがあると思います。今回は動きのある矢印を3Dメッシュでつくります。動きといってもUVのスクロールです。テクスチャのUVを移動させることで絵が流れて見えるやつです。 前回の記事で使ったカーブ…
ちょっと間が空いてしまいましたが、前に書いた記事では、ウィンドウ下敷きのような、そこそこ面積のあるものを描画する場合、テクスチャを節約する目的のメッシュをカーブから作る流れを紹介しました。 カーブを作ってから、いったんメッシュにしてFace（面…
前回は、ダイアログウィンドウみたいな大きい絵を作るのに、メッシュを使うとテクスチャ用のメモリを効率よく使えるよ。という内容で書きました。 今回は矩形（四角）で描画すると透明部分の描画処理がもったいないから、メッシュでいらない部分をカットする…
日が落ちるのが早くなってきましたね。帰宅中に夜道を歩いていると、ふいに稲の枯れた匂いが漂ってきたので、見ると田んぼの稲がすっかり刈られていました。昼間はまだ暑いので意識していなかったんですが、なんだか急に夏の終わりを感じて寂しく思うと同時…
前回の記事でいろいろ見た目をアップさせる小技を紹介しましたが、今回はいろいろ動きのあるものを入れたものを紹介していきます。 あくまでも一例にしかならないのですが、いくらかヒントになれば幸いです。 先の記事からの続きとなっていて、値を変える関…
ゲージのデザインは、ゲーム進行においてとても重要な役割なのに、UIの主役には絶対なれないし、主張するとウザがられ、空気読めよ邪魔だよとか言われて面積を大きくとれなかったり、え？いつの間に体力ゼロ？なんで？今の攻撃結構減ったな、ヤバい！回復し…
先日公開した動くHPゲージをもっと触っていこうという内容です。 limesode.hatenablog.com この記事で作ったゲージを元にいろんなアレンジや機能を試していきます。 UE4の最新バージョン 4.27 がリリースされましたが、この記事シリーズが終わるまでは 4.26 …
季節は残暑。まだまだ真夏のはずですが、ここ最近の空模様のせいかセミの声も遠く感じる今日この頃いかがお過ごしでしょうか。先日のクイズゲームの記事でちょっとばかり燃え尽きてたりして間が空いてしまっていました。参加しそびれたのですが、ぷちコンの…
アンリアルエンジン４でクイズゲームづくりにチャレンジということで、約1ヶ月８回に渡って記事を書きました。ここで一覧にしてまとめておこうと思います。 完成したクイズゲームとしての仕様 複数の問題から出題 選択肢は 4つ 時間制限がある 制限時間内に…
UE4でクイズゲームを作る記事の続きです クイズゲームなのでここで扱う「問題」はトラブルではありません。なんか、内容に問題ありな題をつけてますが、「問題だらけ」とか「問題がいっぱい」よりはマシかなぁとか考えてみたけど、あまり変わらない気もする。…
前回タイマーの改造に始まって、ForLoopやらSelectノードやら配列やら説明してたらボリュームがえらいことになったので、2部構成にしました。 クイズゲームとして、制限時間内に規定回数分正解するとゲームクリア。という仕様に決めました。前回の記事でその…
引き続きクイズゲームを作っていきます。 ここでいったん過去記事リンク 『そうだ、UE4でQUIZゲームを作ろう』 《準備編》 《組み立て編》 《おまけ編》いーなむで切り替えをわかりやすく 《おまけ編》ボタンのデザインをどうにかする 《おまけ編》時間制限…
クイズゲームには時間制限は当たり前ということで、作ってみたいと思います。 表現方法によっていろんな作り方があるので、どういう形にしようか迷ってしまいました。 ただ一口にタイマーといっても、目立ち具合というか、主張する強度みたいなのがあって、…
UE5の早期アクセスが公開されましたね。まだ触れていないので祝祭のツイートを眺めてるとマウスを操作する中指がつりそうです。UIがスッキリしてモダンな雰囲気を醸しているのがなんだかさみしくもあります。 UE4のアイコンはそれなりに丁寧で考え抜かれてる…
いーなむを使って遷移をわかりやすくしよう。します。いや、しませんか？提案させてください。ということで、先日のクイズゲームを作ろうという記事で、WidgetSwitcher を使って複数のWidgetを紙芝居的に入れ替えるというのを作りました。そのとき 0、1、2み…
続きの記事になります limesode.hatenablog.com 前回の記事ではクイズゲームに必要な表示を、Widgetブループリントというアセットで用意しました。今回は全部を組み合わせて動くようにします。 目次 その名をQuizGame タイトル画面からの遷移 確認してみる …
UE4で試しに作ってみたらそれっぽいのができたやつ シリーズ第ｎ弾 カウントしていないのでｎです。まあいつもの癖です。 とある動画を見ていて、UMGに WidgetSwitcher というのがあって使えそうだなと思ったのと、UMGのチュートリアルの教材にクイズゲーム…
今年も新人さんたちが入社してきました。去年のこの時期はいろいろとアレやコレやでもう大変でしたが、新型コロナに気を取られてもう一年が経ちました。早いものですね。まだまだ脅威は去っていないというかむしろ近づいてきてる気がするので、戦々恐々とす…
ダイアログウィンドウなんかのサイズが可変するウィンドウでよく見かけるUI表示で、制作環境によって呼び名が変わるようです。9スライスとか、9-patch とかいうやつ。 UE4でももちろん標準実装されているのでとても手軽に使えます。 詳しくはこちらの記事。 …
いやぁレーダーチャートですよ。ゲームのUI作ってると、避けて通るのが難しいというか、ヘタに避けると事故るというか、かといって簡単には実装させてくれないというツンなところが憎いレーダーチャート。ステータス画面でキャラの成長度合いや武装なんかの…
前回の続きです ゲージの見た目を改造していきます まずはテクスチャを使ったアレンジ といってもグラデーションを乗せるだけ 用意したのは 128ｘ16px のテクスチャ。 ← 実寸 インポート時にタイリングの設定を変更しておきます。 UVを動かしたときに、狙っ…
なんとなく両端から増減するゲージを作ってみたくなって、マテリアルで試してみた。 両サイドから増減するゲージを作っていたら、なんとなくスタミナゲージぽいのができた#UE4 #ue4UMG pic.twitter.com/XiLUNbaNNv— みつまめ杏仁 (@MMAn_nin) 2021年2月1日 …
最近Twitterにあげたやつ stepノード触った記念に、ポストプロセスマテリアルでSceneDepthに使ってみた。なんか無理やりだけど。 pic.twitter.com/gyVW6KcMrH— みつまめ杏仁 (@MMAn_nin) 2021年1月25日 動きは上のツイートから確認できます。 UE4がゲーム画…
3人称視点のアクションRPGとかで、フィールドに落ちている何かを拾うと、ログ表示のように画面端に表示されるあれです。 原神をプレイしてて作ってみようと思い立ったUI表示ですが目コピーではないです。 試そうと思ったきっかけは、 VerticalBoxに追加した …
