3D pixel art in Godot 4

  Рет қаралды 36,903

David Holland

David Holland

Күн бұрын

Пікірлер: 60
@denovodavid
@denovodavid Жыл бұрын
Here's t3ssel8r's breakdown of his original scene: imgur.com/gallery/qwhbHQq
@iamahtic
@iamahtic Жыл бұрын
was it hard?
@t3ssel8r
@t3ssel8r Жыл бұрын
pretty convincing!
@denovodavid
@denovodavid Жыл бұрын
Thank you, sir! I hadn't seen anyone else do the elusive outer-edge highlights, so I thought I'd give it a shot. Looking forward to whatever you're working on :)
@marioroberti
@marioroberti Жыл бұрын
Love that glowy bloom light effect! so great!
@compasscrafting1147
@compasscrafting1147 Жыл бұрын
That's super cool, David. Thanks for linking your inspiration as well.
@nyuh
@nyuh Жыл бұрын
this is so cool !! id love to see a sort of tutorial on how to do this
@Voyageonyt
@Voyageonyt Жыл бұрын
Looking great! The metallic surfaces are visually cool and unique :)
@denovodavid
@denovodavid Жыл бұрын
Thanks! I've since moved to simple toon lighting, but it would be cool to bring some of the shiny stuff back :)
@calebpark7385
@calebpark7385 Жыл бұрын
just beautiful!
@blancfilms
@blancfilms Жыл бұрын
That looks really good!!
@denovodavid
@denovodavid Жыл бұрын
Thank you kindly :)
@maxkand18
@maxkand18 Жыл бұрын
Wow that's beautiful !
@ovientar
@ovientar Жыл бұрын
Yowzers, you really got something there
@jboadas
@jboadas Жыл бұрын
its amazing, thanks for sharing.
@KhrisGamin11
@KhrisGamin11 4 ай бұрын
Can you make a tutorial for this? It's so amazing!
@NathanielJamesProd
@NathanielJamesProd Жыл бұрын
This is great!
@yes-hh4mm
@yes-hh4mm Жыл бұрын
Nice, kinda reminds me of DS games
@andrewsneacker1256
@andrewsneacker1256 Жыл бұрын
Looks very cool!
@ShinSpiegel
@ShinSpiegel Жыл бұрын
That's freaking amazing, do you plan to release this code so other can pickup and test it?
@MassiveDestructionSP
@MassiveDestructionSP 19 күн бұрын
Been trying to do something like this in Godot (as a Godot beginner). Do you do multiple passes? If not, how do you access the depth and normals for the edge checks?
@Mark73
@Mark73 Жыл бұрын
I want a game like this
@espuks
@espuks 11 ай бұрын
This looks so cool! Any chance of a tutorial? I'm trying to make a game with this same style
@dmsys6516
@dmsys6516 9 ай бұрын
can we see a tutorial of exactly we can make it
@bud11_2
@bud11_2 Жыл бұрын
Looks super clean and nice. But I'd say the shadows kinda ruin it, they look soft and basic in comparison. I'd either crank up the shadow resolution or try implementing stencil shadows of some kind.
@victor2367
@victor2367 Жыл бұрын
Nice
@teshy2
@teshy2 Жыл бұрын
A dream start, right there! Amazing work. ✨ This is why I wish I wasn’t so, so bad at math and logics. Totally understand and respect your choice to not create a tutorial or spill the ”secret sauce”, but is there any chance you’ll make the shader availible as a paid asset or buyable plugin? For us indie devs who dream of quality pixel shaders, but are artists more so than programmers.
@denovodavid
@denovodavid Жыл бұрын
Thank you :) I don't have any plans for that at the moment, this is just a first test of the effect. I wouldn't release it as a paid asset for a few reasons; firstly, paid assets have to be of reasonable quality, have good UX, up-to-date documentation, and come with additional support expectations from customers; secondly, Godot doesn't have a commercial "Asset Store" akin to Unity or Unreal, they are working on setting one up, but that's at least a year away I'd imagine. Also, I want to use this effect in a game I'm prototyping, but eventually I would like to open source the whole thing if possible.
@frecio231
@frecio231 Жыл бұрын
​@@denovodavid you can always use gumroad 😅
@anurag9385
@anurag9385 Жыл бұрын
Looks great, will there be a tutorial?
@dominic_sanchez
@dominic_sanchez Жыл бұрын
I think this all looks great! The pillar on the right looks so similar to his work. How do you determine the color of the edges? I just use the pixels color as a base and brighten / darken it based on the light direction.
@denovodavid
@denovodavid Жыл бұрын
Thanks! I just now had a look at your stuff and the lighting and grass are so nice! I started on some grass but the shadows are all awful. Are you shading the grass billboards from their ground position? I've heard that's the way. For the outlines, I just use the classic depth and normal buffers approach. I studied these old breakdowns by t3ssel8r: imgur.com/gallery/qwhbHQq Then I adapted this Unity article to make pixel perfect edges and outlines in Godot engine: roystan.net/articles/outline-shader/ However, t3ssel8r only highlights (or darkens) the outer-edges. I won't divulge the black magic used to isolate those. I promise it's not an insane amount of code; the whole fragment shader for this video is ~50 lines. I had a lot of fun figuring it out and I'm sure you will too. Godspeed, Dominic Sanchez!
@dominic_sanchez
@dominic_sanchez Жыл бұрын
Thank you! And thanks for linking that article, I'm sure it will help. I'll try to figure it out once I get some free time but I've got an idea of how it will work. But for the shadows, you're 100% correct. I've heard that shading the grass that way is fairly difficult in Godot, has that changed at all since the new updates?
@denovodavid
@denovodavid Жыл бұрын
I don't think so. I don't have access to the shadow atlases in the shader, only attenuation per fragment, so I cannot calculate the shadowing at a manual position, sadly.
@da4dam416
@da4dam416 Жыл бұрын
Awesome work! Please fix the sphere in the centre, it has too many colours and just looks like a cropped down anti-aliased silver ball. Great work though, keep it up!
@tpbanimations
@tpbanimations Жыл бұрын
I can see pixels, its that they are not big enough
@jamieroland538
@jamieroland538 8 ай бұрын
tutorial?
@fading-sun-studios
@fading-sun-studios Жыл бұрын
I have seen 3d pixel art in unity and now in godot 4 but i never understood how could i do this in unreal engine
@scriptyshake
@scriptyshake Жыл бұрын
You can do this in the material graph in Unreal Engine! There's plenty of people who tackled that subject on youtube :)
@GregX999
@GregX999 Жыл бұрын
Looks amazing! Can you share your secret to those shadows? I was able to get a 3d pixel look similar to this, except my shadows look like crap - they're dithered, blurry, and have ugly step artifacts (using Godot 4).
@denovodavid
@denovodavid Жыл бұрын
Thanking you! For an orthogonal camera, the main thing is to set the *Far* plane wayyyy smaller than the default 4000m; I have mine on 50m and my camera positioned 20m away. You can also try tweaking the *Directional Shadow* and *Shadow* properties of your DirectionalLight3D. And finally, *Project Settings -> Rendering -> Lights and Shadows -> Directional Shadow* has options you can refine. Have fun!
@mauigamestudio
@mauigamestudio Жыл бұрын
I would love a tutorial on the specific settings for godot 4 for @t3ssl8r's tutorial. plz.
@alejandroaceytuno6164
@alejandroaceytuno6164 Жыл бұрын
Hi! Im trying to make this myself in unity, and im having so much fun doing it. And I finally reached the Hard part of the borders! I managed to get the depth and normals for what i presume would be a sobel outline effect. But i dont know how to aproach it to make it pixel perfect of one line... How did you achieve it?
@denovodavid
@denovodavid Жыл бұрын
Standard outline shaders - like this one roystan.net/articles/outline-shader/ - check diagonally, but for a single pixel line, I check *directly* neighbouring (up/down/left/right) depth/normal values and only outline if the neighbour is further away by some threshold. For the normals outline, you'll probably have to arbitrarily choose a side to highlight, which could be based on the direction of the light, or the camera, or the world up, etc.
@alejandroaceytuno6164
@alejandroaceytuno6164 Жыл бұрын
@@denovodavid Thanks! so you dont need any extra math to make it only one pixel width! thats good to hear. I just need to adjust very well the normal and depth threshold. Thank you very much, that reassures me a that im on the right track.
@JayFolipurba
@JayFolipurba Жыл бұрын
What about zooming? Does the pixel size stay consistent for the assets?
@denovodavid
@denovodavid Жыл бұрын
The camera is orthographic and has a set resolution of 640x360, and the pixelation is applied as a post-processing effect. If I zoom in using the camera, assets will have different pixel sizes as they will take up more of the screen. To keep the pixels where they are, I can simply scale up the final image. @t3ssel8r just put out a video on doing this smoothly even at non-integer scales: kzbin.info/www/bejne/mmfXoWdprL-kptU
@LordCancerTaymanisus
@LordCancerTaymanisus Жыл бұрын
Hi, can i ask you how you avoid jittering?
@denovodavid
@denovodavid Жыл бұрын
Snapping the camera to the texel grid, then smoothing it in screen space. More info here: www.reddit.com/r/godot/comments/14as2b9/i_added_a_stable_subtexel_smooth_camera_to_my_3d/
@alexeykurilo4381
@alexeykurilo4381 Жыл бұрын
Is it post effect or what? Looks sexy..
@denovodavid
@denovodavid Жыл бұрын
Yeah, a spatial shader on a full screen quad as documented here: docs.godotengine.org/en/stable/tutorials/shaders/advanced_postprocessing.html
@ricciillmatic5352
@ricciillmatic5352 Жыл бұрын
This is cool. Is the source code available ?
@denovodavid
@denovodavid Жыл бұрын
Cheers! It's not open source at the moment, this is just a first test of the effect. I'm working on compiling a custom Godot version to add more shading control (which would make the shader source code a bit useless by itself). If it's looking how I want, I may be using it for a game I'm prototyping. Once the game is finished (or abandoned lol), I would like to open source the whole thing if possible.
@Foxerski
@Foxerski Жыл бұрын
you're from Holand?
@Jurak5
@Jurak5 Жыл бұрын
You should make a game
@denovodavid
@denovodavid Жыл бұрын
I should make a game
@samuraikina5908
@samuraikina5908 Жыл бұрын
Im making a game 🤣🥵
@ultimaxkom8728
@ultimaxkom8728 Жыл бұрын
@@denovodavid I don't know if anybody already said this, but I think you should make a game.
@x1expert1x
@x1expert1x Жыл бұрын
Awesome effect so far, but do you think you would do a cell shader for the materials? The sphere looks a little wonky, but not too bad.
@denovodavid
@denovodavid Жыл бұрын
Yes, been working on grass and toon lighting the past week. Should have a little video out _”soon.”_
Giving Personality to Procedural Animations using Math
15:30
t3ssel8r
Рет қаралды 2,6 МЛН
I Decided to Speedrun a 9,600 Hour Long Game.
16:43
GeoSage
Рет қаралды 1,8 МЛН
Don't underestimate anyone
00:47
奇軒Tricking
Рет қаралды 18 МЛН
كم بصير عمركم عام ٢٠٢٥😍 #shorts #hasanandnour
00:27
hasan and nour shorts
Рет қаралды 10 МЛН
Do you love Blackpink?🖤🩷
00:23
Karina
Рет қаралды 16 МЛН
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН
Time to Go Bald
7:04
Daily Dose Of Internet
Рет қаралды 5 МЛН
Making a 3D Pixel Art Shader Effect - Using Godot Engine
9:55
DevPoodle
Рет қаралды 1,1 М.
Color Quantization and Dithering
11:55
Acerola
Рет қаралды 443 М.
Optimizing my Game so it Runs on a Potato
19:02
Blargis
Рет қаралды 657 М.
Every Softlock in Portal
43:08
Marblr
Рет қаралды 842 М.
I Created My Own Custom 3D Graphics Engine
26:29
Inkbox
Рет қаралды 112 М.
10+2 AWESOME ADDONS for GODOT 4
8:36
MrElipteach
Рет қаралды 150 М.
What size should your assets be? | HD 2D GAME ART
12:10
Nonsensical 2D
Рет қаралды 143 М.
Godot 3D Pixel Art Experiment (Source Included)
11:21
Alan Lawrey
Рет қаралды 2,5 М.
Don't underestimate anyone
00:47
奇軒Tricking
Рет қаралды 18 МЛН