この記事のきっかけ Unityとかでゲームを作ると出来上がる、ゲームのプログラム。 自分で確認する分にはいいのですが、他の人に確認してもらいたいとき、結構面倒だなぁと感じることが多いです。 これ、「もっと簡単にできないかな？」と考えてみました。 そこで… html5ならウェブブラウザがあれば確認できる見える。 ならばそれをnginxに載せれば、localhostから確認できるはず さらに、localhostはngrokで一時的に公開できるので、結構簡単に確認できるのでは？？？ …試してみることにしました。 注意 セキュリティは全く考慮していませんので、 試す際は自己責任でお願いいたします。 準備するもの nginx : dockerのコンテナを使うことにしました。 ngrok : 詳細はこちら 無料ですが登録が必要です html5 : 今回は公開されているサンプルゲームのソースをお借りする

auです。 きのうは、頭からコインが飛び出るように設定しました。 program-shoshinsya.hatenablog.com 頭からでたコインは、それぞれのコリジョンが衝突し、色々な方向に散らばってしまっています。 そこで、今回はコイン同士が重ならないように設定していこうと思います！ コインのアクタにコリジョンプリセット与える コリジョンプリセットについて まず、コリジョンのオブジェクトタイプは3つあります。ブロック・オーバーラップ・無視です。 ブロック: 衝突すると跳ね返る オーバーラップ: 衝突するとイベントが発生する 無視: 衝突すると通過する アクタには、それぞれコリジョンプリセットという、オブジェクトタイプや、コリジョンの有無、コリジョンが衝突した際の応答(オブジェクト応答)など元々設定されているプリセットが18種あります。 これは、壁や床などコリジョンの設定()が同じも

auです。 gitを少し勉強していて、ふと疑問に思ったことがあります。それは、UE4でもGitを使って開発できるのかな？というものでした。 UE4側で、複数人で開発する際のバージョン管理は「ソースコントロール」というところから行うそうです。 Git(β版)がありました。まだ本格的に使えないのかな・・・？ 他にもSubversionや、Perforceなどありますね。こちらもそのうち調べたいなと思います。 Git(β版)をソースコントロールで指定して、起動してみるとこんな画面が出てきました。 コミットと同じ感じで、コメントを書いて送信するみたいですね。 と思ったのですが、どうやってもここで止まってしまいます・・・ macとUE4、Gitの関係がよくないのか、単純にメモリ不足なのか・・・ うーーん・・・。色々と見直さなきゃいけない気がしてきました。 一応、UE4でもGitは使えるということを知

auです。 ゲーム制作で出てくる用語の「ラグドール」って何だろうと思い調べてみました。 ラグドールとは ラグドールとは、ゲームで使われる物理法則のことを言います。 ラグドール(rag doll)は「ぬいぐるみ」という意味があります。 キャラクターが気絶や死亡になった場合の、人体の方をラグドールというそうです。格闘ゲームでやられた際の"体の力が抜けてその場で倒れこむ動作"やFPS(ファーストパーソンシューティング)などでキルされた際の"地面に倒れこんだ後の処理"などがラグドールに当たります。 つまり、キャラクターの死亡などにより、動作ができなくなった後に重力や運動エネルギーからそれらしく物理的な動きを再現することをラグドールとい言います。 使っている参考書

auです。 きのう、ラグドールについての記事を書きました。 program-shoshinsya.hatenablog.com 自分も「キャラが死亡判定になった場合にラグドールにしよう！」と思い、設定してみたのですが、倒れてくれませんでした。 Kキーを押すことで、キャラクターはダメージを受けて死亡判定になり「dead!」という文字列を出力して、物理エンジンが作用するようにしたのですが、ちゃんと倒れてくれませんでした。 そこで、もともと倒れるように設計しなかったのではないかと思い、キャラクターの物理アセットをみました。 すると、このでシミュレーションをしても前に倒れなかったので、原因はここにありそうです。 選択した範囲だけシミュレーションすることもできるのですが、この時はそのようなこともやっていないので、ここを設定した際にどこかいじってしまったみたいです。 あれこれいじっていてもいまだに解決

auです。 C言語でのソケットは勉強しましたが、UE4でもソケットが出てきたので調べました。 C言語で使ったソケットの記事は以下の記事です。 program-shoshinsya.hatenablog.com UE4のソケットとは スケルタルメッシュ(キャラクターなど)の手に武器を持たせる際や、特定の箇所からビームを出したい時にソケットという機能を使用して、位置情報を取得するロケーターを埋め込みます。 ソケットを利用する スケルタルメッシュアセットをダブルクリックして、ペルソナエディタを開きます。 そして、画面左側の「スケルトンツリー」パネルの中から、ソケットを設置したい箇所に近い部位を右クリックします。」 すると、「ソケットを追加」などがあるサブメニューがあるので選択します。 頭の上にソケットを追加してみました。このロケーター情報をブループリントやC++で利用することができるようになりま

auです。 UE4をいじっていたらこの時間になってしまったので簡単に書きたいと思います。 UE4で作成しているゲームには、コインを増やすための「Add Coin」とコインを減らすための「Drop Coin」があります。 これをレベルブリープリントで、CキーでAdd Coin、VキーでDrop Coinが動作するようにしているのですが、コインは増えども減りはしない状態になってしまいました。 Add Coin Drop Coin レベルブループリント ものすごく単純なブループリントなので、根本的なところが間違っていると思うのでちゃんと探してみたいと思います。 使っている参考書

auです。 今日は、UE4でコインを1枚以上持っている状態で、コインを失った際に、頭に設置したソケットからコインが飛び出るようにしました。 ソケットについては以前にまとめたのでよろしければ読んでみてください。 program-shoshinsya.hatenablog.com コインを単純に飛ばす ソケットの配置については、以前にやったので割愛します。 コインはCキーを押すことで、1枚ずつ獲得できるように、Vキーでコインを1枚ずつ失うように設定しています。 プレイヤーのブループリント(PNPlayerPawn) コインを減らして頭の上から飛ばすブループリント(DropCoin) ()は関数名です コインを1枚減らした際に、頭の上のソケット(CoinSpawnPoint)の位置情報を取得し、その位置からコインのアクタ(PNPickup Coin Actor)を出現させて、物理シミュレーション

auです。 今日は、スワップという用語について調べました。 スワップとは スワップとは、上位メモリが足りない時に、下位メモリに移すことです。 上位メモリにいくほど、メモリアクセスは早くなり、下位メモリになるほど、メモリアクセスは遅くなります。 上位メモリなほど、容量は少なく、下位メモリなほど、容量が多いです。 上位メモリがいっぱいになると、下位メモリに移動します。この動作をスワップといいます。 上からレジスター→キャッシュ→メモリ→ディスクとなります。

auです。 割と久しぶりにUE4に触った気がします。 今日は、以前に「コインを取得する」というイベントを設定しました。しかし、ゲームによっては普通のコイン、大きなコイン(複数枚手に入れることができる)もあります。これを実装する際に、毎度毎度イベント関数を作っているとものすごく時間がかかってしまうため、サブルーチンを作って対応できるようにしました。 「AddCoin」という関数に「Num」という入力を一つ作り、これを1にしました。この「Num」は、普通のコインを取得した際に1枚ずつ増えていきます。 あとは「Num5」などといった入力を複数作れば、それをノードで繋げるだけで簡単に「大きなコインを取得する」というイベントを作れます。 このように、同じような動作をする（今回でいうと「コインを取得」というイベントは変わらず、枚数だけ変わる）というのは、サブルーチンを活用して実装していきたいと思います

auです。 今日はUE4の関数の純粋化(Pure関数)について勉強しました。 関数の純粋化とは UE4でブループリントで関数を作った場合、必ず実行ピンがついてしまいます。 これがあると「不純な関数」となってしまい、もしも、実行ピンから繋げなくてもいいのに繋げてしまった場合、実行順通りではない結果になってしまうかもしれません。 順番を間違えないために、実行ピンを使わない関数は「純粋な関数」にすると間違いが少なくなります。 ブループリント画面を開き、関数をダブルクリックして移動します。 「詳細タブ」に移動し、「純粋」にチェックを入れます。 イベントグラフを見ると、実行タブがなくなっているのが確認できると思います。

auです。 今日はUE4のコインの枚数を使ってif分岐を実装してみました。 コインの枚数を1枚以上取得している状態でvキーを押すと、DropCoin関数が呼び出され、コインの枚数が1枚だけ減ります。 前回、コインの枚数が常に表示されるようにしたので、すぐに確認をすることができました。 vキーを押してコインを減らす動作はレベルブループリントで実装することで、他のレベルではこの動作が起きないようにしました。

auです。 テスト前なので「ほえ〜」って思ったことを書こうと思います。 大学の講義などで、WireSharkを使うことがあります。 これは、通信しているパケットの様子を観察できることのできるすごいやつです。 最近知ったのですが、WireSharkでは、パケットを勝手に解析してくれて、細かいところまで提供してくれているということを知りました。 以下の画像は、TCPヘッダオプションです。 Wikipediaより： Transmission Control Protocol - Wikipedia ここでは、Windowsize(ウィンドウサイズ)が16ビットだよーということしか分からないのですが、Wiresharkを通すと、その中ではさらにこうなっているんだーということまで教えてくれます。 実際のキャプチャしたデータの例 ほえ〜。

auです。 今日は、グラフィック表現の一つである、パーティクルシステムについて調べました。 パーティクルシステムとは パーティクルシステムとは、炎や爆発、雲などを大量の2D画像を生み出し、アニメーションをつけることで3D空間上に表現する方法です。 小さな点をそれぞれ動かし、燃え上がる炎などを再現しています。めちゃめちゃ重そう。 Unreal Engine4でも、パーティクルシステムのモジュールは充実していて、再生時間やループ回数などの指定も簡単にできるようです。 UE4でナイアガラを使おうかなーと調べていたら、意味は知らないけど、聞いたことのある用語だったので、これを機にデザイン系の知識もつけていければいいなと思います。

auです。 今日はUE4のブループリント関数ライブラリとブループリントマクロライブラリを主にやりました。 関数ライブラリとは、関数をまとめたカタログのようなもので、他のブループリントで簡単に呼び出して使用することができます。 マクロライブラリとは、関数ライブラリと同じように、マクロをまとめたカタログのようになっていて、簡単に呼び出して使用ことができます。 マクロライブラリは、親クラスを指定する必要があるので、「Actor」を指定すればアクタ系のクラスで使用することができます。「Object」を指定すれば、オブジェクト系のクラスで使用できますが、アクタ系のクラスでは使用できなくなるので、作り分ける必要があります。

auです。 今日は、UE4のブループリントを使って、if文を作りました。 ブループリント Cキーを押すと、コインが1枚ずつ増えていくようにしました。 これを、剰余を計算するために「Coin % 2」をして、if文で条件分岐するノード「ブランチ」を使いました。 結果

auです。 今日はUE4でコインをそれっぽく回るように設定しました。 回すアセットは、以前使用したコインです。 program-shoshinsya.hatenablog.com ブループリントの設定 ブループリントの設定は以下の通りです。 解説 コインはゲームが始まってから獲得するまでずっと回すようにします。そのために、「イベント BeginPlay」からノードを繋げていきます。 伸ばした際に「タイムライン」と検索欄に入力し、「タイムラインを追加」でイベントを追加します。名前は任意に変更して大丈夫です。 このイベントをダブルクリックすると、タイムラインエディタが出現します。 コインを回すのに使うのは3つの項目です。 左から、floatトラック(浮動小数点を扱う)をクリック、長さを1.0秒、ループするように設定します。 こうすることで、1秒とにfloat分変化することをループすると設定する

auです。 今日は主にUnreal Engine4の勉強をしていました。 今日やったことは「スイッチを踏んだ際に扉が開き、5秒後に扉が閉まるギミックを作った」です。 主な流れ スイッチを踏む→スイッチが少し沈む→沈みきったら扉が開く→5秒たったら逆再生(扉が閉まる) これを作るのに難しかったのは、スイッチと扉の連携部分でした。 「スイッチを踏んでいるのになんで開かないんだろう・・・」と思っていたら、扉のノードとスイッチのノードがちゃんと呼べていなかったり・・・ 逆に、「5秒待つ」という動作は、「Delay」というノードを利用することで簡単に行うことができました。 「逆再生」もタイムラインのReverseに繋げることで実装することができました(頭の中でこんがらがったけど) 実装できそうでよくわからないところ スイッチを踏んだままの状態でいたとき、逆再生で戻った際にはどうなるんだろうと思い、実

auです。 今日は、コインに触れると取得できるように設定をしました。 行う設定は、きのう書いた記事を少し変更する感じです。 program-shoshinsya.hatenablog.com コインを獲得する手順 手順は大きく分けて3つあります。 オブジェクトに触れた際に、そのキャラはどのActorなのかを判別する(キャラクターにはTag名「Player」が付いている) 指定したタグを持ったActorならばコインに触れた際にコインを消す(ブランチでコインを消すか(True)通り抜けるか(False)の分岐) 「Get a coin」と表記する ブループリントの中身 ブループリントの中身は以下の通りです。 実際にコインを取得する コインを取得することができました。 コインに触れた際に、そのキャラのTagが判別され、取得できるか、通り抜けるかに分岐しています。 誰でもActorが触れた際にコイ

auです。 今日はUE4でダメージを受けれるように設定しました。 キャラクター側の設定 キャラクターのブループリントエディタを開き、設定を行います。 「イベントAny damage」からノードを伸ばし、「Print String」につなぐことで、とりあえず「ダメージを受けたらdiedと出力される」という設定します。 ダメージを受けるためオブジェクトの設定 スターターコンテンツにある、炎のオブジェクトを置き、それに被せるように、モードパネルにある「ボックストリガー」を配置しました。 その後、ボックストリガーを右クリックし、ブループリントの設定をしました。 OnActorBeginOverlapを使用することで、「ボックストリガーに触れることで◯◯をする」という感じで設定できます。今回この◯◯にいれたのが、Apply Triggerで、触れたActor(キャラクター)にBase Damageに