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

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

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

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

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

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

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

気がつけば2018年の12分の1が終わってちょっと焦り気味な今日この頃。残り少ない平成時代を精一杯堪能したいと思うんだけど、何をすればいいか思いつきません。あ、平成30年発行の硬貨を記念に取っておくとか？ それはさておき 2018年最初の記事は雑記で始め…

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

オモムロに電光掲示板（流れるやつ）を再現してみたくなって試してみたら、なかなかいい感じになったのでメモっておくことにします。 たまにゲームで見かけるのが、ドット風のテクスチャでマスクされて、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ボタンを押しながらだとスクロールがで…

相変わらず記事を書く時間が取れないまま４月ですよ。ニューカマー達が押し寄せてきてます。すぐそこに！ というわけで、ぷちネタを思いついたので、書いておきます。 もう誰かがやってそうですが・・・・ なんとUE４の最新バージョンで Widgetのテキストブ…

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

前回の続きでスクロールバーを付けてみます。 limesode.hatenablog.com 以外にサクッとできました。まずはUMGのパーツを追加するところから。 スクロールバー全体の大きさを決めるキャンバスパネルを親にして、スクロールバーの下敷きとバー本体を表すImage…

テキストブロックで、長文を表示しようとしたときに、たいていAuto Wrap Text（＝自動改行）にすると思います。 文字量が多いとサイズが大きくて表示しきれないので、スクロールさせるのが我々UI業界では当たり前の仕組みです。 UMG パーツ まずはイイ感じの…