Parallax Effect for 3D Pixel Art Engine

Рет қаралды 66,900

3 жыл бұрын

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 2 жыл бұрын

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!

@legomotion77 3 жыл бұрын

Thanks for the description! This is super cool

@dirtyleon 3 жыл бұрын

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 3 жыл бұрын

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 Жыл бұрын

How’s the RPG coming along?

@ThatMellon 2 жыл бұрын

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!

@alejmc Жыл бұрын

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

@fishingtrippy Жыл бұрын

MASSIVE! This project is inspiring.

@monkeysfromvenus 3 жыл бұрын

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 3 жыл бұрын

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

@dmitrysamoilov5989 3 жыл бұрын

awesome character bro!

@EricDaily 3 жыл бұрын

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

@852ECT 2 жыл бұрын

This is so dope !

@ostov-larion 3 жыл бұрын

that's too cool, man.

@TT-rl7pu Жыл бұрын

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

@superpixel1039 3 жыл бұрын

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 3 жыл бұрын

Especially for the grass Shaders

@t3ssel8r 3 жыл бұрын

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

@arekka4440 3 жыл бұрын

@@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 3 жыл бұрын

@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 3 жыл бұрын

@@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...

@SoulSync16 Жыл бұрын

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

@isobelshasha2095 3 жыл бұрын

so are you blending the projection matrix itself?

@t3ssel8r 3 жыл бұрын

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 3 жыл бұрын

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

@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.