Clans)のキャラクターであるバーバリアンを描いてみました。3年ほどクラクラで遊んでいますので、一番簡単そうなバーバリアンにチャレンジしてみます。(Photoshopで描いています。バーバリアンに近づきました!(良かった!)でも少し口がの傾きがおかしい気がします。口をPhotoshopの力で回転させてみた。基準線を導入やっぱり基準となる線があるとないとでは全然描きやすさが違うので、導入してみました。Tutorsで習ったことのうちの一つです。最初に描いたバーバリアンよりも格段に良くなった気がします。Tutorsで習ったので、小さめに描いています。影はどこに入れたら良いのかまだあまりよくわかっていませんが、見よう見まねで入れていきます。Tutorsで・目の部分の上下の白目に影を入れること・目の瞳に白い丸いものを入れることを習ったので、それも地味に入れてます。装飾のよだれをつける消しゴムでよだれの部分を消していき、描きました。白い部分の描き方がわかりません。全体的に濃くして、完成1と比べるとだいぶ良くなりました。baseball!*1「このコンテンツはSupercellに関係がなく、またSupercellによって保証され、後援され、特別に承認されたものではなく、Supercellには一切責任がありません。www.supercell.com/fan-content-policy.に従うものとします。Clans)のバーバリアンの絵にチャレンジTweet広告を非表示にするもっと読むコメントを書く2016-01-18Photoshopでアプリアイコンにサンバーストを入れて、集中線効果を出してみた!Photoshopアプリアイコンの参考になるアプリを探しているとサンバーストを入れてるアプリアイコンがあったので自分のアプリにもPhotoshopでサンバーストを入れてみました。(サンバーストととは集中線のように太陽型線になっている線のことです。Coordinates)です。200で作成してみました。Tool)グラデーションツールを選択します。ココを選択して、グラデーションの設定をします。グラデーションは透明になるように設定します。その設定のまま、キャンバスに上から下に垂直にドラッグして、グラデーションをかけます。(シフトキーを押せば垂直になります。)このような感じになります。Wave(波形)を選択します。Wave(波形)の設定を画像の通りに設定します。Wavelength(波長)で一つの波の幅を調節できます。111に設定しました。このように仕上がると思います。Coordinates(極座標)を選択します。OKを押して完了させましょう。仕上がり具合はこちら。Playに遷移する方法を調べていたら簡単にできました。Playかをユーザにゆだねることになります。パペットというゲームを作っているときにUnity5.1でAndroidのビルドを行うと、READ_PHONE_STATEの権限が勝手につけられてしまう問題がありました。Playで以下のように電話番号や端末固有ID等の情報を取得と表示されてしまうのでダウンロードしようと思っている人にはデメリットでしかありません。forumではこの権限を取り除きたいという質問がありました。forum.unity3d.comこの権限を取り除く一番簡単な方法はUnity5.1をUnity5.3にアップグレードすることです。これによって、AndroidのREAD_PHONE_STATEの権限がつけられることはありません。本当は互換性があるかどうか心配だったので5.1のまま作業したかったのですが、結果的に5.3に上げてよかったです。以下は5.3にしたときにコンパイルエラーになったところです。UnityまたUnityから脱線して、つまらないものをPythonで作ってしまいました。パペットというゲームのステージを作っていたところ、ステージの並び順が気に食わなくなってしまいました。↓こんなゲーム難易度順に並び替えようと思ったものの、並び替えるにはセーブデータ、ステージ情報データ、ステージ画像データの3つを並び替えないといけないことに気づき(面倒くさい・・・)、もっと直感的なGUIベースの並び替えがしたいと思って、気づいたら、つまらないものをPythonで作ってしまっていました。並び替えたいステージをDrag&Dropで並び変えれます。jQueryUI・Unityの対象ファイルを再ImportするEditor拡張GUI部分はHTMLで、データ並び替えのスクリプトはPythonで処理しています。画像の並び替えをしたのでUnity上で画像を再Import(Unityの画面に行くと自動で再Importしてくれるかもしれませんが、してくれない場合もあります。その場合強制再Importを実行する必要があります。);}}}対象フォルダの中身を丸ごと再ImportしたかったのでImportAssetOptions.ImportRecursiveをつければ丸ごとImportしてくれました。);5はいらないかもしれませんが、たまにimportしてくれないときがあるのでそうなったらこのEditor拡張が役に立ちます。ファイル取得まず結果の並び替えの対象のファイルを取得するクラスを作成します。対象ファイルの種類はクリアデータ、ステージ情報データ、ステージ画像の3つです。親のベースクラスがあり、その派生クラスとしてクリアデータ、ステージ情報、ステージ画像のファイルパスを読み込むクラスがあります。Exceptionが記述されています。overrided")Pythonではabcクラスを使ってabstractクラスを作成できるみたいですが、この例外を投げる記述でabstractのような振る舞いをさせるのが今のところ好きです。ファイル並び替えファイル取得を取得してきた後はそれをもとに並び替えを実行します。inこのクラスも同様にoverrideしてほしい関数はbaseクラスで例外を投げます。in的なクラスを作成しました。in的な書き方にとどめておくのが良いのかなと思っています。コンストラクタが絡んでくるとややこしさが倍増して怖いです。Clans(以下クラクラ)のような村を育てるゲームでは通常以下のようなフィールドの見た目になります。*1こういうゲームのフィールドの特徴は4角形を45度回転させたような見た目で、奥行きはあるのに、遠近法がなく、どこから見ても同じ形に見えます。(正式名かどうかはわかりません)と言うらしいです。GameをUnityで作る方法は2通りあるらしいです。Unity2Dでフィールドを作るときにisometricになっている画像を並べていくクラクラは1なのか2で作られているのかはわかりませんが、フィールドは1で作って大量に生成されるキャラクターはisometricな画像(2D)で作っているのではないかと思っています。gameというらしいです。し、クラクラのようなフィールドを作成したい場合はisometricで検索してもらえばかなりの情報にたどり着けるはずです。パペット)では2の2Dで作っていく方法を採用しました。画面は以下のような感じです。プレイしていると奥行きがあって、3Dのように思ってしまうのですが、実は全て2DのSprite画像です。先に2を選択して、後にわかったメリットとデメリットを言います。(3Dに見えるけど3Dに見える画像をうまく並べただけなので、3Dのように見せるために移動と衝突判定の計算を自前で行わなければならない)・横、奥行きに加えて高さが考慮される場合には画像の重なり順がかなり大変(言っている意味がわからないかもしれませんw)デメリットはありつつもPhotoshopだけで作れてしまうのはかなりお手軽なので2を採用して良かったと思います。(Photoshop)作り方はこの動画を参考にしてください。その線に沿って、画像を描く以下のようにできるはずです。パペットのステージのタイル)これで準備は完了です。後はこのタイルをうまくUnity2Dでペタペタ貼っていくだけです。一枚だけだとこんな感じ高さのあるタイルを作成してみると(6枚使用)一点だけ注意点が描画するSpriteは常に一番手前の方から描画していかなければなりません。(Unityの都合?)もしこの順番で描画しないとこうなります。さっきと画像の位置は全く同じですが描画順を間違えるとこうなります。一つ気をつける点があります。z軸は利用しなくても3Dのように見えますがz軸を利用したほうが今後キャラクターが移動して行くときにキャラとタイルがどちらが前面に描かれるべきかを実装する際にz軸が必要になってくると思います。z軸を考慮した最終系をお見せします。横から見ると・・・こんな感じに見えます。z軸は手前から奥にかけて増減させ、水平方向で同じタイルは同じz軸の値にすればいいと思っています。水平方向で同じz値を持っていることがわかると思います。これで以上になります。わかるまでが大変でした。ココまでできれば後はキャラクターの移動のクラスを作成して、ごにょごにょコードを書いていく段階に移れると思います。Baseball*1「このコンテンツはSupercellに関係がなく、またSupercellによって保証され、後援され、特別に承認されたものではなく、Supercellには一切責任がありません。www.supercell.com/fan-content-policy.に従うものとします。Pluralsightもし、UnityとPhotoshopとBlenderを学びたいと思っている方がいらっしゃれば少しだけ自分が学習した方法を公開したいと思います。Tutorsを利用しました。TutorsはCreative系の学習サイトです。デザイン、ゲーム、モデリング、などなどです。Pluralsightという会社に買収されて今はPluralsightの傘下になっています。動画見ただけですごいと圧倒されてしまうのですが、その内容にウソ偽りはなく、動画に登場しているものは全て授業として、受講できます。他のサイトと比べて、深いところまで学習できます。その分動画が長くなってしまうのがデメリットです。したら挫折する方もいらっしゃると思いますw。Plusは$49(資料をダウンロードできる)Unity,Photoshopなどは資料が必要なので$49になると思ってください。高いですが、許容範囲でした。(質重視なので!)PluralsightとDigitalTutorsが合体したので一つの購読でどちらの授業も受けることができるのでまぁいいかなと思いました。Path学習の道筋の参考となるカリキュラムで分類されています。Photoshopの利用時ではかなり利用しました。目的によっては特にいらない人もいるかもしれません。将来趣味としておじいちゃんになってもこういうサイトを通じて学習できたら楽しいだろうなと思いました。逆にデメリットもあります。授業が深いということはそれだけ長くなります。なぞりながら学習していると動画をちょくちょく停止しないといけないので、実際の授業時間はその2倍ほどかかると思います。zbrush,などを必要とします。持っていないとできないというのは当たり前ですが、買うとしてもmayaか3dmaxどちらを買えば良いか悩むところです。結局blenderの授業を受けることになりましたが、かなり授業数は少なめです・・・(最近はちょっとずつ増えてきているみたいです。量の学習が必要だと思います。逆にUnityは結構一人でこなせるレベルまで到達できました。blender,photoshopを使いこなそうとするのがそもそも無謀でした。先生の好き嫌いがあるかも自分はお気に入りのデザイナーの先生がいました。わかりやすくて、動作一つ一つ声にしてくれるので迷わずに授業をなぞっていけます。逆に動作を声にしてくれない先生はあまり好きではありませんでした。授業は全英語になっています。(オーマイガー)なので最低でも聞き取れるくらいにならないと正直授業をなぞることすら厳しくなってくると思います。(日本語だったら良いのにー)ただ専門用語とかも出てくるのでそこらへんは慣れでOKだと思います!DigitalTutorsを利用した経緯は元々プログラミングの会社に初めて入ったときに何か良い学習サイトないかなと思っていたときにPluralsightを発見しました。それからちょくちょくPluralsightを利用していましたが、あるときUnityとかCreative系の学習サイトないかなと探していたときにPluralsightとDigitalTutorsが合併していることを知りました。(灯台下暗し!)DigitalTutorsを利用してみた効果Unityはそこそこ慣れました。Puppetをリリースしました。Photoshopのデザイン系はそもそもデザインスキルが皆無だったために全然身に付きませんでした。(結構頑張ったんです)今は金銭的に厳しいので購読はしていませんがDigitalTutorsは4ヶ月ほど、Pluralsightは2年間ほどずっとちょくちょく利用していました。今後また学習したい時期にくれば再開すると思います。最後にDigitalTutorsのオススメ度は星5つです!!以上。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。