Takunojiのプログラミング・プレイグラウンド(遊び場)

Javaプログラミングを基本にして、ゲーム作成に必要なことの調査結果、やったら面白そうなことなどを記載します。プログラミングのススメ的なことも記載します。プログラミングで楽しく遊ぶために色々と記載して行きます。

Unreal Engine with QtCreator ~QtCreator セットアップ その2~

前回は、不足しているライブラリ?(Windows Kit)をインストールしました。
インストールの結果、以下のようなフォルダが作成されました。

パスは、前回のパスと同じ場所になるはずです。
INCLUDEPATH += "C:\Program Files (x86)\Windows Kits\8.1\include\shared"

こんな感じです。
f:id:Takunoji:20170611170603p:plain

結局のところは、C:\Program Files (x86)\Windows Kits\8.1\
のフォルダに「shared」「um」「winrt」とフォルダがある状況です。

指定するパスも「includes」以下のフォルダに緑色の部分がインストールされていることを確認します。「shared」↓

f:id:Takunoji:20170611171155p:plain

「um」↓

f:id:Takunoji:20170611171243p:plain

「winrt」↓

f:id:Takunoji:20170611174904p:plain

そして、Guide to use QtCreator for Unreal Engine 4 !の続きです。
4.「includes.pri」を作成したところまででしたので
「1./ Add your C:\Program Files\Unreal Engine\4.2\Engine\Binaries\Win64」の部分から
つまるところ、環境変数「Path」に上記のパスを追加してね☆
という事なので。。。
環境変数を追加します。環境変数をクリック

f:id:Takunoji:20170611173409p:plain

「Path」を指定して、「編集」

f:id:Takunoji:20170611173426p:plain

新規ボタンを押してから上記のパスを追加します。

f:id:Takunoji:20170611173501p:plain

古いほうの場合、環境変数Pathの一番後ろに「;」セミコロンをつけて上記のパスを追記します。画像がなくて申し訳ない。。。
そのあとに、コマンドプロンプトを起動して
「echo %Path%」と入力して、上記のパスが存在することを確認して下さい。

長々と書きましたが「UnrealBuildTool.exe」があるときは環境変数の追加は要らないようで。。。

f:id:Takunoji:20170611175010p:plain

...と長くなったので今回はここまでにします。

今回は、Windows Kitのインストール確認とビルドのための環境変数設定(不要な場合も)
を行いました。
次回は、これの続きをやります。

Unreal Engine4 ゲーム作成~プロジェクト作成~

前回は、インストールに手間取っていたのを解決(ってほどでもないが。。。)
したので、今回からはゲーム作成に着手したいと思います。

起動したエディターに「C++」タブがあるのでとりあえず開く

f:id:Takunoji:20170606201707p:plain

そして参考にするサイトは以下になります。

Unreal Engine | 1 - 基本プロジェクト設定

1.プロジェクトの作成、以下の赤線枠をクリック

f:id:Takunoji:20170606204129p:plain

「スターターコンテンツ有り」を選択→右下にある「プロジェクト作成」
をクリック。。。

おー、チュートリアル開始!!各画面の部品の説明をしてくれました。

f:id:Takunoji:20170606210716p:plain

参考サイトでは、「Actor」の実装について記載していますので、そのようにやります。
まずは、模倣から入ります。

1.C++クラスを作成します。

使用するIDE(開発ツール)を設定します。Visual Studioを使う人もいるでしょうが。。。
以前インストールしたQtCreatorを使用します。
※手こずったんで使う機会がありイイネをつけたい☆

だが、ここのチュートリアルだと「.pro」ファイルが出力されていないと
Qtできないみたい。。。
とりあえずは、Visual StudioのCommunity(フリー)でやるか?

いや、QtCreatorでやりたいので今日はここまで。。。

 

Unreal Engine with QtCreator ~QtCreatorのセットアップ~

前回は、UnrealEngine~VisualStudioで作成したプロジェクト(出力したフォルダ)
を確認しました。以下のような構成です。

f:id:Takunoji:20170610125256p:plain

そして、参考にするサイトはこちら:uide to use QtCreator for Unreal Engine 4 !

いつも通りに、全部英語なので。。。頑張って読みます(笑)

【なんでQtを使用するのか?】
・起動が早い、リファクタリングツールがたくさんある、ショートカットキーで
 メソッドへの画面スイッチができる(F2~F4などで)
という事らしいが、筆者の場合は、QtCreatorのインストールに苦労したからであります。(笑)→「QtCreator 動かない 解決☆ - Takunojiの日記

【手順】
1.まずは、UnrealEngine~VisualStatioでプロジェクトを作成します。
  ※前回の記事で作成済みです。
2.各設定ファイルを作成します。
  参考にするサイトに記載してありますが、以下のような記載があります。

f:id:Takunoji:20170611105838p:plain

まとめると、「プロジェクト名.pro」と「defines.pri」「includes.pri」を作ってね☆
となる。
そしてここで注意が必要になります。
includes.priの最後の部分
 INCLUDEPATH += "C:\Program Files (x86)\Windows Kits\8.1\include\shared"
 INCLUDEPATH += "C:\Program Files (x86)\Windows Kits\8.1\include\um"
 INCLUDEPATH += "C:\Program Files (x86)\Windows Kits\8.1\include\winrt"
上記のコードは、ウィンドウズキットをインクルードする部分なので
上記のパスに必要なファイルがそろってないといけません。

Windows Kit」ってなに?と思った筆者は調べました。

Windows SDK for Windows 8.1 – Windows アプリ開発 ←ここからダウンロード

f:id:Takunoji:20170611111606p:plain

こいつをインストールしてやるときに確認してください

赤線部分のパスが「includes.pri」の最後の部分
C:\Program Files (x86)\Windows Kits\8.1\」と同じになっている事
※インストール時に8.1以下のフォルダを作成します。

f:id:Takunoji:20170611112049p:plain

結構重い。。。

f:id:Takunoji:20170611112027p:plain

そんなわけで、今回はここまで☆
次回は、実際にUnrealEngine~VisualStatioで作成したプロジェクトを
QtCreatorでビルド(起動ファイルの作成処理)→アプリの起動を行いたいと思います。

Unreal Engine with QtCreator ~準備~

イントロダクション

前回は、UnrealEngineをインストールすることができました

 

開発環境セットアップ

今回は、開発環境のセットアップを行います。インストールの詳細は以下を参照ください。

QtCreatorのインストール

Visual Studioのインストール:ダウンロードした起動ファイルをダブルクリック

結局のところは、VusualStudioとQtの双方が必要になります。
Linuxの場合はQtのセットアップのみで行けそうです。※確認していません。

そして、VisualStadioで作成したプロジェクト関連ファイルを書き換える。
「.pro」「.pri」ファイルを作成してQtCreatorから起動できるようにします。
※QtCreatorをWindowsで起動するときにコンパイラが必要になります。
 そのコンパイラはVusualStudioの付属品を使用します。
 因みに筆者は、「cygwin」をインストールしているのでややこしくなっております。
 →VisualStadioとGNUコンパイラともにインストールしているので。。。

【UnrealEngineを起動する】→ 前回確認した画面を開きます。

C++クラスを作成する】→ファイルメニューから「新規C++クラス」をクリック

f:id:Takunoji:20170610111128p:plain

VisualStadioがインストール、セットアップされていないといけないです・・・
がセットアップができていない場合はセットアップダイアログが表示されますので問題ありません。
筆者の場合は、足りないプラグイン?があったのでインストール処理が走りました。

f:id:Takunoji:20170610111504p:plain

 そして先ほどクリックした「~C++クラス」の下に「VisualStudioを開く」があるので
そいつをクリックすると

f:id:Takunoji:20170610124559p:plain

サインインを求めてくるので、サインインします。
ここでは、VisualStatioCommunityのサインインですので、無料でイケます。

f:id:Takunoji:20170610124617p:plain

そして起動時にロード処理で時間がかかります。

そしてロードが終わると以下のようなフォルダー構成が表示されます。

f:id:Takunoji:20170610125256p:plain

ここからQtで開くための準備が始まります。

 

結論的に

Windowsの場合はコンパイラをVisualStudioのコンパイラLinuxで使用できるgccやg++コンパイラを使用する必要があるけど、CygwinをインストールすればWindows上でLinuxコマンドが使えるのでgccも使用できるということです。

Q tなどでコンパイラを指定してやれば開発準備おっけーです。

Unreal Engine 4 インストールできない

前回はUnreal Engineのインストールを行ったのですがインストールに時間が
かかったので、途中で終わってしまいました。

今回はその続き

結局のところエラーがありインストール失敗しました。
エラーメッセージは以下の通り。。。

IS-PQE1223"

こんな感じで検証は進むのですが上記のようなメッセージが出て
インストールできません。

f:id:Takunoji:20170606195846p:plain

おかしいなと思い、再度面倒を見ながらインストールを行ったところ
「PCの変更を許可しますか?」などと聞いてきます。
※これを無視したから(放っておいたから)インストールに失敗した模様。。。

インストール完了☆

f:id:Takunoji:20170606201017p:plain

無事に起動できました。

f:id:Takunoji:20170606201221p:plain

次回は、ゲーム作成の準備に入ろうと思います。

 

Unreal Engine その2

https://answers.unrealengine.com/questions/12361/what-are-unreal-engine-4s-system-requirements.html前回は、MACにインストールしました。

だがしかし、GPUのスペックが低いと起動できないためWindowsで改めて。。。
インストー

f:id:Takunoji:20170605201819p:plainf:id:Takunoji:20170605201835p:plain

結構かかります。だがしかしデスクトップマシーンのため多少は早い☆
起動

f:id:Takunoji:20170605202827p:plain

エンジンのインストール。。。MACではここでGPUが「Metal~に対応してません」
と表示され断念。。。
必要なスペックは以下のサイトより。。。

What are Unreal Engine 4's system requirements? - UE4 AnswerHub

f:id:Takunoji:20170605203713p:plain

とにかく古いグラフィックカードや上の4に書いてある

NVIDIA GeForce 470 GTX or AMD Radeon 6870 HD series card or higher
という事らしい

f:id:Takunoji:20170605204001p:plain

赤線部分をクリック

f:id:Takunoji:20170605204132p:plain

デフォルトのままインストール~長い。。。

f:id:Takunoji:20170605224728p:plain

次回、インストール後の手順を学びます。

Unreal Engineを始める

以下のサイトにアクセスしてダウンロードしますが、
まずは、アカウントの作成を行います。 Game Engine Technology by Unreal

次にダウンロードボタンを押下します。

f:id:Takunoji:20170601204905p:plain

同意するを選択します。

f:id:Takunoji:20170601205057p:plain

自分の端末ではMACなのでマック版でダウンロードします。

 

起動画面です。
 

f:id:Takunoji:20170601213659p:plain

上記の画面より「サインイン」してからUnrealEngine」をインストールします。

f:id:Takunoji:20170601221543p:plain

ダウンロードに時間がかかるので。。。(5.5G)

次は

右下に「プログラマー向けクイックスタート」とあるのでそこをクリック
すると、下の様なサイトにアクセスします。

docs.unrealengine.com

これに習い作業を進めます。ダウンロード今回も長いな〜(悲)

 

Blender 編集モードの使い方 ⑤ カーブの使い方

前回は、面の編集方法をやりました。

 

今回は、ナイフの使い方をやります。
編集モードで「K」を押します。  エンターキーで確定します。

f:id:Takunoji:20170528200616p:plain   f:id:Takunoji:20170528200650p:plain

すると面に切れ目が入り編集できます。
しかし、今回のやりたい表現ができなかったためここでストップします。
「E」で押し出したりへこましたり、「X」で削除することができます。

別の方法で。。。「カーブ」を使用します。左側のメニュー部分を参照し「カーブ」の「ペジェ」を選択します。

f:id:Takunoji:20170528201746p:plainf:id:Takunoji:20170528201806p:plain→ f:id:Takunoji:20170528202016p:plain

赤線部分を選択(右クリック)して移動できます。

f:id:Takunoji:20170528202204p:plain

右側のメニューよりf:id:Takunoji:20170528204147p:plainを選択します。

f:id:Takunoji:20170528202332p:plain ← ジオメトリを調節します。

「押し出し」を調節します。   「深度」を調節します。 「オフセット」を調節

f:id:Takunoji:20170528204432p:plain        f:id:Takunoji:20170528203023p:plain      f:id:Takunoji:20170528204818p:plain

「オフセット」では位置がずれます。

色々整形してみたけれど結局意図したものができませんでした。。。。

f:id:Takunoji:20170528205846p:plain

 

Blender 編集モードの使い方③ 復習

前回は、編集モードの使い方やりました。
だけど、いまいちやりたいところに届きませんで。。。

ちょいと視点を変えてやり直してみました。
前回はCylinder(円柱)一つを変形してやっていましたが、これを複数使用してやる様にしました。

ポイントは編集モードで「面」を選択後に
「I」ボタンを押して円状に範囲選択、「E」ボタンを押して押し出しを行うと。。。

f:id:Takunoji:20170526061605p:plainf:id:Takunoji:20170526061631p:plainf:id:Takunoji:20170526061712p:plain

上の様に出したりへこましたりできます。
ただし、「I」ボタンを押した時に選択部の中心にマウスが近い状態だと円の幅を少ししか小さくできません。。。

次はマテリアルの設定です。
オブジェクトモードでマテリアル適用部を選択し右側にある丸いボタンを選択します。

f:id:Takunoji:20170526062723p:plainf:id:Takunoji:20170526062842p:plain

上記の写真の「新規」ボタンを押下します。

以下の様な画面が現れますので、「ディフューズ」部分にある白い部分を選択後に
色を指定してやると以下の様になります。

f:id:Takunoji:20170526063341p:plainf:id:Takunoji:20170526063402p:plain

次は先っちょの方です。
「ディフューズ」は黒めのものを指定して「スペキュラー」を赤っぽいのに指定しました。

f:id:Takunoji:20170526064008p:plain   f:id:Takunoji:20170526064401p:plain

とりあえずは、金棒っぽくなってきたかな?
先っちょ部分がまだ、カタイ。。。

 

 

Blender 編集モードの使い方②

前回は、編集モードでループカットを使用しました。


今回は面の押し込み、引き出しを行います。
対象のオブジェクトです。(前回の続きですので円柱を変形させたものです)

f:id:Takunoji:20170523223527p:plain 裏面を見ると以下のようになります

f:id:Takunoji:20170524213137p:plain編集モードで「面」を選択した状態です。

f:id:Takunoji:20170524213400p:plain一番右のボタンが面選択のボタンです。

この状態で、
1.「Iボタン」を押下するとオレンジ色の円状のもののサイズを変更してやると

f:id:Takunoji:20170524214254p:plain資格いマスの様なものが。。。

そのまま選択してやると、以下の様になります。この部分だけ変形できます。(一応)

f:id:Takunoji:20170524214509p:plain

改めて面を選択し「Eボタン」を押下して引き出してやると以下の様に。。。

f:id:Takunoji:20170524215146p:plain


そして、ここで3個目の機能「丸くする」をやります。
オブジェクトモードにて、変形対象のオブジェクトを選択、f:id:Takunoji:20170524215426p:plainを選択。

f:id:Takunoji:20170524215639p:plain左の様な画面が観れます。「追加」をクリック

f:id:Takunoji:20170524215748p:plain

細分化曲面を選択します。下の様な画面が観れるはずです。

f:id:Takunoji:20170524220630p:plainコピーして何回か適用ボタンを押下すると。。。

f:id:Takunoji:20170524220743p:plain

上記の様になりました。全体を見て見るとこんな感じ

f:id:Takunoji:20170524221003p:plainここまで来るのに3日(笑)
ブログを書きながらですが(笑)

なんか「絵」は描けないから2次元は無理だが3次元ならいけそうな気がしてきた⭐︎