Bleeding Troll
Bleeding Troll
  • Видео 4
  • Просмотров 44 854
IMPROVE Your 2D Game INSTANTLY With Normal Maps! #gamedev #pixelart
Using Normal Maps is underrated with 2D game dev. Here's a brief video on implementing Normal Maps on to your 2D Sprites.
Contact: bleedingtrollllc@gmail.com
Просмотров: 34 854

Видео

(Devlog 1) Creating My Dream Game as my First Game - Dragon Tomb #devlog
Просмотров 6 тыс.Год назад
This is a devlog detailing my process of making a game. This devlog serves to keep me working on the game, as having to make videos holds me accountable. Leave any suggestions in the comments, I'm pretty open to any ideas. Leave a like, comment, and subscribe. Dragon Tomb is a Soul-like/Roguelike game taking elements from games such as Elden Ring, Dark Souls, and Pixel Dungeon. #darksouls #elde...

Комментарии

  • @yoyoyowussup4609
    @yoyoyowussup4609 День назад

    Literally gold standard for a tutorial video

  • @Manu-c5q
    @Manu-c5q 26 дней назад

    Death Road to Canada

  • @Reavenk
    @Reavenk Месяц назад

    Love how you skipped the clickbait and got straight to the point that it happens "INSTANTLY". It's practically free, with no time and labor commitment, and no overhead. No technical intuition needs to be learned, no commitment to creating an entirely new channel of assets, just INSTANTLY.

  • @marcelslofstra2157
    @marcelslofstra2157 Месяц назад

    That’s great. Also, you could use the free program called ‘Laigter’ which automatically creates normal maps that are usually perfectly fine.

  • @kryptiaxx
    @kryptiaxx Месяц назад

    hey! couldn’t help but see one of your files said [college name] - do you guys host game jams there? I’m a part of a Game Dev club at another close college and was wondering haha

  • @Toldoven
    @Toldoven Месяц назад

    "INSTANTLY" is a strong word for having to manually draw a normal map for every single texture in the game lol

    • @kryptiaxx
      @kryptiaxx Месяц назад

      wild to complain about a <10 minute process that you can literally only get faster at

    • @catcactus1234
      @catcactus1234 16 дней назад

      @@kryptiaxx<10 minutes _per sprite_ is still a significant amount of time depending on how many sprites your game has. Simply making a normal map for all the animations in a generic top down player sprite with 4 directions will probably take a week to finish (assuming you can’t work on it 24/7).

  • @queblegamedevelopment4143
    @queblegamedevelopment4143 Месяц назад

    Great video! Subscribed.

  • @caidenrichards4221
    @caidenrichards4221 2 месяца назад

    Thanks

  • @BleedingTroll
    @BleedingTroll 2 месяца назад

    There are a ton of things that Alphas can be helpful for besides simple holes like in the video - however since this is just a short I didn't have time go in depth about how cool they are or using them for interesting utilizations for games such as foliage. I may create a full video about them soon if there is interest.

  • @thiagocampos5162
    @thiagocampos5162 2 месяца назад

    hello. just new to aseprite and game dev. when u create your sprites u make it like 16x16/32x32 and scale 2x 3x in godot? or do u make it larger and use bigger pencil? (like 2 3 4px pen)

    • @BleedingTroll
      @BleedingTroll 2 месяца назад

      I make my sprites using 16/32px, and then in godot there are ways to make the pixel art scaled up by changing some settings/viewport size and it works fine.

  • @kelvin4593
    @kelvin4593 2 месяца назад

    but still i think that the original without shaders support look better,the one with shaders is like why should i waste time choosing the colors when the shaders will change the colors into that ugly color palette ,the one on the right is far more visually appealing to me,also for one texture it doesn't change much but if i do that on every single texture that would heavily impact the game performance,especially on big maps,but all this negative review for those shaders is based on me so don't think i am insulting and all that,i just prefer to have less performance impact,like that i can decorate the tilemap as much as i want without loosing much fps,the only way i would use that shaders support would be on effects like arcane spell and similar.

  • @andrewsamoil6259
    @andrewsamoil6259 2 месяца назад

    um actaully... hilarious

  • @c0t1
    @c0t1 3 месяца назад

    Great and helpful video. Looking forward to more like it. Sub'ed.

  • @hasanshafy_
    @hasanshafy_ 3 месяца назад

    Hand painting gives better results, although it's time-consuming.

  • @user-ky2ui5hl8s
    @user-ky2ui5hl8s 3 месяца назад

    what if i want to add normal maps to a sprite with animations

    • @pixels_per_minute
      @pixels_per_minute 2 месяца назад

      You'd have to animate the normal map as well.

  • @splatchoot
    @splatchoot 3 месяца назад

    What software did you use for the preview?

    • @Anthima_Rev
      @Anthima_Rev 3 месяца назад

      he use godot and aseprite

  • @keithwinget6521
    @keithwinget6521 3 месяца назад

    Do the normal maps work properly when rotating your sprite by default, or is there some setting to adjust for that?

  • @JimmyGeschwind
    @JimmyGeschwind 3 месяца назад

    I didn't know you could use a Normal map for 2D art! Nice video!

  • @SaturnoEdu
    @SaturnoEdu 3 месяца назад

    is there any way to make this work with an tileset?

    • @BleedingTroll
      @BleedingTroll 3 месяца назад

      It SHOULD work with tilesets, though I'm still working on that aspect of it. Once I get it down I'll let you know

  • @TRXST.ISSUES
    @TRXST.ISSUES 4 месяца назад

    What a cool premise

  • @morphingindisguise
    @morphingindisguise 4 месяца назад

    Great video!

  • @WhoisMyut
    @WhoisMyut 4 месяца назад

    i need to stop watching game dev tutorials with no intention of making a game. good video 👍

  • @BudgiePanic
    @BudgiePanic 4 месяца назад

    If you’re wondering about the normal map colors, the RGB Color channels are used to store the XYZ components of the normal vector for each pixel of the image

  • @AmaroqStarwind
    @AmaroqStarwind 4 месяца назад

    What about height maps?

  • @cheesybrik
    @cheesybrik 4 месяца назад

    It should be noted you can also construct normal maps individually per channel. This is how professionals do it as doing it this way makes it much easier to understand why you are actually putting down the pixels in a certain place.

  • @kleybook
    @kleybook 4 месяца назад

    really helpful!

  • @johnjohnson3681
    @johnjohnson3681 4 месяца назад

    waow

  • @gamesthatiplay9083
    @gamesthatiplay9083 4 месяца назад

    At this point, 2D in general feels like shovelware.

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      In my opinion, I have to agree with you for the most part which is why I'm trying to help it a little bit, but if you are interested I do have some videos about creating high quality 3D assets for indie games coming if that interest you.

  • @Noccai
    @Noccai 4 месяца назад

    Awesome video

  • @tomasfiorentini4126
    @tomasfiorentini4126 4 месяца назад

    That's neat. I got acostumed to 3d engines calculating normals for me, having to paint them myself kinda bends my mind a little. For the color I suppose I could use a 3d vector and what color it gets as I rotate it.

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      Same, I am used to using 3D engines and Substance Painter 3d for normal maps, so doing it by hand especially for pixel art was interesting. It definitely gives me more appreciation for all automation that 3D engines do.

  • @CyanFlake
    @CyanFlake 4 месяца назад

    How would you do this for animated sprites? Or even 2d animated png style animated objects/characters such as in Cult of Lamb?

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      I'll try to include this in the next video, but you would need to create a normal for each frame of the animated sprite - other people have mentioned that there are automated normal map creators, but I haven't tested any out to say I'd they work well.

  • @LaynaStambaugh
    @LaynaStambaugh 4 месяца назад

    "Those complexities don't really matter unless you're programming a rendering engine" Or making a custom shader, which many 2D games could do for stylization effects Or changing the way lighting works from the native default, which may lead to unexpected behavior if you don't know how normal maps work Also, not describing how they work to at least some baseline degree of specificity gimps the viewer out of learning how POWERFUL normal maps are. You DON'T have to use them just for lighting, depending on the nature of your game they could be use for many unique and interesting purposes. They're a great thing to check out in more detail- *gets blown up by the anti-intellectual bomb at **1:14*

  • @lukabrasi001
    @lukabrasi001 4 месяца назад

    i'd say do a mix of both, pixel art with HEAVY normal maps look very jarring and contrasty, your first example of your sword is the worst offender. average out the normal levels so that the sprite reacts to the light, but doesn't self shadow so harshly

  • @OriFunTime
    @OriFunTime 4 месяца назад

    Thanks for the simple tutorial, it really helped me!

  • @Cnastret
    @Cnastret 4 месяца назад

    Cool. I have actually never seen normal maps used for 2D games

  • @davidbarkhausen7739
    @davidbarkhausen7739 4 месяца назад

    can this be done with sprite3D?

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      Sorry for the late response, I do not have much experience with the Godot 3D systems as I mostly use Unreal, but it does seem like this should work for sprite 3D, as long as you can set the texture to canvas texture, and then plug in a sprite for diffuse and the normal map in the normal map slot. I will showcase this in in the next video.

  • @lunastifaliamusic
    @lunastifaliamusic 4 месяца назад

    Is there any way I could use that point light texture? Trying to make my character, Morver, look 3D but I don't exactly have a point light texture (and aseprite doesn't have a clear gradient option for whatever reason). (I'm using RPG Maker, but decided to use Godot for testing purposes until I learn to do proper coding and port my game into it)

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      Yeah, I put my email in the description, if you shoot me an email then I can send you the light sprite. I'll send you the one that I used in the video and also a slightly higher resolution one.

  • @CathodeRayKobold
    @CathodeRayKobold 4 месяца назад

    I tried normal maps on pixel art once, but without the skill to make a custom lighting engine it looked terrible. The problem is my style of pixel character art needs smooth normals and a small number of discrete shadow tones, which are both hard to achieve by hand.

  • @AstroTechGuy
    @AstroTechGuy 4 месяца назад

    There is also a tool named laigter, which can be helpful for normal-maps. Not perfect, but worth trying out.

    • @hiiambarney4489
      @hiiambarney4489 3 месяца назад

      Not worth the time. You will make more tangible progress learning to draw the normal maps per hand (not only for better normals but also in general, thinking about shapes and depth is a big biiig thing in art) The only way such a tool could theoretically work is if you have your texture and somewhat 3d model the rough shapes outward from the texture. This way a very accurate texture could be projected onto the base sprite. To my knowledge, nobody has attempted such a thing.

  • @purplelord8531
    @purplelord8531 4 месяца назад

    what happens when the sprite rotates? thanks!

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      The lighting on the sprite will still be dynamic even if the light is stationary, so similar to what you see in the video, but if the sprite was rotated instead of the light being moved. You can kind of see it at at the 6:30 timestamp onwards. Whenever I release a second video Ill try to catch it better.

    • @purplelord8531
      @purplelord8531 4 месяца назад

      @@BleedingTroll that makes sense that it still updates, but the directions in the normal map are kind of confusing. does the engine 'read' the normal map depending on the rotation, or do the colors not correspond to a fixed direction?

  • @chaosmachines934
    @chaosmachines934 4 месяца назад

    there are free software who can just convert an image into a normal map

    • @MrOnosa
      @MrOnosa 4 месяца назад

      What are they

  • @Ralke1
    @Ralke1 4 месяца назад

    a very cool tip.

  • @tjazpirnar
    @tjazpirnar 4 месяца назад

    Materialize - by Bounding Box Software. You're welcome

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      @tjazpirnar ill give it a try and give an opinion on it in the more in depth video. Looking at their website it seems interesting, though we'll see how we'll it works with pixel art.

  • @clumsygiant_
    @clumsygiant_ 4 месяца назад

    You still working on this? Looking forward to the next one :)

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      Yeah, I actually have been working on it a bit since the last dev log but have been a little bit busy with too many other projects, but I'm back on the Dragon Tomb train, hoping to release the next dev log soon.

    • @clumsygiant_
      @clumsygiant_ 4 месяца назад

      @@BleedingTroll Thanks for the reply. Can't wait :)

  • @FortbloxNET
    @FortbloxNET 4 месяца назад

    But…. Do you then draw the sprite normal like always with shading or without shading? Because if you shade a sprite and then additionally make some 3dish light on top. That will add additional shading to the sprite which wasn’t maybe intended before by the artist…. Do you understand what I mean?

    • @FortbloxNET
      @FortbloxNET 4 месяца назад

      Yeah and…. You shade on object like for example the light is fixed from one side…. But now you put normal maps and the light comes from any direction but the sprite has already it’s shade… it would like weird?

    • @adora_was_taken
      @adora_was_taken 4 месяца назад

      generally with this you'd just want to draw some neutral detail shading, no directional lighting.

  • @fly7188
    @fly7188 4 месяца назад

    a normal map "maps" normals! Its that simple! A normal is a vector which is perpendicular to a plane. Its use in lighting is to signal to the renderer which direction a face is well, facing. In its most simple form the normals match the faces of the rendered object's geometry exactly, but often you want to make a mathematically flat face look less flat and thus a normal map can create more complex normal arrangements to simulate things like texture and bumps on the rendered objects surface. It gets a bit confusing in 2D because generally there is no need for a normal map at all, but taking advantage of how modern engines do 2D you can still leverage the lighting system, and thus normals even in 2D. This is not something I would have thought of, but I normally do 3D anyway. Cool video and technique though.

  • @raidev_
    @raidev_ 4 месяца назад

    This looks pretty cool, but I can't imagine doing this for every single animation frame on my characters

    • @BleedingTroll
      @BleedingTroll 4 месяца назад

      @raidev_ Yeah, there are automated solutions but I don't really use them for 2D pixel art so it remains to be seen how useful it'll be for animations. I'll test it out in my next video and hopefully it'll be a viable option for you if it's something you'd like to do but don't have the time for.

  • @ViktorSarge
    @ViktorSarge 4 месяца назад

    A quick look into it like this was perfect. I was using lights and was annoyed with how it affected the sprites looked. This makes it easier to know what to research and try out further.

  • @ZB_95
    @ZB_95 4 месяца назад

    very cool, +1 new sub