I Made an Isometric Game - Brackeys Jam 2021

Almost winning a game jam with some "minimalist" vector art be like.
Hire me: www.fiverr.com...
//// SOCIALS
▸ Twitch: / n8dev
▸ Patreon: / n8dev
▸ Discord: / discord
▸ Twitter: / n8dev_yt
/// GEAR ///
▸ Microphone: amzn.to/42mqD6K
▸ Laptop: amzn.to/3JTTt7n
▸ Mac: amzn.to/3lnTmaF
▸ Boom arm: amzn.to/3ljXBUN
▸ Monitor: amzn.to/3loAWGD
▸ Mouse: amzn.to/3LEkWuT
▸ Headphones: amzn.to/40lIl8s
/// LINKS
▸ Play: n8dev.itch.io/...
▸ Rate: itch.io/jam/br...
▸ Color Palette: lospec.com/pal...
▸ Samyam Tutorial: • Top Down Shooter Contr...
#gamedev #unity #n8dev

[@samyam]

Great video! I really enjoyed the game and thought it was innovative!

[@n8dev]

thanks :)

[@dsi-films1264]

Me too, wonderful video

[@hiiistrex2838]

It only took you 3 hours to realize the inputs weren't enabled? Impressive, it took me multiple days the first time

[@n8dev]

LOL

[@pranji_]

@@n8dev yeah same here

[@SebaneseTheLebanese]

I saw brackeys face in the thumbnail and almost had a heart attack. I thought he finally uploaded smth 💀💀 but great video tho!!

[@n8dev]

LOL sorry haha

[@untutorial8612]

Same

[@mnmlst1]

We can all dream...

[@itaygigi4779]

This quality with only 200 subscribers? youtube can be weird sometimes...

[@n8dev]

haha thanks!

[@Loresnake1]

1:51 This is only a guess, but I think the scaling of 57.74% comes from the following: every vector in R^3 can be defined by its magnitude and two of the three angles that it forms with the X,Y,Z axes. So for each vector, we have 3 angles (we might call them a,b and c for the moment) and we can ask for a magnitude of 1 unit since we can always scale everything. After all that, we can try to get the isometric "view", which, in essence, is equivalent to see the R^3 space in such a manner that the angle between us, the viewer, and the 3 axes are the same (a=b=c). Another way to see it is to place ourselves in a way that the 3 axes "grow" at the same "velocity", or that we are at the same distance to (1,0,0), (0,1,0) and (0,0,1) That is why is called isometric: iso->equal, metric->distance. At the start (1:43), when you have your grid at the "default" orientation we might say that the "camera" or "our view" is parallel to the XY plane, which is equivalent to say that the "camera" is orthogonal to the Z axes. Then, you rotate the XY plane by 45 degrees (or pi/4 radians) so that we can have an easier time moving the "camera" in the next step since the (1,1,0) vector is at an equal distance from X and Y axes, and any rotation we do in the plane defined by (1,1,0) and the Z axes is guaranteed to preserve the bisection of the XOY angle (this means that by rotating by 45 degrees we've managed to make b=c, now we need to have a=b=c). All we need to know is by how much we need to rotate in the Z axes so we have a=b=c, and for that, we can use a formula for angles in R^3: if we have a vector and its 3 angles (a,b,c) we have that cos^2(a)+cos^2(b)+cos^2(c)=1 and since we want that a=b=c, we have that 3cos^2(a) = 1, so cos(a)=(1/3)**0.5=0.577350269, and rounding up we get 0.5774. Then, since we are working with an arbitrary magnitude, we can interpret that as 57.74%. I hope it makes sense and an apology for my broken english.

[@n8dev]

oh wow thank you for the very in-depth explanation haha

[@saltmuffinman]

Man just spoke professor

[@mysingingmonstersfan1023]

I like your funny words magic man

[@mikusama8030]

"Sorry for my broken english" boi, you spoke like a damn poet with 8 different degrees in english speaking and writing. Like never in my life have I seen someone write such perfect english to this extent.

[@SimplyWondering]

good comment, this checks out

[@stysan]

Finally, a person who said Scratch and showed Scratch. This joke always was good. (btw I really appreciate it scratch is my childhood)

[@n8dev]

Loll same

[@CharliReef]

Teleporters would be cool in this game, as well as maybe objects that allow you to size up, meaning there could be four possible colors

[@n8dev]

That would be sick

[@Madbook]

Looks amazing. You really did a great job of making an art style that stands out hugely from the standard indie game style - and the gameplay looks innovative too! Excitedly waiting to play the mobile port :)

[@n8dev]

thanks:)

[@eddie.z]

Why are you so good at coding? Awesome video, and the art is amazing

[@n8dev]

LOL I am not that good at programming; I still have a lot to learn. Thanks for your kind words :)

[@TheCaptainMoo]

That's a pretty awesome idea for a game N8. (Nate?) Also Hi, I recognised the name from Icoso's server after this video was recommended :D

[@n8dev]

Thanks! N8 == Nate, yes haha

[@coolp7493]

s p i k e

[@n8dev]

c o n e

[@coolp7493]

@@n8dev c u b e

[@NamidaSai]

“The next day hit me like you’re about to do to the subscribe button” oooooooh that was so smooth. 😯 *subs*

[@n8dev]

haha thanks :)

[@alphaanar2651]

cool, i subscribed

[@n8dev]

awesomeeeeeee

[@Skeffles]

This looks like a great little puzzle game. I love the isometric perspective.

[@n8dev]

thanks!

[@AndrewDavidJ]

Oh sweet! I also participated in the Brackeys Jam and I’m planning on posting my devlog for that next week! :) There were so many submissions that I somehow missed your game when playing through some of the other submissions, so I’ll go check it out now!

[@n8dev]

ayyyy nice! Looking forward to your devlog :)

[@y857n]

you are really underrated pog :O

[@n8dev]

thanks :)

[@TheShelfman]

I love your cone- I mean spike. Yeah definitely spike In all seriousness, great video. Presented in a funny way and actually really entertaining and interesting to watch. Nice job on the game as well :D

[@n8dev]

LOL thanks so much!

[@omkarbhale442]

That number comes from fact that those lines must be inclined at 120° to each other.

[@n8dev]

Interesting

[@qxt-so3qi]

Wait... what happens when you combine the smaller ones on a light blue tile

[@n8dev]

you aren’t able to, because the smaller ones cant move on the blue ones period. You are actually able to combine on a green tile though, which I’ll be talking about and fixing in another devlog :)

[@morinobody]

Omg these Scfatch blocks bring back memories

[@n8dev]

sameeeeeeeeeee

[@Wolf69423]

WHAT!!! You only USED to play wii sports resort!!! That game is LIFE!!! (This is a joke)

[@n8dev]

Facts!

[@zanshaow]

Hey, is there any way you could link the github? I would love to see how you did some of this but I think you missed putting the github in the description.

[@n8dev]

Oh I don’t have it public anymore; I can share that for sure

[@liampbjray5562]

loved the concept but the game is super short, anyone know of any similar games with a similar concept?

[@n8dev]

I do not

[@bashar1712.]

Came a long way from ludum dare

[@n8dev]

indeed

[@abyss8190]

i have lots of experience with isometric games (my singing monsters lol)

[@n8dev]

MY FAV

[@joshybomb5964]

Nobody : man i did not like this N8Dev : Hit like if you disliked Nobody: sure no problem

[@n8dev]

LOL yeah

[@gamemechanics3579]

Amazing design, from the very beginning I was amazed with your projection of the game. This need to be on the appstore!

[@n8dev]

thanks! hopefully I’ll be able to release for mobile :)

[@piepiece4952]

Can it be played on mobile if not that's fine just don't want to waste my time trying to figure out

[@n8dev]

It cannot be

[@Itsysss]

This game is too good for a jam, really do like the game! Great video :D

[@n8dev]

thanks so much!

[@nterior9245]

Cool game! It would be nice if you also publish a linux build (so that those (including me) can also play your games)

[@n8dev]

of course! I’d need to do some research so I don’t upload a broken game, but thanks for your input :)

[@nasta4554]

I clicked subscribe literally 1 second before you said I should

[@n8dev]

you legend :0

[@enderelijas]

I absolutely love the simplicity of the art style in this game!!

[@n8dev]

Thanks!

[@enderelijas]

@@n8dev also almost 500 subs pog!

[@n8dev]

@@enderelijas yessssssssssss

[@enderelijas]

@@n8dev do you have a discord server?

[@n8dev]

nope, I’ll probably make one for a milestone though :)

[@ManodayPatilmi]

Interesting game.... As you asked for reason for stretching canvas to 57.74% is as follows... Basically when you stretch it to 57.74% and as you can see in your game if you take a step in any direction and then another step Left or Right... it is directly aligned with starting point (either vertically or horizontally). Example - @2:15 pause the video... imagine you at any one of the tile (Name it A). Take another step(B) and another step Left or Right after B (from player perspective, name it C), then A and C are adjacent to each other either vertically or horizontally. This gives great illusion that they are close by which was used in creating games like Monument Valley, which uses isometric world to create illusion . Hope this was helpful. 😊😊

[@n8dev]

awesome, thanks for the insight!

[@zib350]

But what you say is true for any symmetrical grid that is tilted 45 degrees, look at the grid in the video before it is stretched and you'll see that what you said is already true. The real reason why a stretch of 57.74% exactly is needed, is geometrical. The definition of isometric (as portrayed in videogames and art) is a projection from a 3D space (the game world) to a 2D plane (your screen) that follows some rules. The main rule is that the projected angle between the three main axes of your 3D space (usually called x, y and z) should be the same between every pair in the 2D projection (the angle between x and y should be equal to the angle between y and z and between z and x). One way to do that (and almost the only one you can find in video games and art) is to have one axis that is at 30° from horizontal in the 2D plane, another one at -30° from horizontal and the last one should be vertical. You get lines that are all at 120° from each other which is really pleasing to the eye. The lines of the grid that you stretched correspond to the two first axes (the ones at 30° and -30°)(they represent the ground plane). But before you stretched the grid, the angle between these lines was 90° (instead of 120°). The 57.74% stretch is there to make those lines 30° and -30° from horizontal (120° between each other). 0.5774 is actually the ratio between the height and the width of a triangle that has it's hypothenuse at 30° of horizontal. (I hope it is relatively clear, it's hard to explain all of this without images)

[@n8dev]

@@zib350 thanks for taking the time to write this!

[@mariocamspam72]

@@n8dev en.m.wikipedia.org/wiki/Magic_angle

[@kslapz9988]

Could’ve jus made this on Hopscotch lol 🙃

[@n8dev]

Rip

[@JacksonAcademy1]

holding a marker be like

[@n8dev]

yessssss

[@untutorial8612]

I subed bc you are a small but very good channel.

[@n8dev]

I appreciate that

[@unicaegames]

nice little devlog! I'm a terrible speaker, so I just put my whole development process into 64x speed timelapses and called it a day haha.

[@n8dev]

haha thanks!

[@JoelisBalding]

Great video, really interesting and had good editing!

[@thedude4039]

0:23 Why do you have to roast PontyPants like this?

[@n8dev]

LOL I had not seen his game before I made this, I’m not taking it back though haha, the majority of games did take that spin on the theme :)

[@mariovs_]

Only 379 subs, wow, people is mad 😑

[@n8dev]

LOL thanks :)

[@supercaveman7747]

Great vids also 5:10 youtuber goes outside??!!

[@n8dev]

Yuhhh

[@laurentiulaslau1840]

Great video man... Keep up the good work! Ps: Can you tell me what code editor do you use and what text font do you have?

[@n8dev]

Thanks! I have it linked in the description, but I use Jetbrains Rider www.jetbrains.com/rider/ Not quite sure what you mean by text font, but if you're talking about the theme, I use Rider Dark, which I also use for vscode. If you're talking about the font in the thumbnail, that's paralucent heavy

[@laurentiulaslau1840]

@@n8dev I mean the font that you use in your code editor

[@n8dev]

@@laurentiulaslau1840 jetbrains mono

[@That_one_planet]

me installing Linux and wine to download this game

[@n8dev]

Pop off

[@stormstudios1]

you shouldn't release on apple cause their way of copyright and marketing is dumb, I'm pretty sure if you put your logo on the app and release it on apple then they have the rights and can copyright your youtube channel for the logo cause that happened to someone else

[@n8dev]

I agree that apple’s marketing isn’t my favorite thing, but that’s not how copyright works, and if I were to only sell on android I’d lose the massive chunk of consumers with apple phones. Thank you for your concern :)

[@n8dev]

It’d also be awesome if you’d link a source so I can look into this if it’s an issue :)

[@stormstudios1]

@@n8dev i couldn't find the video that I was talking about but this video is something like it: kzbin.info/www/bejne/lZrUYoh5mK2marM&ab_channel=TheTekkitRealm

[@n8dev]

I really appreciate you bringing this up, I've gone through the terms of service and such and not found what he's talking about. With that said, something like that is probably there. The reason he got copyrighted was because he broke those terms of service by using his own external transactions. For an app to be on the app store you need to do it through apple so they get a commission, and unity ads/unity in-app purchases already does that, so I think I'll be good. If you find out anything else I'd love to hear it. Again, thanks for your concerns :)

[@karimk.434]

Which IDE/Code editor do you use in these videos? Looks pretty nice

[@n8dev]

jetbrains rider :D I have it linked in the description

[@karimk.434]

alright thanks

[@tristancamejo]

how do you only have 3k subs lol?

[@n8dev]

haha 3k is a lot

[@arekkusuuuuuuu5045]

This has inspired me to make my own isometric game.

[@n8dev]

That’s wassup

[@pink7522]

1:22 Wait, I remember that house from Deynums discord O~O

[@n8dev]

ayyyyyy nice, I think I remember sharing it there haha

[@pink7522]

@@n8dev Ye, I was the person that "criticized" it for the inside wall connecting to the outside edge. And I still can't unsee it, anyways, ignoring that your art looks really good :>

[@n8dev]

@@pink7522 ohhhhh right I remember haha, thanks for watching ;)

[@enriquesuarez7113]

I truly love that show the process of how you came up with the idea, I find the hardest part of game developing coming up with an innovative idea and innovative game mechanics

[@n8dev]

Thank you!

[@f4ls381]

To apply the theme a bit more you could do it that you can only hop on the win tile when you're combined as the big cube and you can't as a little cube

[@n8dev]

Ooh yeah

[@_HoangQuangVinh]

do you still have the link for github, im trying to learn about isometric game

[@tauheedgamedev2388]

Awesome man, this game will be perfect for the Apple and Android stores.

[@n8dev]

yesss I hope so

[@pyghecik5320]

You're gonna be Big :D

[@n8dev]

Thanks! I hope so :)

[@channelwithnotopic]

Waiting for someone to say the thumbnail looks a bit sus

[@n8dev]

Why does it look sus

[@channelwithnotopic]

@@n8dev stare at it

[@n8dev]

@@channelwithnotopic I’m staring

[@Scott170c]

I S O M E T R I C

[@n8dev]

I N D E E D

[@scoopydevy]

this is cool, i always wanted to make a puzzle game!

[@n8dev]

thanks!

[@Amal-pf7nv]

"When that was done, I was done"

[@n8dev]

Facts !

[@rowletboii8905]

when will this be available on app store xd

[@n8dev]

Never ;)

[@supercaveman7747]

@@n8dev ):

[@gholesoul5810]

Rest in piece brackeys

[@n8dev]

indeed; not sure if I would be where I am today without him :(

[@coolp7493]

RIP I wouldn’t have started unity if it wasn’t for him

[@Karma-xv2ee]

Did that dude die??

[@gholesoul5810]

@@Karma-xv2ee nah he just stopped KZbin

[@Leikjarinn]

Is this on the app store ?

[@n8dev]

No

[@loaf1verse]

U hold ur pencil strangely

[@legends389]

Awesome video and game =D

[@n8dev]

Thank you!

[@Click_MC]

WHAT THIS IS A GREAT VIDEO LITTERTY HOW IS THIS YOUR FIRST VIDEO AND THIS IS GREAT EDITING

[@FlufBlossom]

Watching all your old videos ;)

[@n8dev]

haha love that

[@FlufBlossom]

@@n8dev INSTANT REPLY :O

[@n8dev]

@@FlufBlossom LOL

[@nif4345]

1:10 scratch is dead use snap

[@n8dev]

see but the joke is "I started from scratch", and "I started from snap" doesn't bring the same comedy ;)

[@hyanide2480]

wow only 300 subs???

[@n8dev]

yuhus

[@mattjclay]

I love dotween. It is so good it almost feels illegal.

[@n8dev]

IKR

[@nemene8585]

POG

[@n8dev]

tyty

[@taco-t-cup8028]

Remember Brackeys!!!!!

[@n8dev]

Yess

[@oeo.2024]

2:21 n8dev dog reveal

[@n8dev]

facts

[@rambda1832]

you are a living inspiration

[@elizabethm78]

your dog is cute

[@n8dev]

haha thank you

[@WajiD_xD]

Good Work! (:

[@n8dev]

Thanks!

[@qull3840]

I don't see any link to the source code... Is it still there?

[@n8dev]

No, but if you'd like it I can shoot it over to you

[@n8programs733]

should have used javascript smh - would have fixed ur problems with the web build

[@n8dev]

hush child

[@MangoWorks]

1.09 = 🤣

[@n8dev]

LOL

[@microdavid7098]

great video

[@n8dev]

Thank you

[@tylans_commentary_but_its_1338]

Is this coming to iOS soon

[@n8dev]

Not at the moment

[@tylans_commentary_but_its_1338]

@@n8dev sad

[@clicktoplay3587]

I just today first watched you video of making a game in one line code and I like that and then I went to your channel and I really like you content. You got a new subscriber. Your all videos are entertaining.

[@n8dev]

thanks!

[@fatgamer919fan4]

coool

[@n8dev]

thanks :)

[@galaxie8032]

Wow

[@n8dev]

wowowow

[@satistuff]

where is the github code?

[@n8dev]

DM me on Discord and I can shoot you a link

[@spacepoland3819]

so you're telling me that you didn't just copy and paste the code yeah like I believe that

[@n8dev]

Oh no my feelings