とあるRPGの曲を作業用に聞きながらYoutubeの動画をチラ見してたら、テキストの表現方法がたくさんあったことに感動したのを思い出しました。で、ふと試してみようと思たったのが今回のネタです。過去記事で似たようなことをやってるのでその応用ってことに…

Photoshopでいい感じのグレースケールテクスチャが作れたので、さっそくエンジンで検証します。もちろんUE4です。テクスチャだけの話だったらUnityでも使える内容ですが、ここからはアンリアルエンジンです。 テクスチャは２種類用意しました。 RGB24bpp の…

RPGとかアクションゲームのボス戦なんかで、ボスキャラの体力がものすご～くたくさんあるのを表現したゲージがありますが、そのひとつ作ってみました。 参考にしたのは、大人気モバイルゲームタイトルのFGOです。 普通は1本のゲージが何本もあるかのように見…

4.19がリリースされましたね。楽しみですがまだ落としてないので、引き続き 4.18.3で書いてます。前回のおまけに続いてさらにオマケを作ってみました。今回は ロックとアンロックの状態切り替えを組み込んでます。 ロック状態であることを分かりやすくするこ…

昨日家に帰ってから寝落ちしつつ作ったので、なんか文体がおかしい気もしますが無事 喜んでいただけて良かったです。モノ自体はだいたい１時間ほどでできました。アイコンの素材探しと、記事を書くのに時間がかかりましたが、UE4でのUMGユーザーが増えること…

今回はコメントを頂いたのでその返答として書きます。コメントいただけると嬉しいですね。続けてきた甲斐があるってものです。 で、作ってみたのはこれ。 いくつかのアイテムを左右にスクロールさせて選択するメニューUIです。 今回アイテムの絵素材として F…

前の記事でインターフェイスを作りましたが、せっかくなのでスピンボックスも作ってみることにしました。 スライダー同様、ゲームの設定画面とかでよく見かけます。スピンボックスはGUIの１スタイルでMicrosoft Developer Networkのドキュメントに簡単な説明…

キーリピート処理の説明用にスライダーUIを作ってみたら、なんとなくいい感じになってきたので調子に乗って”初期設定に戻す”機能を追加してブループリント インターフェイスまで扱うとこまできたのですが、もうひとつ「ミュート」の切り替えができるようにし…

前回それなりにサウンド設定ができそうな雰囲気を醸し出すことができました。 そこにリセット用の項目を追加してみます。 右端にもオマケでアイコンを追加しています。 前回の記事はこちら。limesode.hatenablog.com ↑これをベースにいじっていきます。 Blue…

前回 キーリピート処理を試すために作ったUIパーツのスライダーを並べてそれっぽく操作できるようにしてみようというのが今回の記事です。 limesode.hatenablog.com まずは スライダーのWIdgetにパーツとアニメーションを追加します。追加するパーツは３つ。…

パソコンでキータイプしていると気づくこともあると思いますが、カーソルキーとか同じキーを押しっぱなしにしたときに、１文字目と２文字目の間にちょっとだけ間があります。タン、タタタタタタ・・・・・・ 初めてパソコンを触ったとき、当時子供だった私は…

ついに大晦日ですねぇ。このブログもペースは落ちてますが、なんとかマル２年続けることができました。これも多くの方に読んでいただいているのが、励みになっています。ありがたや、ありがたや。 ２年も経つとエンジンのバージョンも随分アップデートされて…

オモムロに電光掲示板（流れるやつ）を再現してみたくなって試してみたら、なかなかいい感じになったのでメモっておくことにします。 たまにゲームで見かけるのが、ドット風のテクスチャでマスクされて、UVスクロールしているやつ。穴のたくさん開いた板の向…

このブログもそろそろ２年目を迎えます。よく続いたもんです。さすがにネタに困ってきてる気がしないではない・・・というかちょっと困ってます。 朝、駅のホームで突然ひらめいたりしますが、地下鉄の駅から地上に出たところでスッカリ忘れていたりするので…

UMGで移動アニメーションを作る場合、Position と Translation の２種類があって、表示された見た目には違いがないように感じますが、それぞれ仕様が違うので私は使い分けて使っています。 今回はその使い分けについての私なりの解釈をぐだーと書いてみます…

UMGでテキストを表示します。キレイにアウトラインフォントが表示されます。 うん。 ・・・・。 そう、ちょっと刺激が足りないなと、気づいたのです。 このままで終わっていいのか？テキストブロック！ お前の人生、ただ指示された通りの文字を並べるだけで…

前回の記事でポップアップする▼マーカーを作ってみたのですが、改造することにしました。 limesode.hatenablog.com なぜかというと、このタイプのUI表示は同時に複数出ることがなく、常に一つだけが表示されます。前回の作り方では呼び出し元であるActorの配…

※ この記事は 内容に誤りがあったため 内容を一部加筆修正しています。 Ver 4.17で検証・作成しています（2019/4/25） 今回は、3DのRPGで、NPCに話しかける時なんかに、頭の上につくマーカーみたいなやつを作ってみます。 UIのプロトタイプ的に気軽に試そう…

久しぶりの更新です。大丈夫、まだ生きてます。 電光掲示板なんかでよくある、長さが足りなくてテキストが右から左へ流れるアレをUMGで作ってみました。ただ流れるだけではなく、端っこをフェードさせます。 最近見なくなりましたが、HTML界ではマーキーとい…

いつのまにやらセミの声が凄まじい今日この頃、ふと前回の記事更新から随分空いていたことに気付きました。ようやくエディタのバージョン4.16をインストールしました。Widgetに新しいイベントが追加されてたんですよね。Widgetを3Dで扱うときに、EventConstr…

続きです。 シンプルな作りですが、キャラセレ画面としてある程度必要と思われる内容まで用意できました。今回はキャラを選ぶにあたっての能力値をグラフで表現したものを作って追加します。 まずはテクスチャ。 40ｘ40 のグレースケールでアルファチャンネ…

サムネイルが登場して、カーソルを動かしてフォーカスを切り替えるとこまでできました。つぎはカーソルの指しているキャラの大きな絵が シャッ！とかシュッ！とか言いながら入ってくるのを作ります。いや言いませんね。オノマトペです。 ではさっそく、新し…

最近話題のハンドスピナーが売っていたので買ってみたのですが、振るとチリチリと何やら小さなパーツが跳ねる音がします。回すとシャーと音がして１分も持ちませんが雰囲気を楽しむ程度には堪能できた、気がします。 さてさて前回の続きです。まだまだ続いて…

どうもです。まだ続いてますよ～。 あまり間が開かないようにしたいのですが、なかなか時間がとれなくてペースが悪いですが頑張って更新していきます。UE4でUIを作ることになった初心者の方向けに、オペレーションを幾分丁寧に書いてるのもありますが、そろ…

前回のつづき Widgetブループリント サムネイルの絵とアニメーションが用意できたのでいよいよブループリントを触っていきます。編集モードをDesigner から Graph に切り替えます。 まずは必要そうな変数を２つ用意します。 ひとつは自分自身の番号を保持し…

前回の続き ちなみにサムネイルのスペルは thumbnail ですよ皆さん。 選択用サムネイルを作る まずはサムネイルの準備をします。テクスチャにはキャラクターの顔が複数並べてあるので、このままでは使えません。そこで部分的に切り出すためのマテリアルを用…

前回の続き テクスチャのアセット化 テクスチャ素材の準備ができたところでUE4のアセットに変換します。方法は２つあって、作ったテクスチャを、コンテンツブラウザから右クリックしてインポートするか、フォルダからドラッグ＆ドロップすることでアンリアル…

UE4のUMGでUIライフを楽しんでおられる紳士淑女の皆様いかがお過ごしでしょうか。 久しぶりにガッツリとUI画面でも作ってみようかな~と、思い立って準備を進めてみたものの結構かかってしまった。ゲームにはつきもの、キャラクターセレクト画面を作ってみよ…

久しぶりです、大丈夫まだ生きてます。 UIの画面を作っていると、「あとはカーソルを動かせれば完成なのに・・・」「パッドのトリガーでページ切り替えしたい・・・」「ウィンドウを閉じたり開いたりしたい・・・」「Xボタンを押しながらだとスクロールがで…

本記事は2017/3/21にアップした内容に、2018/8/6に加筆修正した内容になります。 久しぶりの更新。なかなか記事を書く時間がないので困ったものです。 NintendoSwitchにもUE4が対応するということで、どんなゲームUIが出てくるか楽しみです。 さてさて以前テ…