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

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

Комментарии • 103

  • @msn_35
    @msn_35 3 года назад +70

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

  • @bikkuribibibi
    @bikkuribibibi 3 года назад +24

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

  • @hgpec
    @hgpec 3 года назад +13

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

  • @user-vu9mu2bb6m
    @user-vu9mu2bb6m 2 года назад +7

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

  • @azukima09
    @azukima09 3 года назад +34

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

  • @riminmin738
    @riminmin738 2 года назад +10

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

  • @user-dr5px4xl8j
    @user-dr5px4xl8j 3 года назад +16

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

  • @user-ht1pt8wr4s
    @user-ht1pt8wr4s 3 года назад +49

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

  • @user-qh4lr6bf7i
    @user-qh4lr6bf7i 3 года назад +7

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

  • @JC-jz6rx
    @JC-jz6rx Месяц назад +2

    always wonderfull. thank you for the hard work.

  • @user-df6qm7ob2o
    @user-df6qm7ob2o 3 года назад +75

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

  • @user-sj6gy6yu5f
    @user-sj6gy6yu5f 3 года назад +3

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

  • @wyi9566
    @wyi9566 3 года назад +2

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

  • @tsukasa--1136
    @tsukasa--1136 4 месяца назад

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

  • @unknowneater_2777
    @unknowneater_2777 3 года назад +4

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

  • @kentoapps
    @kentoapps 3 года назад +4

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

  • @marin_df
    @marin_df 7 месяцев назад

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

  • @kame__main
    @kame__main 2 года назад +1

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

  • @100_j
    @100_j 3 года назад +3

    挑戦してみます!

  • @robertjohnson-ip3xe
    @robertjohnson-ip3xe Месяц назад

    ドラクエ3の発表で初めてHD-2Dという存在を知りました。キャラがドットで背景は3Dってドラクエ7じゃん、と思ってましたが全然レベルが違いましたね。凄いです。

  • @computerf.7204
    @computerf.7204 3 года назад +2

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

  • @goroazuma7880
    @goroazuma7880 3 года назад +7

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

  • @keijiyanagisawa6659
    @keijiyanagisawa6659 2 года назад +1

    これはすごい

  • @mtk5855
    @mtk5855 3 года назад +4

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

  • @user-zs9pf4yd7z
    @user-zs9pf4yd7z 3 года назад

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

  • @superball4921
    @superball4921 3 года назад +2

    これは最高

  • @Giocherellone
    @Giocherellone 2 года назад

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

  • @f12m0439
    @f12m0439 3 года назад

    素晴らしいです🌼🌼🌼

  • @YM-db4lj
    @YM-db4lj 3 года назад +4

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

  • @user-ps9jj1ug2m
    @user-ps9jj1ug2m 3 года назад

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

  • @nukowar6382
    @nukowar6382 3 года назад

    勉強になります!!!!

  • @JordonRenn93
    @JordonRenn93 Год назад

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

  • @kenken-lg6it
    @kenken-lg6it 3 года назад +1

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

  • @大池-q6s
    @大池-q6s 3 года назад

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

  • @MT-mc8yl
    @MT-mc8yl 3 года назад +5

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

  • @hirororo3
    @hirororo3 3 года назад

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

  • @user-qh9xl9ry7d
    @user-qh9xl9ry7d 2 года назад +4

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

  • @kt0530
    @kt0530 Год назад

    すごすぎ、unity

  • @keelfly
    @keelfly 2 года назад +6

    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!

  • @kodama9579
    @kodama9579 3 года назад +6

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

  • @adhd3147
    @adhd3147 3 года назад +1

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

  • @kojiito3347
    @kojiito3347 2 года назад +1

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

  • @edu_god1205
    @edu_god1205 2 года назад

    素晴らしいです!

  • @tigerblack8400
    @tigerblack8400 3 года назад +2

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

    • @hirohasu
      @hirohasu  3 года назад +1

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

  • @TsucaPon40
    @TsucaPon40 3 года назад +2

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

  • @林敏雄-f8y
    @林敏雄-f8y 3 года назад +2

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

  • @syoshinn51
    @syoshinn51 3 года назад

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

  • @えい-i8p
    @えい-i8p 3 года назад +3

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

    • @hirohasu
      @hirohasu  3 года назад +3

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

    • @えい-i8p
      @えい-i8p 3 года назад

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

  • @user-js2wl6tp6m
    @user-js2wl6tp6m 3 года назад +3

    ペーパーマリオみたい

  • @user-lk4fe4hp6z
    @user-lk4fe4hp6z 3 года назад +1

    うぽつ

  • @cat-ov6wh
    @cat-ov6wh 3 года назад +3

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

    • @hirohasu
      @hirohasu  3 года назад +2

      僕はPhotoshopで作ってますー!

  • @genkaidvie
    @genkaidvie 3 года назад +1

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

  • @秋ヤマトシ
    @秋ヤマトシ 2 года назад +1

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

    • @hirohasu
      @hirohasu  2 года назад +1

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

  • @naoki-um2xu
    @naoki-um2xu Год назад

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

  • @h2osora315
    @h2osora315 11 месяцев назад

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

  • @MT-mc8yl
    @MT-mc8yl 3 года назад +1

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

  • @ゲーム大好き-s7u
    @ゲーム大好き-s7u 2 года назад

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

  • @nyangoro1115
    @nyangoro1115 3 года назад +6

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

  • @satoshinakamoto3104
    @satoshinakamoto3104 3 года назад +1

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

  • @ryoichinglish
    @ryoichinglish 3 года назад +2

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

    • @hirohasu
      @hirohasu  3 года назад +2

      Unity3Dで作ります!👍

  • @user-lk1bn5jg9i
    @user-lk1bn5jg9i 3 года назад

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

  • @glee-bt6sn
    @glee-bt6sn 2 года назад

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

  • @user-lb9te2ii3n
    @user-lb9te2ii3n 3 года назад

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

    • @hirohasu
      @hirohasu  3 года назад +1

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

    • @user-lb9te2ii3n
      @user-lb9te2ii3n 3 года назад

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

  • @bluzenkk
    @bluzenkk 2 года назад +2

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

  • @Be-vh3dd
    @Be-vh3dd 3 года назад

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

  • @making5349
    @making5349 3 года назад

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

  • @boom2236
    @boom2236 2 года назад

    How the shadows and lighting of 2D sprites are done

  • @user-kv8yz6we7c
    @user-kv8yz6we7c Год назад

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

    • @hirohasu
      @hirohasu  Год назад

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

  • @user-pn7ux3fc5z
    @user-pn7ux3fc5z 3 года назад

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

    • @hirohasu
      @hirohasu  3 года назад

      作れますよー!👌

  • @your-name.
    @your-name. 3 года назад

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

  • @mhamune4225
    @mhamune4225 3 года назад +2

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

  • @tigerblack8400
    @tigerblack8400 2 года назад

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

  • @user-qf6km1zn5x
    @user-qf6km1zn5x 3 года назад

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

  • @BIG_MOTOR_2
    @BIG_MOTOR_2 3 года назад

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

  • @yuutotsuda8715
    @yuutotsuda8715 3 года назад

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

  • @ゲストhdcjuffhjtdgbf
    @ゲストhdcjuffhjtdgbf 3 года назад

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

  • @user-my8gm4ei1g
    @user-my8gm4ei1g 3 года назад

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

    • @hirohasu
      @hirohasu  3 года назад

      使ってませんー!😅

  • @_takeas411
    @_takeas411 3 года назад

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

  • @HRK-sd4ih
    @HRK-sd4ih 3 года назад

    arigato

  • @TheTsdfsunco
    @TheTsdfsunco 3 года назад +3

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

    • @zionpark0803
      @zionpark0803 3 года назад +4

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

    • @siopan2309
      @siopan2309 3 года назад +1

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

    • @TheTsdfsunco
      @TheTsdfsunco 3 года назад

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

  • @syouru
    @syouru 3 года назад +2

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

  • @annieannie4896
    @annieannie4896 3 года назад +1

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

  • @user-qs1zx1uo3o
    @user-qs1zx1uo3o 3 года назад

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

  • @koenobuta2563
    @koenobuta2563 3 года назад

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