妹でもわかるUnrealEngine4

毎日更新? 妹に説明するために書いてるけど、たまにわかってない場合もあるUnrealEngine4を中心としたゲーム制作の話。略すとイモリアル

毎日更新? 妹に説明するために書いてるけど、たまにわかってない場合もあるUnrealEngine4を中心としたゲーム制作の話。略すとイモリアル

クリックした時のエフェクトは大事 #UE4

「無事アニメーションの作り方も思い出したので、ボタンをクリックした時のエフェクトを入れた。これがないと押せたのか押せてないのかわからないから、ものすごくストレスがたまる」妹「ボタンウィジェットには最初から反応して絵が変わるやつなかったっけ?…

UMGのアニメーション復習 #UE4

「今日はちょっとボタンのアニメーションをやる。UMGのアニメーションは前にもやったんだけど復習しながら」docs.unrealengine.com(1) どのウィジェットの、どのパラメータを動かすか考える(RenderTransform欄を使うのが望ましい) (2) アニメーション欄に新…

じゃんけんをするゲームの予定図

「とりあえず操作は作れそうな感じになってきたから、本格的にじゃんけんをしたいんだけど、今回はちょっとややこしいので、まず想定してるゲームの流れを図にしてみた」妹「ややこしいの? じゃんけんなのに?」「今回は遅出しアリにしようと思ってる。相手…

自作マウスカーソルをウィジェットとして表示する・第2弾 #UE4

※現在はもっといい方法が見つかっています imoue.hatenablog.comimoue.hatenablog.com imoue.hatenablog.com「自作のイラストを使ったマウスカーソルを作る、というのは前にもやったんだけど」妹「やった気がする」「今日やるのもだいたい同じ、ウィジェット…

不思議なマウスカーソルの挙動 #UE4

「ウィジェットを使う時にどうしても考えないといけないのがマウスカーソルの問題」妹「それはなんか前に少し調べたような気がする。自分で作ったカーソルを表示する方法とか」「今回あらためて調査したんだけど、実際問題としてよくわからなかった。これは…

UMGの自作ウィジェットにクリックイベントを作る

「ウィジェットは入れ子構造になってて、作ったウィジェットを、別のウィジェットの中にはめこむということも出来る。今回は画像と透明ボタンをセットしたウィジェットを作ってる。この時にちょっと困るのが、自作ウィジェットにはOnClickとかのイベントがな…

UMGウィジェットだけでゲームを作る実験中

「UE4で2Dゲームというと、Paper2DやSpriteStudioを使って、3D空間に2Dキャラクターを表示するのが主流だけど、ウィジェットだけでもゲームは作れるはずなので、それをやるとどういう問題が起きるのか、というのを確認している」妹「じゃん……けん?」「海外…

妹がRPGツクールに挫折した時の話

妹「RPGツクールに失敗した時の話も思い出した」「プレステ版のやつだっけ?」妹「それもちょっとやったけど、パソコン版のも使ったんだよ。なんだっけ、VX……なんとかという」「VXAce。あー、そういえばセールだったから妹用のも買っといたような」妹「で、…

妹がJavaで挫折した時の話

妹「そういえば……先日のスライドに出てた、Javaの話なんだけど、あれなんで上手くいかなかったかをちょっと思い出してきたんだけど」「なんで上手くいかなかったんだっけ? そもそもなんでJavaだったのかというあたりから」妹「色々候補はあったんだけど、一…

Live2D Cubism3で何か動かす実験(6) デフォーマの不思議なしくみ

「今日はぴょこっとバケツ飛び出た動きをつけて、そこに昨日の拍手を組み込むというのをやりたいんだけど、ぴょこっと飛び出るとこまではいいとして、その後に少々問題が生じた」妹「拍手できないの?」「なんというか、ずれる。叩く場所がおかしい」「これ…

Live2D Cubism3で何か動かす実験(5) ヒレのようなものを動かす

「この10年ぐらい前に作ったGIFアニメと同じように、拍手ができるようにしたいということで、色々試行錯誤中」 「普通 - すこし手を広げて構える - 叩くの3つの動きを作って、途中は自動補完に任せる感じ」妹「ちょっと浮いてるとこは?」「それは別の動き…

Live2D Cubism3で何か動かす実験(4) 何がいけなかったのか考える

「昨日はウトウトしていたら寝てしまったので、気を取り直して、一昨日の失敗したポリゴンの貼り方について、少し考えてみた。おそらくこのへんがネックになったんじゃないかと」妹「複数のポリゴンにまたがるのもダメなの?」「それがダメというわけじゃな…

Live2D Cubism3で何か動かす実験(3) 目を寄せてみようとした

「最初はまずシンプルな動きからつけてみようと思って、それで目を動かしてみたわけなんだけどね……」妹「目は寄ってるけど、なんか、えぐれてますね……」「うすうすこうなるんじゃないかとは思ってたんだけど、気のせいかもしれないので確認したら、やっぱり…

Live2D Cubism3で何か動かす実験(2) PSDの読み込みと、アートメッシュの編集

「ようやくLive2Dに入っていくわけだけど、今回使うのはLive2D Cubism3で、Euclidの方じゃない」妹「どう違うの?」「Cubism(キュビズム)というのは以前からある、2Dパーツを分けて、アニメーションする、つまり今やろうとしてるやつ。Euclid(ユークリッ…

Live2Dで何か動かす実験(1) 絵の準備

「とりあえず昨日描いた、通称バケツたまちゃんの絵を動かせるように、まずはパーツ分けをしてみようと思う。手順としては、1枚のレイヤに描いた絵をパーツごとに切り取って、パーツごとに別々のレイヤにしつつ、色とかを調整していく」妹「1枚のレイヤな…

Live2Dで動かす絵を描く練習

「Live2Dがバージョンアップしたらしいんで、絵を動かしてみようかと思ったんだけど、なんか久しぶりだからいまいち絵の描き方がわからなくなった」妹「よくある」「多分Live2D的にはもっとまっすぐ描いて、あとで変形させた方がいいんだろうなと思うんだけ…

UE4の公式フォーラムでスレッドを購読する

「UE4のフォーラムで、良い投稿があったと思ってもすぐ見失って、あの話結局どうなったの? みたいになることが多かったんだけど、購読機能を使うとそういう問題で悩まずに済みそうなことがわかった」forums.unrealengine.com「まずはいい感じのスレッドを見…

ゲーム開発に使える無料ソフト・アセット類

forums.unrealengine.com「UE4の公式フォーラムを見てたら、こういうスレッドを見つけた。だいぶ古い投稿だけど気付いてなかった」妹「なんか色々あるね」「3Dもあれば2Dもあるし、音関連のアセットもある。一部ブループリントのアセットとかを除くと、ほと…

UE4.16Preview2でWebAssembly版がChromeでも動くように

forums.unrealengine.comforums.unrealengine.com「UE4.15.2と、4.16 Preview2の、ふたつのアップデートが出てた。このうち4.15.2の方はピンとくる修正はなかったけど、4.16のHTML5対応がよくなってた。Preview1の段階だとFirefoxでしかまともに動作してなか…

UE4のロードマップがリニューアル

trello.com「UE4の今後の開発予定が書いてあるロードマップ(工程表)のページがリニューアルされたみたい。機能ごとに動画や写真がついて、見やすくなった」妹「動画があると何の機能わかりやすいからいいと思う」「全体の構成も、今まではとりあえず予定が…

物理エンジンで2次元方向にしか移動させない方法 #UE4

「UE4の物理を使った時に、決まった方向にだけしか動かない方法がわからないという話を先日聞いたので、今日はその方法をチェックしておこうかと」妹「勝手に奥とかにズレないようにするってことだよね」「そうそう。これは2Dゲームの研究中に少しやったよう…

PlayerStartとAutoPossessPlayerの仕組み

「先日AnswerHubでPlayerStartと違うところにキャラクターが出てきちゃうという質問があって、それ結局なんでかはわからなかったんだけど、PlayerStartに関してはちょっとよくわからない部分があったんで、今日はそのへんの実験について」妹「PlayerStartの…

インストール時のフォルダ指定 #UE4

「今まではWindowsだとCドライブとか、勝手にインストールしてたんだけど、どうもそれが変えられるようになってるみたい」妹「えっと、わたしのパソコンだと確か、普通にインストールするだけで本当はDドライブにインストールされる的な設定になってた気が」…

UE4.16 Preview1の調査(2) HTML5パッケージ化の変更点

4.15 4.16 「TPSのテンプレートをHTML5でパッケージ化してみた。色々オプションが増えてるし、使わなくてもいいファイルとかもあるから単純に比較は出来ないんだけど、だいたい容量的には半分になってる感じ」妹「速さは?」「起動は確実に速くなってるね。…

UE4.16 Preview1の調査

forums.unrealengine.com「4.16のPreviewが出てた。早速どんな感じか調査した……んだけど、今日はあんまり進まなかった。アニメーションを作る機能とかは、どこにあるのか不明で試す段階までいってない」妹「他にはどういうアップデートが」「レンダリング面…

Xenkoというゲームエンジンをちょっと触ってみる

www.4gamer.net「Xenkoというゲームエンジンが公開されたらしくて、話題になってたからどういう感じなのか試してた」妹「メニューは日本語になってるね」「エディタは日本語化されてるみたい。ランチャーの方は英語だけだった。ドキュメントも英語だけだから…

先日のミートアップで使った、ブループリント布教用スライドをアップロードしました

妹「そもそもこれって何の発表用だったの?」「入門者でもわかるような発表がいいんじゃないかということで、どうしてブループリントがプログラムの初心者にも扱いやすいのかという仕組みの話を軸に、日本語関係でのトラブルとか書きたいことを書いていった…

第6回 UnrealEngine4ミートアップセッションin九州 で登壇してきました

※今回来られなかった方や、もう1回見たいという人向けにスライド資料を後日公開予定です ※追記:公開しました 妹でもわかるUnrealEngine4 -なぜ妹はUE4を選んだのか? // Speaker Deck 妹「あ、生きてた」「なんとかなったみたい。30分の予定だったのにうっ…

SpriteStudio Indie版のデータを公開する時の利用規約

www.webtech.co.jp「うちでも使わせてもらってるSpriteStudioのIndie版だけど、ゲームに使った場合は最初にスプラッシュスクリーン(ロゴがアニメーションするやつ)の表示をするっていうルールがあったんだけど、その辺のルールが細かくなってて、動画やSNS…

UMGウィジェットにポストプロセスは効かない

「ウィジェットを配置してて、ふと気になったので確認したんだけど、ウィジェットの表示にポストプロセスは効かないみたい。2値化を無視して元の色が出てくる」妹「それはポストプロセスマテリアルだけ? それともポストプロセスっぽいの全部?」「たぶん全…

ゲームパッド(とキーボード)で、UMGのウィジェットを操作する動画

www.youtube.com「たしか前にゲームパッドで、ウィジェットの操作が出来ないという問題があったと思うんだけど」妹「ウィジェットはわからないことだらけだから、全部覚えてないけど、マウス操作じゃないと困ったことはあった気がする」「それでゲームパッド…

UE4のエディタ便利操作5選……の動画紹介

www.youtube.com「海外の掲示版で紹介されてた動画なんだけど、小技の紹介動画的なもの。ブループリントとかマテリアルとかじゃなくて、エディタ操作に関するものみたい」妹「どんなのがあるの?」(5位) アクターを選択した状態でEndキーを押すと、地面にく…

UMGのテキストボックスに日本語を入力するテスト

「UE4って日本語の表示は出来てるけど、入力はどうだったかな……とちょっと気になったので、今日はそのテストをした。普通にウィジェット出して、入力したら別の用意してあるテキストエリアに表示する」「一応出来てるみたい。Windows以外ではどうなるかわか…

ポストプロセスマテリアルによる簡易LUT

「ルックアップテーブル(LUT)による色変換で、色々情報をもらったんだけど、今のところ中間色が出ないようなLUTを使う方法は見つかってなくて、それでポストプロセスの標準機能ではなく、マテリアルでそういう処理を組めばいいのでは? と思ってやってみたの…

ポストプロセスマテリアルを使った2値化+輪郭線

「LUTによる2値化は上手く行かなかったので、ポストプロセスマテリアルで作ったみた」妹「白黒じゃないんだ」「原理的にはこれ何色でもいいから、今回は淡い色合いにして、それにプラスして先日作った輪郭線のマテリアルも入れた。どっちもタイミングの設定…

ポストプロセス LUTの弱点・階調化フィルタ

「昨日はピクセルの場所に関係ないフィルタならいけるって書いちゃったけど、厳密に言うとそれでも駄目なやつがある。例えば上のスクリーンショットは2値化フィルタを書けたLUTを使ってるんだけど」妹「2値になってないね。グレーがいっぱいある」「グレー部…

ポストプロセスのカラーグレーディング

「ポストプロセスは色々面白そうなので、引き続き調査中」妹「これは画面の色調を変えたの?」「いやこれは変えない設定にしたつもりなのに、何故か変わっちゃってる件の調査」docs.unrealengine.com「この中のルックアップテーブル(LUT)というやつを試して…

ポストプロセスマテリアル実行のタイミング

After Tonemapping Before Tonemapping Before Translucency Replacing the Tonemapper「これは昨日作ったポストプロセスマテリアルの、空の網目模様を消したバージョンなんだけど、同じマテリアルでも実行のタイミングで全然見た目が違う、というのが今日の…

マテリアルによるトゥーンアウトライン研究(9) 外側にアウトライン生成するポストプロセスマテリアル

「研究の結果、だいたい納得のいくマテリアルが出来た」妹「これは外側に線入ってるの?」「多分そうなってる……と思う。虫眼鏡でじっくり調べたわけじゃないけど、線を太くしても中のキャラクタの大きさ変わらなかったから上手くいってるはず」ポストプロセ…

マテリアルによるトゥーンアウトライン研究(8) 内側と外側のどちらに線を入れるか

妹「線を内側に出すのと外側に出すのって、そんなに違うものなの? お絵かきソフトとかでやる時はあんまり変わんなかったと思うんだけど」「内側と外側というのは、より手前にある物体の表面に線があるか、奥にある物体の表面に線があるかという違いなんだけ…

マテリアルによるトゥーンアウトライン研究(7) 先行事例の研究

qiita.com「UE4を使ったトゥーンレンダリング(ノンフォトリアル)の事例はいくつかあるんだけど、説明が日本語で、かつ導入が簡単なのがEpicのシモダさんが作った物。ポストプロセスマテリアルがすぐ使える状態で公開されてる」「これは線がみやすいように…

第7回UE4ぷちコンの結果が発表されてた

historia.co.jp「結果が出てた。今回もなかなかレベルが高いというか、厳しい戦い」妹「ゲームもだけど、動画として面白く作るってのも大変だよね。今回は結局ネタを思いつかなった」「どんなテーマで作るにしても見る人にサプライズを与えたいわけだけど、…

マテリアルによるトゥーンアウトライン研究(6) 法線データの参照

「アウトラインを出す方法には、深度(奥行き)を使った方法の他に、法線を使った方法もあるらしい。法線が急に大きく変化してる場所は、ポリゴンの角度がきつい場所なんだから、そこに線を入れとけばいいという考え方」妹「法線ってなんだっけ? 聞いたこと…

マテリアルによるトゥーンアウトライン研究(5) シンプルすぎるアウトライン表示

「まずはサンプルのマテリアルを調べようかと思ったけど、必要のなさそうな部分がかなりあってわかりにくいかったら、まずは細かいことを考えずに深度から単純に線を引くようなマテリアルを作ってみた」妹「線でてないとこが結構あるね」「深度差のとこを100…

第6回 Unreal Engine4 ミートアップセッション in九州 への参加のお知らせ

atnd.org「これ前回も行ったんだけど、今回は登壇者として参加することになった」妹「登壇者とは?」「なんか前に出てしゃべるの。このブログの宣伝をしつつ、ブリープリントの仕組みが優れている点とかを話すような予定」妹「……死んじゃうのでは」「一回参…

マテリアルによるトゥーンアウトライン研究(4) サンプルのマテリアルを別プロジェクトに入れてみる

「しばらく脱線してたけど、今日からはまたトゥーンアウトラインの方をやる予定」前回の記事 imoue.hatenablog.com「まずはStylizedRenderingのポストプロセスマテリアルを、テンプレートプロジェクトに移行する。これで線がどういう感じになるかの確認」「…

色んなポストプロセスマテリアルを見て回る

「ラジアルブラーのポストプロセスマテリアルは上手くいったけど、他にももっと色々良いのあるんじゃないかと思って調べてみた」docs.unrealengine.com unrealengine.hatenablog.com「まずマテリアルを使わなくても、標準のポストプロセスで出来ること、とい…

ポストプロセスマテリアルで中心以外をぼかす(8) マテリアルブループリント版のラジアルブラー

「妹がラジアルブラーのやつでもう少し綺麗にぼかしたやつが欲しいというので、マテリアルブループリントに移植したやつを作った。なかなか大変だった」妹「いいじゃんいいじゃん、こういう感じ」「今回は見栄えをよくするために、サンプルのSunTempleプロジ…

マテリアル用デバッグ命令

「マテリアルを編集してると、この計算合ってるのかな? と不安になることがあるんだけど、そういう時に便利なのがDebugなんとかという命令。例えばDebugFloat2Valueノードと使うと、Vector2の数字が画面に表示できる。ウィンドウが小さいと上手く表示されな…

ポストプロセスマテリアルで中心以外をぼかす(7) ラジアルブラーでぼかす

「海外フォーラムでラジアルブラーという、中心から広がるようなボカシ方の、カスタムマテリアルを見つけたから、今日はそれを試してみた。中心からだんだんボケていくというのは、こっちのイメージが近いんじゃないかと思って」妹「それはいいと思うけど、…