2D Characters in 3D Worlds (and how I improved them)

Поділитися
Вставка
  • Опубліковано 27 вер 2024
  • The most overproduced possible way for me to explain why I think little paper guys in video games are neat. Credit for the SDF idea goes to my friend MorganLaK! Their links are below:
    ClassyHam recently did a writeup on how they recreated this effect in Material Maker and Unreal Engine, if anyone is interested in implementing this for themselves I highly recommend their writeup: classyham.com/...
    CG Cookie’s Normal Map video:
    • Deconstructing a Norma...
    Valve’s article on distance fields:
    steamcdn-a.aka...
    Another useful article on distance fields by Joyrok:
    joyrok.com/Wha...
    My old friend Morgan who figured out the hard stuff:
    www.tumblr.com...
    / morganlak
    My socials (please don’t follow):
    / jaythedevguy

КОМЕНТАРІ • 476

  • @skywolf225-kf5cx
    @skywolf225-kf5cx Рік тому +543

    How do I convert the rgb into steam keys?

    • @compilererror2836
      @compilererror2836 8 місяців тому +32

      just integrate under the curve

    • @timmygilbert4102
      @timmygilbert4102 8 місяців тому +13

      ​@@compilererror2836turning heightmap into volume data huh?

    • @jc_art_
      @jc_art_ 8 місяців тому +6

      Magic

    • @xXjuksterXx
      @xXjuksterXx 8 місяців тому +25

      they are in ascii, evident by the 45 triplet in 6/12th columns. 45 in ascii is a dash
      you can use any half-decent ascii conversion website to get the 15 character string.
      no point though, they are already used

    • @WohaoG
      @WohaoG 7 місяців тому +3

      @@xXjuksterXxgod damn it

  • @kirbles2035
    @kirbles2035 11 місяців тому +528

    I genuinely really REALLY love the ratatouille game idea. Please work on it when Uncle Dane's wacky adventure is finished.

  • @Sharkalien10
    @Sharkalien10 Рік тому +259

    When you were describing the low resolution texture problem, I was just thinking of how Ian McConville also used distance fields for the slimes’ faces in Slime Rancher, so I’m glad you found out that was a viable solution on your own

  • @xymaryai8283
    @xymaryai8283 8 місяців тому +71

    the first idea is like Titanfall, but the pilots are rats, and the mechs are string puppets i love it

    • @wraith117
      @wraith117 7 місяців тому +5

      LETS GO SOMEONE KNOWS WHAT TITANFALL IS

    • @cooker0rats
      @cooker0rats 7 місяців тому +6

      mfw you call in your titan and its just the evaporated corpse of a dude named craig who was dropped from orbit at 7000mph

  • @mcbolt1987
    @mcbolt1987 Рік тому +225

    unlike many UA-cam channels, The first video ever on this channel is very close to being a masterpiece (in my opinion), Very entertaining and I also learned something, Also love the art style and game ideas especially the Hitman + Octodad game

  • @number1Gameking
    @number1Gameking 11 місяців тому +53

    Man I love the aesthetic you're going for, the little guy on the big desk is so adorable. And the chill tone of your voice mixed with the chill it's so relaxing.

  • @shawneebushatz1963
    @shawneebushatz1963 11 місяців тому +81

    Man, I for once gotta thank UA-cam for giving channels like yours, I can tell that even with the 2 videos you've released that this will probably be a channel I I'll really enjoy. Also, those game ideas you had at the end of the video sound really fun.

  • @MegapiemanPHD
    @MegapiemanPHD 11 місяців тому +24

    Depressing Super Mario Sunshine immediately made me think of Flood's jetpack but with tears from crying instead of a backpack full of water.

  • @bonicle7610
    @bonicle7610 10 місяців тому +50

    Awesome video!! Additionally to all of this, you could also use the alpha channel of the normal map for the distance fields instead of having them in a separate texture since it just needs a single channel for it.

    • @JayTheDevGuy
      @JayTheDevGuy  10 місяців тому +28

      Clever idea, that's exactly what I did, I go over it in a Twitter thread I've linked in a few comments here :]

  • @TheCrimsonSeven
    @TheCrimsonSeven Рік тому +32

    Damn the commitment to no turn-arounds and the distance field tech pulls off fantastically, and your drawings are just plain great! Awesome stuff.

  • @neputendo
    @neputendo Рік тому +36

    The fact that this is your first video makes me aware of how far you're gonna go from this point on. This is an extremely impressive one to have.

  • @GreenDave113
    @GreenDave113 11 місяців тому +5

    Games shown at 5:52:
    - Here Comes Niko!
    - Born of Bread
    - Tinykin
    - Ruffy and the Riverside
    - The Last Night

    • @JayTheDevGuy
      @JayTheDevGuy  11 місяців тому +2

      In order of appearance: Born of Bread, Tinykin, Ruffy and the Riverside, and The Last Night :]

  • @guyinahat8930
    @guyinahat8930 11 місяців тому +15

    I love this video so much! I'm honestly very surprised that you don't already have a backlog of a couple years of UA-cam content with how professional the quality is.
    But my guy don't make art for the people who can't find the value in it. Don't start making a space for the smug commenters or that will be the only audience you have left.
    Don't try to preemptively defend yourself to the people who try to devalue your art, since the people who do that probably shouldn't be here to begin with.
    And coding is hard, and just giving a basic run through of how to make 2d characters look good in 3d, adding in references to other games and how they do it would've been more then enough to make a compelling video. Your project doesn't need to be ground breaking for it to be interesting.
    So again you went above and beyond and making such an amazing video, but don't keep the smug commenter voice in the back of your head, if they don't want to watch these videos at face value then they shouldn't watch em. (The most vocal portion of an audience is usually also the least representative of the actual audience, most folks never leave a comment)

  • @Pak-iv5it
    @Pak-iv5it 2 місяці тому +2

    Thank you so much for sharing, I'm starting to develop a game like this and, mate, this just saved my life, awesome first video btw I'm digging the vibe you go for

  • @arcviper27
    @arcviper27 Місяць тому

    an untitled goose game + rain world + over the hedge mashup genuinely sounds fun af

  • @Wasambi
    @Wasambi Рік тому +9

    Awesome stuff! I had no idea the distance fields could be used like that. I love seeing a seemingly simple setup of something actually have a lot of thought and tech behind it

  • @voxlvalyx
    @voxlvalyx 11 місяців тому +7

    This feels like when I found Wendigoon at 2K subs. You'll definitely get far if you keep this up. Great videos so far!

  • @Skeledude1
    @Skeledude1 Рік тому +7

    This is super awesome stuff! Keep up your game dev work, i'm sure you'll go far!

  • @HaHAjax
    @HaHAjax 7 місяців тому +2

    Rain World mentions are really rare, glad to see it appear!

  • @benmcreynolds8581
    @benmcreynolds8581 2 місяці тому

    Lately I have been obsessed with this art style & game design. I've been hoping we start seeing more games that utilize this 2D,2.5D, sprite art style. It would really enhance the kind of video games that would be coming out.

  • @potatodev4019
    @potatodev4019 11 місяців тому +2

    I was thinking "hey this is a good video" and then i saw idea #1. At this moment i realized this video is actually a masterpiece. 10/10

  • @NoahHayes
    @NoahHayes 7 місяців тому +1

    Wait…this is your FIRST video? Whoa! Made it all the way to the end assuming I stumbled across a video from someone who’s been creating golden content for years. Outstanding video, so polished, well written, well spoken, and packed with great explanations of concepts. Instantly subscribed

  • @a52productions
    @a52productions 8 місяців тому +3

    your animation is SO CUTE!! oh my gosh! both the little talksprite + environment, and the robot person running around in the game. i love them so much, and i love the billboarded style too!
    (it's what i'm planning for my own game, but i'm running into my own problems -- as bad as i am at rigging, i'm even worse at traditional art! oops. shouldve thought about that before i committed to this art style)

  • @PinoPrime
    @PinoPrime Рік тому +4

    WOAHHH THIS IS SO UNDERRATED

    • @JayTheDevGuy
      @JayTheDevGuy  Рік тому

      Oh hey fellow growing-overproduced-high-energy-educational-devlogger-with-a-cartoony-avatar-carried-by-a-unique-but-technically-simple-art-style-that-emphasizes-big-expressive-keyframes-with-no-interpolation, fancy seeing you here. Do you have any advice on how to come to terms with the fact that we're technically VTubers? Please let me know so I can sleep at night, thanks in advance.

    • @PinoPrime
      @PinoPrime Рік тому

      @@JayTheDevGuy Uhhhhhhhhhh

    • @JayTheDevGuy
      @JayTheDevGuy  Рік тому +1

      @@PinoPrime But in all seriousness thanks for the kind words, and as a total newbie to the devlog thing it feels good hearing nice things from someone who's pretty successful at it :]

  • @theaddictofgaming9174
    @theaddictofgaming9174 Рік тому +3

    Doxxing yourself is crazy, but thanks for the video. The implementation is incredibly clever and the video aesthetics are superb (and equally economical? srsly, Using a free camera and setbuilding makes the few poses so dynamic!)
    Anyway, have a good one and rock on.

  • @zarithial5480
    @zarithial5480 9 місяців тому +1

    GUH UNEXPECTED RAINNWORLD MENTION

  • @coucoul38
    @coucoul38 Місяць тому

    Yoo you're really good at 2D animation, even if those characters are very simple, the movements are hella smooth

  • @SonCosmo
    @SonCosmo Рік тому +3

    your video presentation is really cute

  • @janmagtoast
    @janmagtoast 8 місяців тому +2

    I already love this so much. The desk is lovely (including the cable management) and the animations and scripting are really cool too! Ty for making this!

  • @thor8606
    @thor8606 11 місяців тому +2

    I cant wait to see where your projects and by extension (hopefully) this channel goes, your style appeals to me and learning the details of how development uhhhhhhh develops is really interesting
    Your game ideas are super cool too and i want hitmanoctodad so badly now

  • @centdemeern1
    @centdemeern1 11 місяців тому +2

    This is of insanely high quality and effort, props!

  • @Pupuynahu9
    @Pupuynahu9 7 місяців тому +2

    Really liked this lil vid!
    Your lil avatar moving around the desk looks neat, the little test game you made to explain everything and the character u made for it looks pretty, and man, this kinda made me want to make a game with this style (i know next to nothing about game dev)
    Also can't wait for Depressing Mario Sunshine, that thing looks GOTY worthy

  • @morganlak4337
    @morganlak4337 Рік тому +5

    Great video! I can't wait to see more

  • @R1GBYdev
    @R1GBYdev Рік тому +3

    Wow, really high quality video man, great work, looking forward to some more content and hopefully some projects :D

  • @jeremiahrosa1329
    @jeremiahrosa1329 3 місяці тому

    Really nice video, especially for your first. I recently started my own UA-cam channel, but if I didn’t take a look at your channel page, I’d have had no idea that this was your first video.

  • @coffeebug
    @coffeebug 9 місяців тому

    OH MY GOD THE RATTATOUILLE IDEA SOUNDS AMAZING

  • @gab2022-bichosbichos
    @gab2022-bichosbichos 7 місяців тому +1

    One example is SRB2 since it uses symmetrical/asymmetrical sprites

  • @KinoCineaste
    @KinoCineaste 11 місяців тому +1

    Yubikey and QNAP spotted
    yeah, we out here gamedeving

    • @JayTheDevGuy
      @JayTheDevGuy  11 місяців тому +1

      I'm so glad someone noticed

  • @EndVertex
    @EndVertex Рік тому +4

    This was a great video - thank you so much for the breakdown. :) I've never heard of distance fields, so that was really helpful. Gonna see if they can help me with some current issues I have. Looking forward to watching more!

  • @lemon.cupcake
    @lemon.cupcake 11 місяців тому +1

    I love your vibe. I really like sorta your speaking tone and the way you animate your sona to it. Also the character animation in your mockups is really charming. Hype to see your games.

  • @dortuff
    @dortuff 11 місяців тому +2

    Good video. I like. Also ratatouille idea I like.

  • @janstachu7744
    @janstachu7744 Рік тому +2

    Holy smokes dude, amazing first video! I am currently working on my first animation in this very artstyle you are talking about and even though things you cover here aren't really useful outside of gaming, it still is really inspirational. Also, I would love to see the "secret agent" idea expanded upon!

  • @UnpluggedProfessor
    @UnpluggedProfessor Рік тому +2

    Really vibing with your pacing, tone, and fun interludes throughout the video! Easy sub -- no doubt!
    Cheers and looking forward to your work going forward!

  • @littlebiboy4933
    @littlebiboy4933 Рік тому +3

    Just wanted to say that I love you art style, and this video, and I can’t wait to see more! 😁

  • @carbonation10317
    @carbonation10317 6 місяців тому

    Those really are some great ideas for games at the end. Im also really impressed with the 128 x 128 textures. thats an amazing optimization

  • @themidnightspark9431
    @themidnightspark9431 6 місяців тому

    This helped me a lot with my current project. THANK YOU!

  • @InteIIo
    @InteIIo 8 місяців тому

    I can't wait to be that guy who says "here before 100k!" Because you're going places

  • @KrispyRodent
    @KrispyRodent 7 місяців тому

    I love the stealth ratatouille idea

  • @lolglolblol
    @lolglolblol 8 місяців тому +1

    And here I was, thinking I was smart for already knowing that the lineart is going to be vector graphics to allow infinite scaling...
    Instead you hit me with this lmao

  • @DSprich
    @DSprich 7 місяців тому

    I don't know if it's just the floaty animation of the 2-D sprite, but there's something that really reminds me of the first 2 Earthworm Jim games, even though there was almost nothing 3-D about them.

  • @nicolotito424
    @nicolotito424 Рік тому +2

    This is brilliant from starting to end. Really hope to see more!

  • @connorcclarke
    @connorcclarke 9 місяців тому +1

    Ratatouille hitman sounds awesome and i want it now. I would pay like 30 bucks for a solid game like that

  • @circuit-2925
    @circuit-2925 7 місяців тому +1

    OMGGG I LOVE THE RATATOUILLE IDEA

  • @SpaceMin
    @SpaceMin Рік тому +3

    No way you only have 61 subs!
    Honestly very good first video, Love your style definitely subscribing for more!
    The hype is real for: Super Mario Sunshine But It's Depressing.

  • @xymaryai8283
    @xymaryai8283 8 місяців тому

    i've known how normal maps have worked for years now, but you made it click. always worth explaining something in your own way even if people already know.

  • @SleepyLuigi
    @SleepyLuigi 8 місяців тому

    That’s my favorite style- I’ve always wanted to make stuff in it.

  • @JoshMannon
    @JoshMannon 8 місяців тому

    Glad to see you dropped the commenter character in your third video.

  • @kanamis
    @kanamis 7 місяців тому

    Now i have an undying want to make a VRChat world with 2D NPCs, many thanks!

  • @owdoogames
    @owdoogames 7 місяців тому

    For a first video, this is very impressive. Hell, it’s better than most game dev videos on UA-cam.

  • @infinity281
    @infinity281 8 місяців тому

    the beautiful cable management behind your desk
    ♥♥♥♥

  • @a.person1805
    @a.person1805 10 місяців тому

    Oooh, sweet video! Noticed a trend of going on really well thought out tangents, that's one of my favorite things in videos like this, and you do it SOOOO well it's magical. Hitman + Octodad sounds like a great idea, my favorite bit of Hitman WoA was always leg shotting people or muffining people off of ledges (try this on Rangan in Mumbai or the golf coach in Sapienza, there's no actual fall damage so they have to walk all the way back up) or into 1 inch deep water, getting that "unofficial" push that I worked for felt great. Your idea reminded me of that and I really liked being reminded of that! Good format good writing, really looking forward to more :D

  • @Ozown
    @Ozown Рік тому

    Didn't realise this was you first video until checking the comments, your video quality is really high. Keep it up!

  • @TanteiRotana
    @TanteiRotana 7 місяців тому

    I really enjoy this art style in games so getting to hear about how it works under the hood was really cool, thanks for the upload!

  • @Razlider
    @Razlider 11 місяців тому

    i was SURPRISED to hear that this was your first video, you did real good!

  • @scotdotwtf
    @scotdotwtf 11 місяців тому +1

    this was your first video?! this was great holy shit how did i only see this now!!

  • @karue7581
    @karue7581 8 місяців тому

    The production value is insane. Absolutely loved your work on this!

  • @flyingpiggles1034
    @flyingpiggles1034 8 місяців тому

    this is a really fascinating video! this is a concept im currently playing around with, in part thanks to your engineer video, and I've never considered things like adding normal maps to a 2d character to simulate depth!

  • @mikeysaurlol
    @mikeysaurlol 11 місяців тому +1

    this video reminded me of leon massey in nothing but good ways, similarly to his stuff you can sense the effort and passion you put into the video, and i think i might give this style a shot for my next project, just gotta figure out the shader magic in godot

  • @JamieCracker
    @JamieCracker 8 місяців тому

    I have fallen in love with your art

  • @obnoxiousalternative6558
    @obnoxiousalternative6558 7 місяців тому

    I'm going with Idea #1 here- it sounds genuinely fun!

  • @edfreak9001
    @edfreak9001 9 місяців тому

    Octodad Hitman is a fantastic idea and I want it now

  • @Nkanyiso_K
    @Nkanyiso_K 4 місяці тому

    This video was really helpful. I'd love to make a Paper Mario inspired game once day, once I'm a little more confident in Blender

  • @DavidLee-n5z
    @DavidLee-n5z 11 місяців тому +1

    I had a feeling you play Melee with the GameCube controller in the background (he’s gonna make a Melee video⁉️😳). Just came from your TF2 Engineer video, and oh my dayum your channel is of the finest gems on UA-cam.

  • @mrrootbeertheobserver
    @mrrootbeertheobserver 8 місяців тому

    Oh shoot, first video? This is clean man. Seriously just before you said something I was checking your channel to see what else you had because it just felt like you have been doing this for ages. Nice work, keep it up!

  • @SoCalledEgg
    @SoCalledEgg 8 місяців тому

    i think you should follow through on all of these ideas they seem amazing

  • @VeeFerns
    @VeeFerns 7 місяців тому +1

    club penguin is like the opposite, 3d characters in a 2d world

  • @LuxrayLloyd
    @LuxrayLloyd 7 місяців тому

    This is your first video?! Seriously outstanding quality!

  • @asimplethievingbat5978
    @asimplethievingbat5978 7 місяців тому

    As a traditional artist I'm keeping this in my back pocket

  • @jacobswanson6876
    @jacobswanson6876 11 місяців тому

    Very cool stuff! I’m also working on a ton of limited-but-hand-drawn animation for video games, and it’s been a constant process of rethinking and reiterating what I typically think animation needs to look like. What works in a film does NOT work in the game world, but that problem-solving is a constant joy. I’m especially into that depressing Mario Sunshine idea. Seems like a sweeeeeeeet project.

  • @leinadlink
    @leinadlink 11 місяців тому +6

    I am a bit curious about how you made your custom normal maps for your characters. Did you paint them completely by hand, making each channel separately and then combining them into the texture? Or did you use a trick I am unaware of to get the normal data you wanted (sculpting a very basic 3D model and getting the normal map from there for example)

    • @JayTheDevGuy
      @JayTheDevGuy  11 місяців тому +7

      Great question. I personally use Substance Designer, though I'm considering changing to Photoshop since Photoshop can handle batch exports much better (with a few clicks it can convert tons of my raw animation sprites into normal mapped versions automatically). I have a Twitter thread that goes a little more in-depth here: twitter.com/JayTheDevGuy/status/1680772720798363648

  • @balconman
    @balconman 7 місяців тому

    i loved the first idea

  • @HopeeStudios
    @HopeeStudios 6 місяців тому

    Lovely video, man 💚 have a lovely week

  • @SpammingY
    @SpammingY 8 місяців тому +1

    Really cool stuff you've got here! I came here from your third (and at the time of this comment, latest) video and I didn't expect you to be new because honestly you're already so polished. One question I have, how would you recommend learning game design and, more importantly for me, coding? I've been wanting to enter the gaming scene and seeing someone who's got the same kind of ideas as me (and who will see this comment 😅) has rejuvenated my desire to really give it a shot!

    • @JayTheDevGuy
      @JayTheDevGuy  8 місяців тому +1

      I don't have any advice better than what a lot of others say online to completely beginners, just dive in and have fun, learn to enjoy the process. I'd recommend either Unreal Engine (a lot more beginner friendly than people think) or Godot!

    • @SpammingY
      @SpammingY 8 місяців тому +1

      @@JayTheDevGuy Thanks!

  • @demonicdude1328
    @demonicdude1328 11 місяців тому

    It's very simple but really effective bit in "here comes niko" when you walk twords the camera you get a front facing sprite and when you walk away from the camera you get a back facing sprite

  • @paulbunyangonewild7596
    @paulbunyangonewild7596 8 місяців тому

    It works by taking the minutia of the shapes in a higher definition and spatially encode it into a larger space readable at lower resolutions.

  • @mushroomsalad5525
    @mushroomsalad5525 7 місяців тому

    havent seen anyone compliment it but the character in your game prototype looks cute :)

  • @Kavukamari
    @Kavukamari 11 місяців тому

    i have always wanted to use SDF's to make dynamic characters, it's such a cool idea to me because it saves so much texture space

  • @kevinlopez4900
    @kevinlopez4900 2 місяці тому

    I always wonder how I could make a game like this without having to draw so many angles, really noce work and vid!

  • @ramshornstudios2807
    @ramshornstudios2807 Рік тому

    You knocked this out of the park for a first video! Holy cow this was super informative and well produced. Instantly subscribed after I was done watching!

  • @hashashafashasha
    @hashashafashasha 7 місяців тому

    "some games just say %$&£ it and just use paper" immediately cuts to a paper character in a 3d space

  • @jjju3
    @jjju3 Рік тому

    WDYM THIS IS YOUR FIRST VIDEO AND THIS HAS 800 VIEWS??? that totally knocked me on my ass, because right as i clicked on your icon to watch more of your stuff you said that, and I realized i had stumbled onto gold. keep up the good fuckin work man

  • @SuperSpikes777
    @SuperSpikes777 Рік тому +1

    This was very interesting and I have always love this art style in games. Keep it up dude I hope to see more games with art styles like this in the future. 👍

  • @Shin__Oni
    @Shin__Oni 9 місяців тому

    Have a passion project which involves having a 2D Vtuber Model move in an unreal engine 3D space. I needed to see your video for sure!

  • @shirshobanerjee7751
    @shirshobanerjee7751 7 місяців тому

    You know, I was considering using a 3d model with a filter for my game after finding that making 8 animations for every action is kinda awful, but now, I’m reconsidering this 2d in 3d look. Thank you.

  • @JackLemon77
    @JackLemon77 Рік тому

    Ultra underrated UA-cam channel and video.
    Pretty sure you'll be famous soon.

  • @ondmunk
    @ondmunk 7 місяців тому

    This video is so great, I'm loving it so far and your art style is so nice to look at! But you really just had to remind us of The Last Night huh😭 I want that game to happen so bad

  • @Lifeblood2
    @Lifeblood2 9 місяців тому

    I've always loved games that have 2D characters in 3D spaces! Bug Fables and Here Comes Niko are games I hold really close to me.
    As a bit of an amateur game dev and decent pixel artist, making a game with my lil pixel babies shmoovin around in a 3D space sounds amazing! I'm excited to see what you do with this concept! 💙 (Also I love your art style.)

  • @thediscordedsoul6555
    @thediscordedsoul6555 7 місяців тому

    Rayman taught me so much about game design

    • @thediscordedsoul6555
      @thediscordedsoul6555 7 місяців тому

      Okay, But I NEED Depressing super mario sunshine

    • @thediscordedsoul6555
      @thediscordedsoul6555 7 місяців тому

      Super mario moonshine - He's taken on the booze he's so depressed.

  • @tadpolelovehandles
    @tadpolelovehandles 7 місяців тому

    I really love this video ❤ I found it right when I'm working on a 3d action rpg with sprites and this video inspired me to implement some of these changes into it. I'm really excited to watch more of your videos!

  • @LeWolfYT
    @LeWolfYT 8 місяців тому

    7:53 SNICK! IT'S HIM!