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

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

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次元ならいけそうな気がしてきた⭐︎

 

 

Blender 編集モードの使い方①

前回は、簡単なオブジェクト操作とオブジェクトの編集を行いました。

今回は編集モードの使い方を学習します。

前回の作成物は四角いので円柱をベースに作り変えます。

f:id:Takunoji:20170523215944p:plain

「ループカットを使用する」

オブジェクトモードから編集モードに変更しf:id:Takunoji:20170523220606p:plainのボタンを押下する

f:id:Takunoji:20170523220638p:plain←こんな感じになります。

そして「control + R」を押下すると下の様に表示され、

f:id:Takunoji:20170523221056p:plain左クリックで位置を移動できます。

さらに「S」ボタンを押下すると円の部分をサイズ変更することができます。
2箇所変更してやると以下の様に表示できます。

f:id:Takunoji:20170523221528p:plainちょいと金棒見たくなってきました。(バットの方が近い?)

今日の締めとして、トーラスを付け加えます。

f:id:Takunoji:20170523223527p:plain

ちょいとそれっぽいかな?

Blender 金棒を作成する

前回は、環境設定を行いました。

今回は、金棒→手抜きですが。。。

キューブを作成します。プリミティブ型オブジェクトを追加します。

f:id:Takunoji:20170522225627p:plain今回は、立方体→キューブを作成

2.選択してから、オブジェクトモードから編集モードに切り替えます。

f:id:Takunoji:20170522225842p:plain初期状態

f:id:Takunoji:20170522225907p:plainクリックして編集モードを選択


3.まずはオブジェクトモードで、オブジェクトを選択してから「Sキー」を押下します。
 マウスコントロールでサイズ変更を行います。

f:id:Takunoji:20170522230154p:plain

同様に、縦横。。。

f:id:Takunoji:20170522230332p:plain

4.編集モードで、一番右をクリックします。

f:id:Takunoji:20170522230548p:plain

選択した状態が以下の様になります。

f:id:Takunoji:20170522230719p:plain

5.そして、「Sキー」を押下してサイズを変更します。
すると、やっつけ金棒の出来上がり〜(笑)

f:id:Takunoji:20170522231055p:plain

これから、ちゃんとした金棒になっていきます。。。たぶん。。。。

 

Blender はじめの一歩 操作の設定

前回はBlenderインストール~基本的な使い方を行いました。

f:id:Takunoji:20170522223341p:plain

次は、使用するための基本的な設定を行います。
1環境設定、日本語化する
インストールしたばかりの状態(デフォルト)では全て英語になっています。
我々は日本人なので日本語にします。→英語でできるなら英語で...と思いますが。

f:id:Takunoji:20170522223710p:plain

1. File → User Preference を選択

f:id:Takunoji:20170522223856p:plain

2.SystemタブのLaunguageから日本語を選択し、TranslateのInterfaceあたりを選択状態にする。 ※はっきりとどれ?と分かっていませんで(笑)

f:id:Takunoji:20170522224229p:plain

 

3.閉じます。その他の設定に関しては、下記を参照ください。

初期設定の変更:Blenderチュートリアル | 淡波ログ

4.リファレンスを見るともっと良い(笑)

https://docs.blender.org/manual/en/dev/interface/index.html


作ったものは。。。

アプリの作成などに利用します。

JavaFXとかどうですか?

PGボックス〜ゲームとプロジェクトとプログラミング基礎〜