Dynamic 3D Pixel Art Particle Lighting

Поділитися
Вставка
  • Опубліковано 29 січ 2021
  • Date of Recording: 2021-01-30
    Bit more work on lighting this week, including a sneak peek at the in-engine components. A quick and dirty light volume shader uses the existing depthnormals pass I'm rendering to compute some pixel-art appropriate approximation of deferred lighting without having to re-render any geometry the way Unity's default forward rendering pipeline does, allowing for a lot more lights in scene without too much overhead. Just for fun, I also implemented a screenspace shadow option which raymarches the depth map. It may be useful for creating pixel-accurate contact shadows at higher light eccentricities.
    In the future, I will likely move the entire engine over to a fully deferred pipeline, but this is not a priority for now.
    music: lofi hip hop to [chill/dance/study/relax/rage/party/sleep] to by Virtual Boy is licensed under a Creative Commons License.
    / lofi-hip-hop-to-chilld...

КОМЕНТАРІ • 127

  • @leobottaro
    @leobottaro 3 роки тому +398

    remind us to buy your game when it comes out!

    • @rapidreaders7741
      @rapidreaders7741 3 роки тому +54

      Just the game? Bruh, I'm even willing to pay monthly for the engine itself.

    • @juk98765
      @juk98765 3 роки тому +6

      @@rapidreaders7741 I think it's unity.

    • @bububaba2457
      @bububaba2457 3 роки тому +41

      @@juk98765 Yeah, but the render pipeline is custom.

  • @alaslipknot
    @alaslipknot 3 роки тому +174

    the tech you have in this game is amazing, the amount of details that can be done and then look like prefect pixel art is mind-blowing!

  • @clemguitarechal
    @clemguitarechal 3 роки тому +22

    I just started Unity, and I was doing smthg like that but for 2D pixelart.
    What you came up with is truly impressive, and i kinda have an idea of what you're doing in ShaderGraph.
    The results and the controls you give to the user is really phenomenal.
    Great job !

  • @faycalbenlarbidelai5586
    @faycalbenlarbidelai5586 3 роки тому +45

    ok that's straight up magic

  • @yorbenotten6290
    @yorbenotten6290 2 роки тому +1

    This has to be one of the most beautiful things I've ever seen. Thank you!

  • @thennoth2860
    @thennoth2860 3 роки тому +13

    This is the coolest project I've ever seen in unity

  • @EyedMoon
    @EyedMoon 3 роки тому +13

    Man it's so cool seing the scene come to life

  • @__leftistVegan
    @__leftistVegan 3 роки тому +3

    The effect looks gorgeous! the whole scene looks to tranquil.

  • @nitefall6602
    @nitefall6602 3 роки тому +3

    This just popped up in my recommended and I absolutely love it-

  • @sigitsatriap6505
    @sigitsatriap6505 3 роки тому +1

    seriously its beautiful , really like the style , subscribed !

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

    dude this is awesome in so many levels

  • @ThibsWorkshop
    @ThibsWorkshop 3 роки тому +5

    This is very inspiring! I'm making a 3d game engine, and I'll definitely keep your artstyle and the fireflies in mind.

  • @cerulean22b69
    @cerulean22b69 3 роки тому +9

    This is eye candy and inspiration for me. Definitely gotta check out your game when it's out!

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

    thats amazing! your own deferred lighting in a sense...
    you really create some nice visuals here!

  • @EagleTopGaming
    @EagleTopGaming 3 роки тому +1

    That is gorgeous.

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

    This is truly incredible! Maybe u should do a full-on detailed tutorial on all the aspects of the scene (the art, the light, the interaction between the art and light).

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

    This Style Is Wonderful

  • @thatsmaik
    @thatsmaik 3 роки тому

    This is insane! I love it

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

    Very cool shader / setup. I'd love to see more on how you achieved this effect.

  • @eboatwright_
    @eboatwright_ 2 роки тому

    This is amazing! I love this!

  • @subbu6572
    @subbu6572 3 роки тому +1

    really nice. thanks for showing some of your process.

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

    That looks amazing. 👏

  • @TheCobyRandal
    @TheCobyRandal 3 роки тому +1

    That is really beautiful. Thanks for sharing! Subscribed.

  • @machelul
    @machelul 3 роки тому +1

    Looks really unique.

  • @Daniel-vx5vc
    @Daniel-vx5vc 3 роки тому +2

    Excellent work, and I enjoyed the explanation. The scene reminded me of Breath of the Wild. Keep up the good work dude. :)

  • @alternativedev2618
    @alternativedev2618 3 роки тому

    That is soo sick man i love it

  • @xbaneet3969
    @xbaneet3969 2 роки тому

    how come i havent seen this before this looks so good man!

  • @vitormatos7483
    @vitormatos7483 3 роки тому +1

    You gave me ideas about the fireflies. Nice video.

  • @EduardoSilva-fj2xf
    @EduardoSilva-fj2xf 2 роки тому

    Holy s***, this is gorgeous.

  • @MrMahokai
    @MrMahokai 3 роки тому +1

    a dream, thanks for sharing with us

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

    dude this is perfection!!! i just imagine a mmorpg with this engine!!!!! would be glorious!!!! a real success!!!!

  • @ruuben816
    @ruuben816 3 роки тому

    i'm in love with this

  • @noiJadisCailleach
    @noiJadisCailleach 3 роки тому +1

    Looking good, sir!
    God, i wish i could get my hands on it, soon!!

  • @jadefae
    @jadefae 3 роки тому

    Oh that's beautiful

  • @micoromico
    @micoromico 3 роки тому +1

    Super awesome

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

    It’s fantastic.

  • @luca__3044
    @luca__3044 2 роки тому

    So good looking :O

  • @EricDaily
    @EricDaily 3 роки тому

    So friggin cool

  • @crypticrunner1200
    @crypticrunner1200 3 роки тому +3

    you're underrated

  • @LuanaSantos-rl4sb
    @LuanaSantos-rl4sb 3 роки тому

    I'm amazed

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

    you're awesome man

  • @user-kd3wp3ip6h
    @user-kd3wp3ip6h 2 роки тому

    it's wonderful...

  • @adamnagy2135
    @adamnagy2135 3 роки тому +1

    Awesome

  • @isobelshasha2095
    @isobelshasha2095 3 роки тому +6

    this is gorgeous and i am dying to know how the edge detection works to give you such great clean 1-pixel lines

    • @t3ssel8r
      @t3ssel8r  3 роки тому +7

      yes, it's tricky isn't it? for external outlines, it's a matter of checking if the depth of neighbouring pixels are further than the depth of the current pixel extrapolated by the screenspace normal. Internal edges are just black magic I'm afraid.

  • @HargMentor
    @HargMentor 2 роки тому

    I need this shader / engine in my life

  • @MrHavoc313
    @MrHavoc313 2 роки тому

    such a beautiful game wow

  • @abrahamordonezzarco785
    @abrahamordonezzarco785 3 роки тому +1

    I see a retro revolution coming..!!! I also would love to see how a character would look.

    • @t3ssel8r
      @t3ssel8r  3 роки тому +1

      there's a tiny amout of character animation in the latest video, but I'll probably make a dedicated video about it once I get it worked out better.

    • @abrahamordonezzarco785
      @abrahamordonezzarco785 3 роки тому

      @@t3ssel8r awesoooome I will have a look to them.

  • @TheAmnezium
    @TheAmnezium 3 роки тому

    nice 1 bro

  • @maricorp.449
    @maricorp.449 3 роки тому

    YOURE INSANE

  • @MarkFaasen
    @MarkFaasen 2 роки тому

    Wow this is truly amazing, big props for your work! I wonder how did you get the stones outlines (I've seen it in other videos of yours too), may you give us a hint?

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

    I've always thought about making a system for 2d pixel art games where a person could make an "invisible" 3d model that the player never sees, but maps to 2d models, such that when lighting changes on the 3d model it's reflected in a change in colour on the 2d character model, say, and the "2d" character model could also still cast shadows and interact with a 3d world.

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

    This looks amazing!
    Is it ok for you to tell how you made the light shafts?

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

    looking great! I am wondering how does light effect created from just material? I know deferred rendering supports multiple lights, but does it need point lights?

  • @viniciusreis7308
    @viniciusreis7308 3 роки тому

    OMG take my moneyyyyyy!!!! i need it on a game!!!

  • @Kitsune910
    @Kitsune910 3 роки тому

    I am loving these videos. Would it be possible to try out a different angle rather than the isometric look down? Maybe something level with the ground?

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      hm.. I think it could work with some tweaks, but my game is isometric so I haven't worked on other views very much.

  • @kaldrax1
    @kaldrax1 3 роки тому +1

    This is very cool work. Well done! I'm curious on how you got the highlighted edge effect. Are you sampling the normals in the surrounding pixels?

    • @t3ssel8r
      @t3ssel8r  3 роки тому +2

      yup. depth and normals

  • @pauloraposo8674
    @pauloraposo8674 3 роки тому +1

    I'd love to see a Cyberpunk game with graphics like this

    • @t3ssel8r
      @t3ssel8r  3 роки тому +2

      something like The Last Night?

  • @AdventureMase
    @AdventureMase 2 роки тому

    You are literally 7 parallel universes ahead of everyone else

  • @macklbabyy
    @macklbabyy 3 роки тому +1

    just watching these videos makes me wish i could play the game already
    also what's going to be the name of the game and what platform is it going to come out on

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

    Do you plan on making a tutorial on how you made this beautiful shade or will it be kept secret forever

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

    If you don't mind me asking, how performant is this art style? I was looking for an art style that had very minimal burden on the PC and this seems like it.

  • @Styrwirld
    @Styrwirld 13 днів тому

    Hey looks great! How is the fps count when running all these lights?

  • @Th1s1sMyAcc0untNam3
    @Th1s1sMyAcc0untNam3 3 роки тому +77

    This shader would look great with dithering. The hard round edges from color banding around the lights as intensity falls off, tend to distract the eye. Dithering blends the bands without losing the pixel art aesthetic. You can tweak the scale of the dithering noise map to balance the smoothness/graininess. The devs of INSIDE did a pretty okay talk during GDC on how they used dithering in their pipeline (although it's not deferred, but the method itself is universal): ua-cam.com/video/RdN06E6Xn9E/v-deo.html

    • @t3ssel8r
      @t3ssel8r  3 роки тому +41

      good idea, and thanks for the link! I think will experiment with this when I get back to working on point lights (I broke it since publishing this video haha)

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

      i didnt know thom yorke from radiohead was also a game dev

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

      @@ramelo07 lmao

  • @TheNaruciak11
    @TheNaruciak11 3 роки тому

    Hello. I would like to ask, is this a shader that renders every object you put in unity, or are those textures? If yes, would you like to share materials that you used on creating this shader?

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

    🤯

  • @arthurgama3985
    @arthurgama3985 2 роки тому

    thaks

  • @Mobilecat1
    @Mobilecat1 2 роки тому

    Please make more videos from start to finish process of a complete video game

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

    is this shader available for download? I love it

  • @Arda-bj4ku
    @Arda-bj4ku 3 роки тому

    Are you planning to publish these things on the asset store?

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

    Woulld love to play this game. Any idea on a release date?

  • @user-jy1uo1hl2d
    @user-jy1uo1hl2d 3 роки тому

    Can this unitU rendering be authorized? I can pay for the authorization. I'm an independent game developer. I want to make a pixel game recently, but I can't draw pixel material myself. But I'll model with C4D. So your plan just perfectly solved my dilemma.

  • @yer6900
    @yer6900 3 роки тому +12

    bro u should do an in depth tutorial your shits insane

  • @euriherasme
    @euriherasme 3 роки тому +1

    THIS IS MIND BLOWING, WOW. Could you give a hint as to how you achieve the pixel effect and how do you create the grass?.
    Subscribe for life, super awesome work!!!

    • @t3ssel8r
      @t3ssel8r  3 роки тому +3

      thanks, the grass is just billboard sprites shaded the same as the terrain it sits on. the pixel effect is somewhat more complicated to make/explain

    • @euriherasme
      @euriherasme 3 роки тому

      @@t3ssel8r Do you instance those billboards at runtime (with unity particle system, maybe?)? And do you also use those billboards for the tree leaves? I suppose the lighting information is calculated via a shader, right?. Sorry for the questions I am really impressed.
      Don't worry about the pixel shader part, I will just enjoy the ride, and if you ever have time, I would love to see an explanation about how it works, even if it is a superficial one. And again, super awesome work!

    • @t3ssel8r
      @t3ssel8r  3 роки тому +3

      no worries. the grass is just unity's terrain grass system, and the tree leaves are handled very similarly. both have custom shaders.

    • @ivanneves3469
      @ivanneves3469 3 роки тому +1

      @@t3ssel8r Would you share the source code for this project, or elaborate more on how you achieve this pixel-perfect look? That's really impressive stuff my dude.

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

    Are you using the stencil buffer for this?

  • @JediMediator
    @JediMediator 3 роки тому

    I don't understand what I'm seeing, but I sure wish I had it.

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

    This gives Minecraft dungeons vibes

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

    LET HIM COOK

  • @supasithim2304
    @supasithim2304 2 роки тому

    you use programe do 3D Pixel Art ?

  • @user-cb3cr6on3j
    @user-cb3cr6on3j 3 роки тому +4

    Hello. I fell in love with your work and started an unreal engine. (My Dream is you lol)
    I tried the pixel shader, but it feels different from yours. Do you have any advice for me? (academic journals, blogs... etc)
    Thank you for making my heart beat. I always cheer for you.

    • @t3ssel8r
      @t3ssel8r  3 роки тому +1

      thank you, I primarily consulted actual artworks and trying to imitate their techniques. You might get some inspiration from Jasper's videos such as this one ua-cam.com/video/mnxs6CR6Zrk/v-deo.html

    • @user-cb3cr6on3j
      @user-cb3cr6on3j 3 роки тому +1

      @@t3ssel8r Thank you so much for your quick reply. I'll let you know if there's any progress in my work.

  • @neumuellerpatrick
    @neumuellerpatrick 3 роки тому

    are u using the scriptable render pipeline? or the legacy/builtin one?
    Awesome job btw :> I will make sure to buy this game its a inspiration

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      thanks, I think at this point I was still using command buffers over the builtin RP, but I switched to SRP afterward to avoid fighting with the engine all the time.

    • @neumuellerpatrick
      @neumuellerpatrick 3 роки тому

      @@t3ssel8r did you stumble over any performance penalties with SRP?

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      it was slightly faster actually, maybe due to SRP batching.

    • @t3ssel8r
      @t3ssel8r  2 роки тому

      it's based on catlike coding's tutorial series but yes, it's not URP or anything like that.

  • @loekTheDreamer
    @loekTheDreamer 2 роки тому

    please teach us how to make this awesome shader... :P

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

    you have an course or something like this, i whant to learn more about game dev

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

    what is the engine you use ?

  • @Klinker195
    @Klinker195 3 роки тому

    @t3ssel8r Hi dude! I'm a Computer Science student and I think your work is absolutely stunning. I'm looking forward to start game developing but I feel I know too little of how an actual game engine like Unity works. I wanted to ask you for advice: what should I look into to get your proficiences? Are there any university classes that are well related with the topics you encounter in game developement? Thank you in advance for your time

    • @t3ssel8r
      @t3ssel8r  3 роки тому +2

      analysis/geometry are probably the most useful subjects. maybe topology, image processing, or graphics if you are getting into the weeds. Other than that, just start experimenting, I think. there's no substitute for experience.

    • @Klinker195
      @Klinker195 3 роки тому

      Thank you so much! ❤️

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

    teeeeeeeeeeach mee!!!! :()

  • @ConchStreetStories
    @ConchStreetStories 3 роки тому

    can i ask what are your plans with this project?

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      I am working on a action/rpg game. mostly showcasing the engine for now.

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

    what kind of game engine is this?

  • @diligencehumility6971
    @diligencehumility6971 3 роки тому

    Please teach us how to do this

  • @Stardusk.
    @Stardusk. Рік тому

    Action terms in the recovery of a man's wounds before they deepen for scars sake.
    Words never align for action.
    Our actions decide what we both feel while speaking.
    Educating is an action to teach.
    Studying is an action to feel later.
    Thanks for making this video.
    Bye till later.

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

    pixel light.

  • @floor3439
    @floor3439 3 роки тому

    How do you get it’ll look like that like the pixels not the lights

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      mostly rendering with low resolution, limited colors, and edge detection. just imagine what a pixel artist would do and try to write code to mimic it.

    • @floor3439
      @floor3439 3 роки тому

      @@t3ssel8r ok

  • @slothsarecool
    @slothsarecool 3 роки тому

    This looks great! I’m curious if you would be interested in funding at all, I’m liking the direction so far

    • @t3ssel8r
      @t3ssel8r  3 роки тому +1

      thanks, I'm not currently looking for funding as I am just working in my spare time without obligation at the moment, but this is open to change in the future as development picks up.

  • @JoaoPedro-rv6ig
    @JoaoPedro-rv6ig 3 роки тому +6

    can you make a video teaching how you do it pls :D

    • @DaniMiranda3456
      @DaniMiranda3456 3 роки тому

      that's right broh

    • @bestieswithtesties
      @bestieswithtesties 3 роки тому +1

      That's like asking a rocket scientist to make a video teaching you how to make a rocket. You can't just cram many years of education and complex complicated work into a cute little video tutorial.

  • @DrPotatoPerson
    @DrPotatoPerson 3 роки тому +1

    I am so mad that I can't do this. I'm gonna hide away in a frozen volcano for 5 years until I figure it out.

    • @redmist4963
      @redmist4963 3 роки тому

      Sign me up too. We may come with a solution together.

  • @CathodeRayKobold
    @CathodeRayKobold 3 роки тому +1

    This completely defeats the illusion that it's pixel art though. Your other dynamic lighting effects are much more subtle, or are helped by the static nature of the light's position; I think you should intentionally downgrade your graphics in the case of moving lights.

    • @t3ssel8r
      @t3ssel8r  3 роки тому

      good point. I think probably I was a bit overzealous for the sake of demoing the tech.