Parallax Effect for 3D Pixel Art Engine

Поділитися
Вставка
  • Опубліковано 10 гру 2020
  • Date of Recording: 2020-12-11
    While an orthographic camera angled 30 degree downward is great for generating an isometric pixel-art effect, for scenes with a very large depth range (such as on top of a mountain), traditional 2D pixel art games often implement a fake parallax effect where background elements are scrolled more slowly than the foreground, sometimes on multiple layers.
    In a 3D game engine, this same effect can be achieved by cleverly blending between a real perspective camera for distant geometry and the orthographic camera for nearby geometry. When tuned appropriately, this automatically creates the multilayered parallax effect for distant objects, while maintaining crisp pixel positioning in the foreground. A depth-based fog helps tie the scene together.
    The biggest advantage of this technique is the ability to use real world geometry for the background elements, allowing for landmarks to be seen from high vantage points, making the world feel more open and explorable.

КОМЕНТАРІ • 34

  • @arz3nal
    @arz3nal 2 роки тому +116

    Wow, the realization of this 3D isometric style is brilliant! I always dreamed of an isometric art style in a fully 3D game, but had no idea how to technically do that. I'll be trying to play around with what you described to see if I can implement it myself. Fingers crossed!

  • @dirtyleon
    @dirtyleon 2 роки тому +29

    Me didn't read the title before 0:11 : So this is taking at least 4 layers, not bad..
    Me after 0:11: Oh my bloody it's not 2D?!

  • @wasinoorazam9420
    @wasinoorazam9420 2 роки тому +48

    I was developing a 2D RPG game until I saw your videos, now I'm inspired to learn 3D and start working on my game from scratch in 3D! Don't mind if I bug you every now and then when I need some advice, okay?
    Keep up the outstanding work.

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

      How’s the RPG coming along?

  • @legomotion77
    @legomotion77 3 роки тому +21

    Thanks for the description! This is super cool

  • @ThatMellon
    @ThatMellon 2 роки тому +11

    This project your working on looks absolutely breathtaking!
    I’m relatively new to game dev/code/art (7 months as of writing). I started out in game maker and dug into countless amounts of tutorial videos (mostly about sprite stacking). Obviously I really want to create a game haha, I knew I wanted pixel art but I also wanted a 3D look. Games made in gamemaker like “NIUM” seemed pretty groundbreaking a few months back but after running into a few beginner snags in the code, productivity and performance for the engine I was building; I decided to switch to unity due to its simpler 3D environment editor.
    Unity has some awesome tutorials out there and a great user base! Thanks to the efforts of people like yourself; I have a much greater idea of the what scale my project will be.
    I’m scared…
    Anyways if you’ve read this far, thanks for taking the time to read this comment, I can imagine with a project like this; time is one thing you probably don’t have much of! Good luck! Can’t wait to see what else comes out of this! Simply amazing!

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

    Now you're just showing off... (and I like it)

  • @monkeysfromvenus
    @monkeysfromvenus 3 роки тому +32

    Haha when the camera started rotating I audibly went, "What...?"
    This effect is awesome! Are the different projections used just determined by the distance of the geometry to the camera? I did notice a bit of artifacting towards the bottom of the screen at 0:14.
    Seriously though, this looks great, almost like magic really. I'd love to hear a bit more detailed of an explanation behind this effect like with the 2d screen space particles.

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

      it's 2 cameras with frustums that meet so the far clip of one matches the near clip of the other.

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

    MASSIVE! This project is inspiring.

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

    awesome character bro!

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

    Another/Out-of-this World vibes! Jaw dropping.

  • @852ECT
    @852ECT 2 роки тому

    This is so dope !

  • @ostov-larion
    @ostov-larion 3 роки тому +2

    that's too cool, man.

  • @TT-rl7pu
    @TT-rl7pu Рік тому

    Reminds me of Super Mario RPG, until the camera starts rotating, anyways. Very cool!

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

    This project looks soooo damn amazing!!!!! Is it possible to learn this power? T.T

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

    Are you looking to release this art engine as an asset/ game/ tutorial e.t.c. Lots of interesting stuff in here that would love some breakdowns for. great Content. Your stuff it top tier mate

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

      Especially for the grass Shaders

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

      Thanks, it is an experimental engine I am writing for a game I am working on.

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

      @@t3ssel8r You can confidently say "NO", we will understand if you don't want anyone to just copy your work.
      I'll try to understand myself, since I'm trying to do something similar, but I'm pretty much at bedrock level.
      I'd love some advice from you, since you have inspired me a lot. (If not, that's ok, my inspiration will still be there)

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

      @Arekka thanks, my hope with releasing the videos is to inspire others working on similar things. I don't mind people trying to replicate some of my work, I just don't have the resources to support them beyond answering some simple questions.

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

      @@t3ssel8r keep up! I'll be following your progress whilst I make mine.
      Sometimes I feel overwhelmed about how much things I'm trying to learn, so many that I can't even focus on just one...

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

    so are you blending the projection matrix itself?

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

      Interesting idea. I don't think the rasterizer would like doing this since the ndc is treated very differently in different projections, but I could be wrong. I'm just aligning frustums together with multiple cameras.

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

      @@t3ssel8r so you split the frustrum based on depth, and then when the two cameras align you rotate?

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

      @@t3ssel8r how do you handle the render target and all that? Can two cameras render to the same render target in unity without weird copy/clear etc actions? I ask because there was this legacy BuiltIn renderer “don’t clear” option, however, what happens with the render targets they are rendering to and following post processing effects (as one of them would have the PostProcess layer).
      Trialing and error this soon! Great ideas.

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

    Pixel-art DoF when

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

      I wonder what that would look like.. bigger pixels? lower detail textures? less detailed shading? it would probably have to be something artistic.

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

    Are you using unity?

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

      yeah

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

      @@t3ssel8r awesome 👍. And what 3d modelling software for character and environment and what technique did you used to make them pixelated??

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

    Runescape Deluxe

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

    TPoser Above The Sea Of Fog