Building the new 3D engine for my game
ฝัง
- เผยแพร่เมื่อ 31 พ.ค. 2024
- follow me on twitter for bad takes: / jdah__
and check out Atlas VPN while the deal lasts ($1.99/mo for 3 years): atlasv.pn/jdh
GITHUB: github.com/jdah
EDITOR: NeoVim
VIMRC: gist.github.com/jdah/4b4d98c2...
THEME: gruvbox
RESOURCES:
learnopengl.com
opengl-tutorial.org
shadertoy.com - วิทยาศาสตร์และเทคโนโลยี
![โอ้มายก๊อด! ไม่ถึงชั่วโมงหมดเป็นแสน 😅 [cc] แดนแพทตี้ SS2 | EP.42 |](http://i.ytimg.com/vi/OH2ShXfO6tA/mqdefault.jpg)
This guy is like “welcome to remaking minecraft, today we’re doing something completely different”
the classic bait and switch 😎
@@jdh yup. Just below the right amount of variety with is very slightly more than I like
Great video though
@@jdh also I suggested in another comment that you should add smaller light-only voxels to make the already barely noticeable effect even less noticeable
and then just remakes minecraft again
with the fixed camera perspective, you also only have to create meshes for two sides of the cubes (as long as that doesn't give issues with shadows)
does he have a discord server?
I think that likely would cause issues as the other faces would be needed to calculate shadows
this was something I considered :) but as the shadow meshes need all faces (all back faces at least) the mesh still needs to contain the whole cube unless I wanted to start building two separate meshes.
However you could always cull other faces via normals during the color/normal pass or index the mesh to only draw -Z and +Y faces on cubes. lots of potential solutions!
@@jdh disclaimer: this is less of an actual suggestion and more of things that i think would be cool and interesting.
maybe you could something like screen space shadows/raytracing for this. They have the benefit of being pixel perfect, and it seems to me like an orthographic voxel game with 2d sprites is pretty optimal for using them.
Raytracing voxels is pretty simple, especially if you don’t have to do anything other than shadows. for the sprites, screen space shadowing could be used. the main limitations of screen space shadows are that it only uses depth information so it can’t draw things off screen or tell the thickness of objects, but the sprites don’t have varying thickness and are small and unlikely to cast shadows from offscreen.
You could also probably just do some skewing/stretching to the sprites since it’s all orthographic. and they’re in the form of textures.
i might try making a shadertoy with some orthographic shadow stuff now..
I find it still hard to sense the correct depth and everything. Maybe you can make surfaces (textures) increasingly darker the lower you get height-wise. Kinda like prebaked shadows
Yeah that seems like a good idea, I also still found it really had to understand the depth
I second this.
Probably the perspective is the problem. Currently it looks like a 45 degree angle, so the front of a block blends perfectly with the top of a block two places in front. Maybe the angle should be steeper.
@@Kopigan agreed. the character also looks funky with that angle
It sounds like this just needs some 2.5-dimensional ambient occlusion.
Damn I kinda wish we would've got the "Minecraft-ultra-deluxe-Amogus-Edition"
A M O G U S
Maybe next time... I mean we still can dream
@SplÅtuuber I hope 🙏
Honestly I would buy that
@Trayambak It's too late 😔
Let's shoot for 420 xD
* Dude's spending years making an easy and intuitive interface for their 3D modeling software *
This dude: nah... I'll just "type" it out
2:00
Woah, you should turn this into an Isometric dwarf-fortress-like strategy game and release it as "Ruby Dung".
BTW I think RubyDung stood for Rubylands Dungeons. Can't remember the source.
wow what a good idea! maybe when that project gets stale I can reuse the textures for some cube based survival game later on!
@@jdh xD, btw this game looks great. I am learning opengl too and I'm recreating Minecraft, that's how I found you. And I'm so glad I did! Tysm for the content!
Fun fact: rubydung was a predecessor to minecraft (which also was made by notch)
@@jdh yeah at the 2:00 mark, I'm trying to learn C++ (I'm literally a nub still though) so I could basically remake a DF like game (could implement The Sims style view as well, where it cuts away a portion of the material to see through things, since it's multi level). The biggest take away from Dwarf Fortress is that it's not multithreaded well if at all, and there's no art. That 3d view that you have is literally something I want in the future.. we'll see if I can even make it that far at all...
As the other comments say, change the angle, as the perfect π/4 makes it harder on the depth perception
Orthogonal projection is hard, but it's looking neat!
JDH, you inspire me with your PC Building and coding.
I jumped into a new job soldering electronics to PCBs, and I am equally excited about software, too.
I wouldn’t have gotten as far this year without your inspiring youtube videos. Thank you 🙏
“I won’t abandon it after two videos”
Hey at least it took over two videos
I think having the whole perspective rotated around the up axis would make it easier to feel the depth of the world. Great video :D
This guy is the antithesis to "graphic design is my passion"
Interestingly, you are literally reiterating my thoughts and ideas, testing them, and hitting all the pitfalls I was afraid of.
Meaning I will wait for you to succeed and then have my gamedev be a breeze ;)))
Very nice.
I always get excited to see those when they come out
I love your videos. For the game, I suggest reducing the brightness (making it darker) of the blocks depending on its height
I'm guessing he tried something like that but there's 16 levels of block height and 16 levels of brightness so it might be weird
this looks great. I'm excited to see where this project is going.
I’m excited for where he goes with this!
Maybe make the light calculated using 9ths of a tile or even just 4ths so it’s harder to tell it’s just voxel lights
Voxel lights lite
Voxel lites
voxites
Funny how I just made something like this 2 months ago, only in the reverse direction your project is headed. I started with a 2d engine that rendered tiles isometrically but contained 3d data structures for the world. After a lot of struggling when it came to the concept and visual design, I ended up rewriting it into a 3d engine instead and just making it 1st person while the underlying code remained mostly the same.
I look forward to seeing what you do with this concept. It's tricky but there is some potential for unique gameplay mechanics if you can solve the visual design issues.
i have only few youtubers i get excited when they upload and you are one of them(been since you made your first c++ mc vid)
What is the ide your using again? I know you mentioned it in an earlier video but cant find it :(
I have never seen the inline keyword being used so much outside my own code. Maybe it will become strong again one day :')
inline = speed ofc
Or you can be a menace and use it on your global variables
@@jdh I heard it's slow to compile lots of inline functions
friendship ended with inline, constexpr is my best friend now
What is the technical approach used to make a 3D object look like pixelated? Is it just using gl_nearest for the textures + ortho camera? Or rendering the player to a texture and then applying gl nearest? I didn’t catch how to do that.
I was once creating very similar game in terms of looks, but never finished, so I like to see that you are doing something similar. To make the depth be even clearer, you could tint the blocks based on how far are them from camera, kind of what they are doing with the dwarf fortress steam release.
I think it's looking pretty interesting thus far in terms of the graphics style. Interested to see where this goes
PLEASE hook me up with what this ide set up is, is it vim or emacs, and how did you get the lint/autocomplete stuff working? I am ready to drop vscode for this. Even if that means tmux
You should do a series where you break down each stage of game development and explain some of it in more detail
Including developing the engine? Seems like a good way to kill months and lose subscribers. It's paint drying level boring when you get into the nitty-gritty.
It's more interesting to me than the average person, and a lecture on quaternions still about killed me. Game developers clench their teeth through those bits so they can get to the stuff that's actually fun about game development.
@@ossiehalvorson7702 Maybe the real fun about game development was the math we learned along the way
@@puppergump4117 :|
Can you please make your videos a little more descriptive like about an hour because I love what you do and wanna get through your process of learning and execution in detail.
JDH: releases 2 videos to us in under a month
Me: why the gods have bestowed upon us
**LIGHT**
One technique you could try to improve the light map is to track the light level using a fractional value rather than an integer. The algorithm is exactly same, with one exception: the first iteration of light propagation gets a directional bias (from the light's intensity, to the intensity - 1) depending on where the light source is within its source tile. That should smooth things out and make the tiling less obvious while the light source is in motion.
Super cool video. I'm blown away that you can hard code all this. I'll stick to my nice premade 3D engines 😳😂. I would like to add that i am not so sure about the perspective, i still can't tell how tall things are and where they are in the map. That being said this was still an awesome video, looking forward to more
whats up with the weird lighting space between and under blocks.
at first i thought you were using an ide because of the code completions and bottom tmux screen, your vimrc is amazing
Can you recommend any budget friendly laptops it or PC to start game development
His Code editor does not seem to be Androids studio or any vs studio editor, does anyone know which editor he is using in this video? Thanks.
It is difficult for me to tell what is casting a shadow sometimes when the shadow is next to an edge-detected edge.
Very nice work but I would have definitely kept the isometric perspective since it is the best view for conveying the sense of depth.
Quick question: why do you have the Windows XP background Bliss for your social media page? Everything I have seen you do indicates you prefer MacOS.
Your hard work is appreciated!!
A better way to get some depth is to change the angle of the camera slightly to make the elevation change of the tiles a different size than the surface tiles.
Does anyone know what the song is at the beginning
hey can you make a video on how to learn programming and how much time does it take
A few ideas :
- RGB lighting !
- HDR lighting, increase the maximum light luminance for creating bright lights and then you can also do
- HDR Bloom/Glow :)
- ACES tonemapping
Could you theoretically make the lighting spherical instead of “diamond-shaped” by replacing the breadth-first search with one that works based on the Euclidean distance from the center?
You've successfully coded your way out of drawing
can Conway's game of life be used do calculate light or something else?
where did you learn all this? I wanna learn too
That lighting technique is cool o-o
Hey, great video. Could you give some information or sources about your (n?)vim setup? I tried setting up my vim as an IDE serveral times, but most of the times I just failed
what theme are you using for your editor.
The best engineer on youtube....wish to be as good as you someday
Same 😂
Practice makes perfect! Choose project ideas and implement them. The best way to learn many of the topics in his videos is by building stuff. You'll get there with dedication and effort 😉
@@mgssscrazy cant even come up with ideas 😂
What visual studio theme do you use?
Great job jdh, thanks for being so inspiring!
So you use vim or emacs?
I started moving into the keyboard Code editor scene and want to know what you are using so I can try it in my own setup.
Looks like vim (but for some reasons he uses the mouse A LOT)
Can someone tell me what he is editing in? It looks like a text IDE on Linux but I think he's using a mac :/
Could you please create a playlist of the songs you use in your videos?
I feel like the grass blocks should have a normal map too because now it looks a bit like plastic with a flashlight shining on it, keep up the good work.
This reminds me of LandTraveller, it had the same 2.5D style voxel aspect.
And I tried to go for a similar style but 3D hard.
Where did you learn all of this?
The first test looked the best, try putting the camera angle diagonal, it will be better
Where did you learn OpenGL? Nice vids, can't wait until the next one!
He has mentioned his tools in description
@@mashug1731 THANKS, how didn't I see that lol
one of the best coding channel, your videos are really realxing
What operating system do you use and how did you've learned assembly? Sorry for my bad english ;)
He works on Mac Os
Please finish this project... It has a lot of great engineering from ground 0 🙏
The camera angle makes everything really confusing most of the time, even with hard edges. Others have sugested changing the angle (just the tilt) to break the simmetry between the side face and the top face, I also wanna suggest experiment with not perfect cubes, e.g. the cube's height is 90% of the top face's lenght, so it's still a square face at the top but more of a squashed down cube.
Other than that, loved the art style, good job!
What code editor do you use?
pretty sure that's vim with a heap of plugins.
it may be easier to discern differences in height with something like minecraft's connected textures (i think just a modded in thing). so like on the inner edge of a block there are some tufts of grass, and everything is a little darker, and on the outer edge it kinda falls off a bit. or something like that. bricks could use a different arrangement that creates a border, plain dirt could have rocks on the inner edge instead of dirt, etc. though i do admit that it would be more work than what you did already.
I like your videos. Btw which editor are you using?
this is like roller coaster tycoon craft
What is the best IDE to use for trying things like this? I would like to be able to use hardware such as multiple core multiple thread and gpu power for performance purposes and ensure that my code can do that.
Thats not up to your IDE, its up to your code. What IDE you use doesn’t matter.
@@nolram But still as a starting developer, I would like to know what is the best IDE to use for a project like this?
@@hbarudi you will get as many answers to this question as there are IDEs in existence.
for my money, i would suggest a beginner goes for something that has everything built in, so you can spend as little time setting it up and as much time writing code as possible. to that end, perhaps something like visual studio or clion is a good idea.
eventually you may find you wish to go for something more stripped down that you can build to your exact preferences. i would recommend holding off on that until you have more confidence in what you're doing, but it's up to you. personally i use vscode, but i would not necessarily say it's the easiest for a beginner to get started with.
could you like in-depth tutorials on rendering cause that would be epic
You'll have to do something for the player to be visible in tight places or behind walls. I think one possibility would also maybe be to let te player rotate the camera by increments of 90 degrees. But even that won't fix the issue of tight spaces. Maybe when the player character goes behind a wall, that wall should become transparent ? Seems like for a Minecraft-type game this might be tough. If I recall correctly MiniCraft, one of Notches smaller projects, had only two layers, with the ground you walk on and 1 height of walls. Something akin to Don't Starve. You'd then go underground at specific places and the underground would be a two-layer space following the same rules.
I really like how stylised the game became as the video progressed. I've been thinking if similar lighting could be possible in 2D isometric games without resorting to 3D. 3D might just be the easiest option 🤷♀️
Can you make a video about vulkan?
2:00 gives me age of empires 2 vibes for some reason I dig it
i actually love the 2d sprite with 3d lighting
Great content keep up the good work
Great video! What's that "console IDE" you're using called? It seems very efficient.
he seems to be using Sublime Text
vim.
He is using Vim with Tmux
looks awsome!
why do the axis-aligned orthographic matrix tho? that just seems like a massive shot in the foot for no real reason.
you can make the player/npc movement axis-aligned, and have the camera at a slight angle
Can you please make a setup tour or workflow type of video i would love to see how the heck you code gigantic things in just few days 😁😁
Two games you might find inspiration from could be Dead Cells and Octopath Traveler. Dead Cells had 3D models which were then converted into 2D via rotoscoping if I remember correctly. Octopath Traveler is a 2.5D game that has a similar look to the first iteration of the sprite earlier in the video.
I think this can go on forever
He is back!
I'm annoyed youtube doesn't recommend me your videos. I love them u_u
dont worry the 6 months upload schedule if far better than code bullet's 1 year(maybe) schedule
I imagine you're one day going to make your own coding language
He has, iirc he made an Assembly language for his own computer
Maybe he can name it after a snake and completely destroy the meaning of programming
This is very similar to the game I'm making, making it really difficult to understand the depth of the objects, the solution I came up with was to make a blur and fog based on the height, the most challenging of all is to make a good algorithm to be possible see inside closed areas, this is not found on the internet, I had to create my own solution.
what text editor he use ?
is he using neovim and is he using the gruvbox color theme? Thanks!
I love how I didn't have to watch any of your previous videos to understand "and no, I won't abandon this one after 2 videos".
(#LifeOfAGamedev)
What color theme is that for vim?
Check the video description
This was a shitty day but you uploaded a video ! :D Love your content
Wait jdh on your twitter side it says you’re from denmark. I’m too and i was wondering where u learnt programming?
That 3d to pixel art idea sounds a lot like what Randy is doing.
I think you should use a camera angle like at 2:00.
It way better to give perspective. In the other, even with black edges, we cannot estimate height.
editor color scheme?
What editor do you use?
My favourite part of this video is when multiple times I understood a concept *better* than I did after he explained it.
I unfortunately could not make out half of the parenthesis and punctuation symbols because of their lack of contrast against the background. Maybe make them brighter and/or more accessible?
Love your videos!