Recreating Splatoon's Ink System | Mix and Jam

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 296

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

    Hey y'all! Thanks for watching! ♥
    Don't forget to check out the complementary video from TNTC! 👉 ua-cam.com/video/YUWfHX_ZNCw/v-deo.html

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

      it's all nice but i always strugle to convert the custom shaders into hdrp any chance to do a video how to convert the shaders into hdrp

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

      I'm wanting to get into making games.
      I'm using Godot and I was wondering if you could make a video using Godot or comparing Unity, Unreal, Godot or any other engines you know of.

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

      Love the videos, came from reddit.
      Please could you look at Reinhardt's shield mechanic, switching from 1st to 3rd person in overwatch?

  • @CodeMonkeyUnity
    @CodeMonkeyUnity 3 роки тому +287

    Thanks for explaining the thought process behind the shader effect, it looks awesome!

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

      Woah, the legend itself code monkey

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

      @@difanaufalpratama8765 yesss!!!

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

      legend

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

      hello code monkey i am your subscriber and i request you to make level editor for hyper casual game like stackball (casual azur games) i have started gamdev jerney but i am still stuck at this thought that how can i mange to create almost more than 1000 levels only in single scene? how does they do it please help me.

  • @TNTCProject
    @TNTCProject 3 роки тому +92

    Thanks André we really enjoyed working on this project with you!

  • @ShimiiyDev
    @ShimiiyDev 3 роки тому +151

    Come to think of it, how did the Splatoon devs implement the ink swimming mechanic? 🤔
    I'm guessing there's some challenges to do that, like how to determine where can you swim in an optimized manner or etc...

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

      This video of Dan from new frame plus explains a big part of the animation transitions well
      ua-cam.com/video/-oMTHqC5GxI/v-deo.html

    • @epicredhot5675
      @epicredhot5675 3 роки тому +28

      I think OP was referring to the "what is and isn't an inked surface" logic, not the animation.

    • @euden_yt
      @euden_yt 3 роки тому +29

      Since you are modifying the texture of the ground. You can ray cast to sample the texture at that point and get the color of it. Black is ground, white is painted.
      If someone has another idea post it here.

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

      @@euden_yt Does that handle colors of the environment correctly? And places where the surface is obscured by obstacles in front of the camera?
      I’m a developer but have no knowledge in game development. For my kind of work I would think I need the data model to keep track of painted areas for swimming and scoring at the end, but I guess that would be computationally expensive for a game.

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

      @@cyrfung The environment colours have nothing to do with it. The splat map and the environment textures are separate, and you only sample from the former in this case. This effect is not screen space based so it will work totally fine without the camera looking at the relevant area.

  • @Blackthornprod
    @Blackthornprod 3 роки тому +60

    What a great video! Very satisfying ink effect - it's pure game juice!

  • @durururururururu
    @durururururururu 3 роки тому +102

    When the world needed him the most, HE RETURNED!!!!!

  • @Hugop_arts
    @Hugop_arts 3 роки тому +14

    I freaking love how you used photoshop adjustment layers as a way to "prototype" the shadergraph interactions. Simply brilliant, def adding that approach to my repertoire

  • @toxiquid
    @toxiquid 3 роки тому +20

    its been 3000 years... welcome back, my guy!

  • @Spyrai
    @Spyrai 3 роки тому +19

    If you ever do the ink swimming system, it would be funny to have Jammo turn into a little submarine, lol

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

    You won't believe what I was searching for all over the internet just a few days ago. Thanks a lot!

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

      There's actually a lot of resources on this already. His way of describing it is simple and understandable. But I found guides or overviews of what to do a couple years ago when I first picked up splatoon and wanted to make it for pc. Still just above my head tho

  • @michael4numbers
    @michael4numbers 3 роки тому +18

    Hey mom, I want Splatoon 3
    We have splatoon 3 at home.
    Splatoon 3 at home:
    Seriously though good job!

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

    Nice job! The blurring and levels adjustment to get the blobs was very clever. Next step: calculating all the area that the paint is covering! I'm curious how Splatoon devs implemented that part.

  • @nyuppo
    @nyuppo 3 роки тому +11

    One of my favourite channels, glad to see you at it again 👍

  • @artsyomni
    @artsyomni 3 роки тому +57

    Nobody:
    Not one single heckin’ soul in the entire known universe:
    Me: Jammo’s shoulders are looking nice.

    • @artsyomni
      @artsyomni 3 роки тому +27

      I hate this comment format so much. =P

    • @mixandjam
      @mixandjam  3 роки тому +15

      This comment is perfect LOL
      Just for context - Omni actually created Jammo! 👉ua-cam.com/video/jKErxSUx54Q/v-deo.html

    • @artsyomni
      @artsyomni 3 роки тому +10

      @@mixandjam haha, well it was a team effort. And for a little more context, we needed to do a fix to his shoulders because the original version had some questionable vertex weights and it was especially apparent with the pose for the gun. Other people will be able to benefit from the change as well once the update goes out. =D

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

      @@artsyomni i also hate the comment format, luv you tho

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

      @@mixandjam i request you to make level editor for hyper casual game like stackball (casual azur games) i have started gamdev journey but i am still stuck at this thought that how can i mange to create almost more than 1000 levels only in single scene? how does they do it please help me.sorry for the bad english.

  • @reversible8740
    @reversible8740 3 роки тому +20

    He’s back!

    • @no-tc3mt
      @no-tc3mt 3 роки тому

      He ain't never leave tho

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

    Hey bud, I've been fully into gamedev for 2 years now and things were starting to feel very stale - I have to tell you I'm lucky I found out about your channel just today. It has been a huge refreshment and very inspiring to see such popular mechanics being replicated in a relatively simple way, keep doing what you're doing :)

  • @ocha5110
    @ocha5110 3 роки тому +4

    I really appreciate the research that you have done. it's always really cool to see how certain mechanic works

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

    I learn a lot with these videos. I love how you show the whole process of coming up with a solution to make an AAA game feature and the issues that show up in the way. Also: web-swinging 👀.

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

    This is so cool dude. Good job to everyone involved. Been enjoying a lot of splatoon 3 since it dropped in september, so this was really great to see.

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

    He finally remembered his UA-cam password

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

    4:33 - Ah yes, the old: "just blur it and then apply levels" trick known to so many substance designer artists, a real life saver!

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

    I think I asked for this a while back! Glad to see you finally do it! This is the best most authentic tutorial for this system!

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

    Yo this is awesome! What a triumphant return! It's always so cool to see how you are able to pool experience and knowledge with other talented developers. There is a lot of creativity on display here. I do wish it was a little more on display though as much of the results of your had work is obscured by the player character and the splash effect when in third person. It may be nice to move the target point higher above the character, like in Splatoon. I noticed that in Splatoon the arch of the paint is high enough over the character that you can clearly track where it is traveling. In your recreation it is a little harder to track, and more importantly, harder to fully take in the technical artistry that you and your friends came up with. Compare the gameplay at 0:47 and 0:53 with 6:54. You can see in the former it is a lot easier to see where the paint is traveling and take in the post processing effects in the first clips. But, again, excellent work all around. Thanks for sharing so many interesting techniques!

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

    Blurring the spheres and adjusting the levels was quite amazing

  • @alexanderst.7993
    @alexanderst.7993 3 роки тому +7

    ngl i haven't even played the game, this looks so interesting!

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

      It's a fun game. The ink and mesh painting part have been done by many other videos. What hasn't been done is making the gameplay where you detect opposing team ink percentage or paint another character or make the ink look as good as Nintendo got it to.

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

    The consistent quality of your content is amazing! Now trying to figure out where I can squeeze metaballs into my projects! XD

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

    Finally~
    been waiting for this series, especially with splatoon

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

    This is awesone. The process of how you came about how to blend the shapes together is interesting.
    It might be slightly large-scale for this channel, but can you consider doing a video on God Eater's bullet editing system? It basically allows the player to edit together and tweak chains of particle systems.

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

    The wait was well worth it, welcome back!

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

    I've been waiting for this for so long! This is really cool! I thought this was going to be extremely complicated, but this is still leagues above how complex I imagined.

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

    I’m really thinking of how a combination of all of your projects would look- to be fair, remastering some older projects with Jammo would also be great!

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

    I was just wondering where you disappeared to. Glad you're still around!

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

    Looks awesome, great solution on how to solve the fake volumetric question, well done! The cake is a lie

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

    no way man I've been thinking about this in my head for the past few days and now I see a video on it wow. does google have access to my head??

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

    This was fantastic. I was wondering how to make the paint appear on textures for months. I knew projecting images for each bullet wouldn’t work because it would be way too inefficient. Great work!

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

    Thank you so much for this video and for git project, this project is so helpful for me❤

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

    This is definitely my favorite youtube channel.

  • @mafiapenguin007
    @mafiapenguin007 3 роки тому +4

    I would love to see your take on some of the mechanics from Astro Playroom!

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

    Great video! I saw a few assets that had this affect and always wondered what went on behind the scenes

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

    This was the one video I most wanted. Thanks a lot!!!!!

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

    Amazing effect

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

    It's been a while since I saw one of your videos, I'm glad you uploaded again! :D

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

    Very awesome, thanks for sharing this, it's so interesting to see and helps a lot to improve my understanding of shaders and how they can be used to create some funky effects!

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

    Wow that turned out so well...

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

    Excellent video!
    It seems that the Splatoon ink droplets also decrease in length as they fly to give a sense of weight and elasticity. They start as elongated blobs and quickly snap into sphere-like shapes.

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

    This is so amazing! Congrats André and collaborators

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

    Wooo! new video!! Thanks for sharing the progress!

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

    Yes! I have been waiting for this for so long!

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

    Excellent recreation of the Splatoon ink! This was super interesting to hear how you achieved this.

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

    very cool . Good to see you back !

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

    i'd love to see an extension of this for swimming into the ink

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

    This channel is so underrated! 1 mil in the future! 👀

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

    The editing quality is increasing, keep up the good work
    Btw can you recreate atack on titan mechanic

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

    Your custom pass solution is simply awesome :O

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

    Welcome back. Good to see it

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

    I've always wondered how this worked! Thanks for this.

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

    i learn something new everytime a new video drops. fkn awesome stuff

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

    I’ve been wondering how do to something like this since I was little playing super mario sunshine! Thanks for this neat tutorial.

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

    Very nice and thorough thought process and troubleshooting!

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

    That fake volumetric particles bit is brilliant!

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

    At first, I read “Making metaballs” as “Making meatballs”

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

      *we're in Unity not ikea*

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

    I just discovered the channel, I love it!
    I'm new to unity but I can already create a lot, I hope to one day reach your level!

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

    Did such a good job on this that even UA-cam thinks this is actually Splatoon 3

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

    Next do that he can swim in the ink

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

    This was great! I remember attempting this on my own when I was feeling inspired by first discovering your channle a year or so ago, but I kinda failed at it lol... I'll have to download the git repo and check it out!

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

    Long time no see...
    I might never develop a game but watching this is way too much fun

  • @Kiran.KillStreak
    @Kiran.KillStreak 2 роки тому

    Great Effects and Efforts.

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

    Really good video! I'm working on an splatoon inspired game and this comes handy.

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

    This is one of your best. I love the detail you provide here, I can use this!

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

    Great Job my friend

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

    I swear i once requested this from you. Thank you so much

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

    Thanks so much! Sounds like it was a really complicated process. But this will give me a head start on something I'd like to attempt making. Again, thank you~

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

    i like how the automatic license thingy in the description put it as splatoon 3

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

    You're great. No, seriously and if you want to dismiss it cause some random dude on the internet said it please don't. You put a lot of effort into making your projects. You may not be the best in everything you do, but you actually do stuff. You do not just sit, you open Unity, YT Tutorials and make stuff. That level of patience and determination deserves a huge amount of respect

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

    Splatoon is such a fun shooter. Can't wait for Splatoon 3!!

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

    Speaking of Nintendo games, I've been playing Smash and would love to see a recreation of Terry Bogard's 'Buster Wolf' and 'Power Geyser'. Love your stuff.

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

    100 love this content. I would LOVE to see something like the final fantasy tactics movement / facing mechanics.

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

    This looks absolutely amazing! Great job everyone!

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

    amazing video as per usual. Love watching your channel keep up the awesome work :D

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

    he is back :)

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

    This is such an awesome channel!

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

    Yes I have been wanting this!!!

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

    Would love to see a Splatoon FPS game made with this!

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

    This'll be my favourite episode!
    (as you can see Im a spoon fan)

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

    I want to play splatoon again now... Let’s go!

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

    Thanks for the awesome videos!

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

    Awesome result! Very impressive!

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

    Welcome back!

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

    Nah man you're a legend it's just insane

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

    It turned out amazing!

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

    Yay he's back!

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

    best Series in youtube !

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

    Awesome performance !

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

    Wonderful video! I was wondering if you would ever try to recreate the scan visor from Metroid Prime 2, as I've never really seen it replicated.

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

    Huge amount of work!

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

    First dani now you, it’s a great day today

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

      All we need is to control splatoon with a banana controller now!

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

    YES A UPLOAD

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

    i feel the video didn't touch on the part i was most curious about, which is how the game knows what parts are inked your color, which parts are inked the opponent's color, and which parts aren't inked at all, and then uses this to both calculate scores and to let the player move in squid mode/take damage, and how it deals with inking different colors over one another

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

    It's so beatiful!

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

    Great job man!