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

auです。 現在大学3年生で、インターンに通っています。 そのインターン先で、ハッカソンを開催することを知り、それに参加させていただきました。このハッカソンは、2日かけて実施することになっており、お題は「社内に今後役立つもの」ということでした。 そもそもハッカソンとは ハッカソンとは、ハック(Hack)マラソン(Marathon)を組み合わせた造語です。 技術者がチームを組んで、短い期間(今回は2日間)の間でサービスやシステム、ソフトウェアなどを作成して、アイデアや成果を各チームで発表しあって競うイベントです。 インターン先の社員さんと2人でチームを組んでやることになり、社員さんがUnityをされていて、ゲーム制作も行っているということで、Unityを教えてもらいながら、Unityのやり方をまとめた文書を作ろうということではじめました。 一応私はUnreal Engine4でゲームを制作し

auです。 UE4の本を半分ちょっとやったので、「これは一本ゲームを作れるのでは・・・！？」と思ったので制作してみることにします。 制作期間はざっと100時間で完成させています。 半分ちょっとやった本はこちら Unreal Engine 4で極めるゲーム開発:サンプルデータと動画で学ぶUE4ゲーム制作プロジェクト 作者: 湊和久,堀越祐樹出版社/メーカー: ボーンデジタル発売日: 2015/07/25メディア: 大型本この商品を含むブログ (1件) を見る 実際に完成したゲーム Unreal Engine4でゲームを作ろうと思ったきっかけ UE4Festに参加してみて、実際にどんなものがあるのかを見聞きしたり、インターン先でUE4の今後はこうなるんじゃないかという話を聞いたことが、UE4を始めるきっかけでした。インターン先で話たときに、ドットイートゲームを作る方針も決めていました。 その時

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」を指定すれば、オブジェクト系のクラスで使用できますが、アクタ系のクラスでは使用できなくなるので、作り分ける必要があります。

Three.js 今回はThree.jsを触ってみます。 three.js - Javascript 3D library ブラウザで3DのCGを動かすといえばWebGLですが、OpenGLやDirectXのような細かい処理を書くのは結構大変です。それを手軽扱いやすくしたJavaScriptのライブラリのひとつがThree.jsです。 最低限、ブラウザとテキストエディタだけあれば3Dのプログラムが書けてしまいます。 （もちろんbracketsなどのhtmlエディタを使った方が書きやすいです。） 3Dプログラムがどのように動いているか、基礎部分の勉強にもなると思います。 Three.jsの読み込み まず、HTML5のhtmlファイルを用意し、Three.jsを読み込ませます。 ダウンロードしてくるのも有りですが、CDNから読み込むと楽です。 headに <script src="https:

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

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