HD-2Dグラフィックの仕組みと作り方を解説します【Unity】【ひろはす】

■使ったアセット↓
LightRays 2D effect　太陽光のエフェクト
assetstore.unity.com/packages...
Warrior Free Asset　主人公のドット絵
assetstore.unity.com/packages...
Pixel Art Platformer - Village Props　他のドット絵
assetstore.unity.com/packages...
Fantasy Environment Level Set　地形モデル
assetstore.unity.com/packages...
■参考
Unity スプライトに影をつける　～その1～ - おねむゲーマーの備忘録
sleepygamersmemo.blogspot.com...
ゲーム開発者のためのポストプロセス入門
• ゲーム開発者のためのポストプロセス入門【Un...
ゲーム開発者のためのカラーグレーディング入門
• ゲーム開発者のためのカラーグレーディング入門...
このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。
チャンネル登録よろしくお願いします！
ひろはすゲームクリエイター養成所
/ @hirohasu
ひろはすゲーム雑談所
/ @hirohasu2
ひろはすが弟にゲーム開発を教えるチャンネル
/ @kkgame
最新情報はこちら！フォローよろしくお願いします！
【Twitter】
/ hirohasusan
【Instagram】
/ hirohasusan
普段ゲームしてる風景をTwitchで配信してます。
/ hirohasusan
■プロフィール
ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。
小学生から個人でゲーム開発を始める。
専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。
10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。
現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。
※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。
#ひろはす
#HD2D
#ドット絵

[@masanaopaints]

全く新しい技術だと思っていた表現が要素に分けるとこんなにシンプルな話になるとは驚きです。ひろはすさんのプロフェッショナルさ加減にも脱帽です。

[@bikkuribibibi]

こんなに２D感ある感じではなかったですがTree of Saviorが出たときも３D背景と２Dドットキャラクターのミックスが凄く綺麗で可愛くて当時感動しました

[@user-dr5px4xl8j]

すげー、HD-2Dの表現が自分でも作れるんですね。感動しました。

[@riminmin738]

HD-2Dが言葉にならないくらい刺さった一人として、仕組みを見られてなるほど、と釘付けで拝見させていただきました。 広まっていってほしい表現手法の解説、とても貴重な動画が見られ嬉しく思います。

[@azukima09]

ゲーム制作に関しての詳細な最新の技術を知れるチャンネルはそんなに多くない 非常に参考になったし、このチャンネルの価値は今とても上がってると思う

[@hgpec]

仕組みが分かるとなーんだってなるけど(出来るかどうかは別として)これを初めて考えた人はほんとすごいなってなる。

[@user-qh4lr6bf7i]

RPGで待ち歩くの好きだからこの表現使うゲームもっと増えて欲しいわー めっちゃ綺麗

[@user-vu9mu2bb6m]

ドット絵の世界が古臭くない事を世間一般に証明できる素晴らしい技術だと思う。 過去の名作のリメイクは全部これでやって欲しいくらい。

[@wyi9566]

HD-2Dの事気になって前に調べた事があるのですが よく分からなかったので助かりました

[@user-df6qm7ob2o]

スクエニのオクトパストラベラーで初めて見てびっくりしたの覚えてるわ。

[@user-ht1pt8wr4s]

やっぱり2D-HDカッコイイ・・・ 表現方法が確立・普及されていくと、企業のみならず個人の間でも広く流布しそうですね。 そのためにも、もっと2D-HDの解説動画増えて増えて・・・

[@unknowneater_2777]

自分で描いた絵を貼っ付けて作れると楽しそうですね

[@tsukasa--1136]

HD-2Dのことが気になっていたので助かりました！！

[@user-sj6gy6yu5f]

だいたい予想した通りの作り。 全く新しいものではないものの、既存の技術の組み合わせで新しい見せ方をする素晴らしい手法。 実際にこれまでHD-2D的な手法がこれまで作られなかったことがその証拠ですよね。

[@YM-db4lj]

有料でもいい内容、すごく参考になった

[@kentoapps]

僕はゲームクリエイターを目指しているわけではないですが、わかりやすく丁寧な解説に感銘を受けました！ このチャンネルは将来のクリエイターの技術力の底上げになること間違いなさそうですね

[@100_j]

挑戦してみます！

[@goroazuma7880]

プロによるこんなに分かりやすい解説！神動画をありがとうございます。

[@user-zs9pf4yd7z]

何この神動画。 挑戦します！

[@kame__main]

完全に独学でUnityいじってるので、大変勉強になります！

[@computerf.7204]

すごい こんな風になってたんだ

[@f12m0439]

素晴らしいです🌼🌼🌼

[@keijiyanagisawa6659]

これはすごい

[@superball4921]

これは最高

[@nukowar6382]

勉強になります！！！！

[@hirororo3]

参考になります！！ これはOpenGL関連の処理ならUnityじゃなくてもWebGLやアプリなど応用できそうですね！

[@marin_df]

まず地形モデルが凄いｗｗ こういう色合いのデータ大好き むかしの聖剣みたい

[@user-db7dd9im7h]

いつも楽しく動画視聴しております！ ひろはすさんのゲーム、過去動画で紹介されていた作品などApp storeにはいくつかあったんですが、 これまでに制作されたゲームを全部遊ぶにはどこのストアに行けばよいですか？

[@JC-jz6rx]

always wonderfull. thank you for the hard work.

[@kenken-lg6it]

この手法いいですね！ぱっと世界観できます！

[@mtk5855]

初めてオクトパストラベラーやったとき、今まで見たこともないグラフィック表現で驚きましたね。 HD-2Dのゲーム開発、もっと流行ってほしい。　昔のヒット作RPGとか、HD-2Dでリメイクされて遊べたら最高だなぁ

[@MT-mc8yl]

ゲーム制作をしててひとつ気になったことがあったのですがゲームの難易度調整はどうすればいいのかが気になりました、 作者さんごとのゲームの上手さによると思いますが作者さん自身はゲームはそこそこできると仮定して教えてほしいです。

[@user-ps9jj1ug2m]

かわいいよね。 おもちゃ観てるような視点。

[@Giocherellone]

包括的で専門的な説明！😉

[@user-nd7nh5oz5o]

ヘクスタイルを使ったストラテジーゲームの造り方が知りたいです。

[@JordonRenn93]

I have no idea what you said but that is damn beautiful

[@kt0530]

すごすぎ、unity

[@edu_god1205]

素晴らしいです！

[@user-qh9xl9ry7d]

2.5D 面白いですね。particle systemを使って光の効果をやるのが印象的です。

[@keelfly]

Thank you for this great video. Can we please get this amazing video in English or with English subtitles so we can also get the fine details of the process? Thank you!

[@genkaidvie]

いろんなゲームのポストプロセス知りたいわ オブラディンとかナッツとか

[@user-lk4fe4hp6z]

うぽつ

[@naoki-um2xu]

解説ありがとうございます。 これのSpriteに貼っているShaderを教えてくれるとありがたいです。 これそのままやっただけでは、被写界深度と影がつかないはずなので。

[@glee-bt6sn]

このドット絵アセットを使いたいのですが配置しても表示されないのはなぜでしょう、、アニメーション付きのアセットはほかのアセットと違う操作が必要なんですか、、?

[@Be-vh3dd]

Unityで作ったゲームをAndroidビルドしたいのですがエラーが出まくって何が何だかわからなくて困ってます。 Androidビルドの基本設定などの動画を出して頂けると助かります。m(_ _)m

[@syoshinn51]

オクトパストラベラーで見て気になってたやつや～

[@user-lk1bn5jg9i]

昔のスーパーマリオってHD-2Dになるのかな？

[@boom2236]

How the shadows and lighting of 2D sprites are done

[@logy-gamelife254]

Which Render Pipeline do you use?

[@tigerblack8400]

ue4じゃなくてもここまでできるんですね。もう少し細かい解説が見てみたいです！低解像度にノーマルマップも合わせているのですか？

[@hirohasu]

ノーマルマップも合わせて作りますー！👍

[@user-sd9dl2we8i]

このサンプルプロジェクト配布してほしい～～～

[@user-zc3ro4ie1p]

PS1でのブレスオブファイアⅢやセガサターンでのグランディアはキャラクターは2Dドットイラストでフィールドや戦闘の魔法等のエフェクトは3Dグラフィックで作られてましたけど、これってHD-2Dの前身みたいなシステムだったんですか？

[@hirohasu]

そうですね！HD-2Dは昔からある技術の組み合わせでできてるイメージです！

[@user-pn7ux3fc5z]

ノートパソコンでもRPGは作れますか？自分はMacAIRの2014年？頃のを使っています

[@hirohasu]

作れますよー！👌

[@cat-ov6wh]

ゲームアイコンを作る時、なんのソフトを使っていますか？？

[@hirohasu]

僕はPhotoshopで作ってますー！

[@user-lb9te2ii3n]

気になったので質問ですが現在似たような手法でゲームを制作しているのですが新規作成時にHDPRが導入されている状態で始めた方がいいのでしょうか？またHDPRは導入した方がいいのでしょうか？急で申し訳ないですが出来ればご回答を頂ければ嬉しいです。

[@hirohasu]

この動画のプロジェクトはHDRP使ってないので、無くても作れますよー！👌

[@user-lb9te2ii3n]

@@hirohasu 返信ありがとうございます！HDPRを使わずともこうも綺麗になるんですね参考にさせてもらいます！

[@user-kt1yp8ed8h]

質問です! サーフェスプロ7などのタブレットでもUnityは使えますか?2Dのゲームを作ってみたくて…。 やはりPCじゃないと無理ですかね?

[@hirohasu]

iPadやAndoridのタブレットでは作れないのですが、例外的にSurface Pro 7は中身がノートPCなので作れます！👍

[@user-kt1yp8ed8h]

教えて頂き、ありがとうございました!

[@MT-mc8yl]

これってダンガンロンパも似たようなことしてませんでした？

[@user-kv8yz6we7c]

すみません、質問させてください。 こちらの動画を参考に作成してみたのですがスプライトを反転させて表示するためにFlipXをONにすると板ポリ自体が反転してしまい、キャラクターの表示が消えてしまいました。 どのように対処すればキャラクターが表示されるでしょうか？

[@hirohasu]

こちらが参考になると思います👌 [Unity] マテリアルとシェーダーについて/裏面も表示する tutorials.shade3d.jp/post/1865

[@nyangoro1115]

これはいつにも増して神動画！ありがとう！(*ﾟДﾟ*)

[@TsucaPon40]

神々のトライフォース2、夢をみる島のSwitch版もこの仕組みを使っています。 これは上から見下ろすトップビューを三次元にしたような物ですからね。

[@making5349]

光の粒はどのように作っていますか？ それの紹介動画とかありますでしょうか？

[@tigerblack8400]

すべて同じアセットで試してみたけど、なかなかうまく行かない、、、素人の自分が真似しても画面がぼやっとしてしまいます。 有料でもいいのでもう少し詳しい内部の数値を知りたいです。

[@bluzenkk]

i wish ... there is an english translation....QAQ

[@rashidfarhan6223]

sem

[@user-js2wl6tp6m]

ペーパーマリオみたい

[@satoshinakamoto3104]

HD-2Dという表現を避けるために4K-2Dという表現を使う人出てきそう

[@user-ti8fb2sm7n]

作ったゲームをiPhoneでプレイできるようにするにはどうすれば良いですか？

[@kojiito3347]

仕組みは簡単だけど画作りにセンスが問われるのか。

[@ryoichinglish]

基本的なことで申し訳ありません。これはUnity 2Dで作成するのですか？Unity 3Dで作成するのですか? それともHDRPなのでしょうか？前提条件を教えていただけると幸いです

[@hirohasu]

Unity3Dで作ります！👍

[@kodama9579]

HD-2Dの手法は特許が取られてない。 ありがてぇ…ありがてぇ… あとはコロプラみたいな馬鹿が現れなければいいのだけれど…

[@your-name.]

ドラクエ3のリメイクはミリオンヒットいくと確信してる

[@user-my8gm4ei1g]

これはSpineを使ってらしゃるのでしょうか？

[@hirohasu]

使ってませんー！😅

[@h2osora315]

ドット絵よりクッキリした画像の方が好き

[@sega2078]

ネオ2.5D・・・🦆SEGAのロープレ案件

[@user-qf6km1zn5x]

古風ペーパーマリオってイメージかな

[@yuutotsuda8715]

ペーパーマリオと同じ感じだったんやな

[@mhamune4225]

アンチエイリアスってなんだっけってなって動画と思考がとまってもうた・・・ やっぱ専門用語ついていけなくて辛すぎるぅ・・・

[@HRK-sd4ih]

arigato

[@syouru]

スクエニこの手法の特許とってないの…？ なぜ…！！

[@_takeas411]

すいません、全然関係ないのですがwhile(ループ文)の解説動画出してほしいです

[@TheTsdfsunco]

なんでもっと早くこれを思いついてくれなかったんだろな。 ハードの移り変わりの時代にフル３Ｄこそが次世代ＪＲＰＧの目指すべき道だという思想があったけど その思想のせいで多くのＪＲＰＧナンバリングタイトルは潰れていった。

[@zionpark0803]

個人的にBW2以降のポケモンはこの道に進んでほしかった...

[@siopan2309]

フル3Dに移行していったのは、別にグラフィックだけが要因ではないですからね。 ゲームの主流がリアルタイムバトルに移ったように、この表現が昔からあったとしても結果は変わらなかったと思います。

[@TheTsdfsunco]

@@siopan2309 そうかもしれない。ただのセンチメンタリズムかも。

[@annieannie4896]

これ誰が参考にしてるの？　ゲーム業界の人？？

[@user-qs1zx1uo3o]

2D-HDはきれいだけどドット調のゲームはプレイしてもらえないんだよなぁ

[@koenobuta2563]

正直、HD-2Dのゲームをフルプライスで買う気には全然ならん

[@adhd3147]

ロープレはこれでよかった