Making a Game in JavaScript with No Experience

To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/Goodgis/ The first 200 of you will get 20% off Brilliant’s annual premium subscription.
What do Capybaras and JavaScript have in common? Well, this video! Today, I'll play the role of a full stack developer and create my first game in JavaScript with no experience.
Hoppibara
(I could not get Kaboom.js to export properly so no link to the game this time.)
🐝 Wishlist Dewdrop Dynasty on Steam!
► bit.ly/WishlistDewdrop
Social Media ------------------------------------------------------------
❤️ Check out my Website! goodgis.fun/ ❤️
----------------------------------------------------------------------------------
✦ Discord - / discord
✦ Twitter - / gooodgis
✦ Games - firith.itch.io/
Chapters:
0:00 Introduction
0:33 The Framework
1:03 The Game Idea
1:47 Adding Movement
2:15 Creating Hazards
2:55 Creating the Artwork
3:25 Adding Polish
3:56 Adding More Polish
4:37 The Finished Game
4:56 Brilliant
┈ Similar Videos ┈
Goodgis - Making Another COZY Game in Scratch for the Day
• Making Another COZY Ga...
Goodgis - Making a COZY Monster Raiser in Scratch
• Making a COZY Monster ...
Goodgis - Making a COZY Game in Scratch for the Day
• Making a COZY Game in ...
Goodgis - I Made a Speed Running Game With C++ and SDL2
• Making a Game With C++...
Goodgis - Making a Game in Python with No Experience
• Making a Game in Pytho...
Barji - So I Made a Python Game in 48 Hours…
• So I Made a Python Gam...
Polymars - C++ Developer Learns Python
• C++ Developer Learns P...
Creating video games can be quite challenging, but with cool frameworks like Phaser, Babylon.js, or Kaboom.js using JavaScript is really easy. JavaScript is fantastic for beginners due to its user-friendly, high-level scripting language and extensive community support that makes it accessible for those learning to program. And honestly, it's perfect for people who are asking the question "How to learn how to program?" or "How to make video games".
#Gamedev #Programming #Javascript

Пікірлер: 435

  • @Goodgis
    @Goodgis6 ай бұрын

    SUBSCRIBE if you love Capybaras!!! ♥♥♥

  • @Daily690

    @Daily690

    6 ай бұрын

    CAPYBARAAASSSSS

  • @Lynx_the_Shadow

    @Lynx_the_Shadow

    6 ай бұрын

    CAPYBRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA(goes forever...)

  • @Uranium4719

    @Uranium4719

    6 ай бұрын

    hi

  • @obsidianed

    @obsidianed

    6 ай бұрын

    Bara

  • @SUPADUPAMARIOBROZ

    @SUPADUPAMARIOBROZ

    6 ай бұрын

    I subscribe (:

  • @GoggoWombo
    @GoggoWombo6 ай бұрын

    I've always loved the "style" and branding your channel has. I know you probably won't see this, but I just wanted to say that you are such an inspiration for me right now in so many things: GameDev, Content creation, Graphic design and so much more! 😁

  • @crafterboy27

    @crafterboy27

    6 ай бұрын

    Quick everyone like this so it gets seen

  • @octtburr

    @octtburr

    6 ай бұрын

    boost it

  • @dsamuel2116

    @dsamuel2116

    6 ай бұрын

    Boosting it

  • @DatCatPlayZ

    @DatCatPlayZ

    6 ай бұрын

    Boost this!

  • @DD_OneZero

    @DD_OneZero

    6 ай бұрын

    He did not know this would be top comment💀💀💀💀

  • @ivowtf
    @ivowtf6 ай бұрын

    I really love how you design your sprites, both pixel art and vector designs.

  • @costelinha1867
    @costelinha18676 ай бұрын

    Of course he made a Capybara game, everyone has to make a Capybara game at some point. It's like the modern gaming equivalent of Hello World.

  • @Malinzo
    @Malinzo6 ай бұрын

    I literally just started to code for my Masters Thesis and it is so fun! Right now I am only coding scienc-y stuff with a lot of data extracting and auto writing files, but I would love to try out some game coding later down the line!

  • @mintplays7923

    @mintplays7923

    6 ай бұрын

    man i hope to reach your level one day. CS is beating me down right now.

  • @ScopeCrepe

    @ScopeCrepe

    6 ай бұрын

    Go for it!

  • @kitcat2449

    @kitcat2449

    5 ай бұрын

    Definitely try it out. I realized I didn't like making 3D games becaude of the modelling lol but I'd like to try creating 2D games when I have time. I have more experience in digital drawing than 3D modelling so that will probably be more fun for me.

  • @kitcat2449

    @kitcat2449

    5 ай бұрын

    ​@@mintplays7923good luck, don't give up. It will be worth it 🙌

  • @destroyermob

    @destroyermob

    3 ай бұрын

    @@mintplays7923very different type of programming, they're mainly focused on data and math, so very different from regular programs, especially what is focused on in CS

  • @jordanrichardson2367
    @jordanrichardson23676 ай бұрын

    Wish you would’ve leaned in more with how JavaScript worked for your game. I gave up C++ because it was too stressful, but with you having literally no experience at first made me realize that I could start back… If I wanted to

  • @Pig-Raid

    @Pig-Raid

    3 ай бұрын

    Brocode has amazing videos if you wanna learn a language. Im watching his java series rn and its been a blessing to have him put the content on youtube.

  • @RKIOrbMage
    @RKIOrbMage6 ай бұрын

    Great video! Your vector art is always awesome!

  • @eliteengineer7340
    @eliteengineer73406 ай бұрын

    Im in love with that artstyle...

  • @aimarandriyanto2941

    @aimarandriyanto2941

    6 ай бұрын

    Me too❤❤❤

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Thanks! It gets cuter every year.

  • @Shadowzz.

    @Shadowzz.

    6 ай бұрын

    Same

  • @JuhoSprite

    @JuhoSprite

    6 ай бұрын

    Same, it's the most adorable thing, definitely the best part of goodgis games are his graphics.

  • @ashtonfinkenbinder7233

    @ashtonfinkenbinder7233

    3 ай бұрын

    @@Goodgishow are you doing this style. I am super new to design. Can you tell me what this style is called I can probably take it from there and also what design software are you using?

  • @SomeHumbleOnion
    @SomeHumbleOnion6 ай бұрын

    Dude this is perfect 😭 the capy looks insanely cute I want to play this so badly 🤣 Also really dope to see you make it in Javascript! My first real experience with gamedev was with Phaser so making games in Javascript has a special place in my heart :'')

  • @JuhoSprite
    @JuhoSprite6 ай бұрын

    Not only do we get another cute looking time killing game, we also get some awesome new Dewdrop sneakpeeks, love it!

  • @DaRealApeOfficial
    @DaRealApeOfficialАй бұрын

    I love the style you use for every game!

  • @Cloudpixell
    @Cloudpixell5 ай бұрын

    I LOVE your art style it is SOOO CUTE!

  • @hanasschoolwork4564
    @hanasschoolwork45645 ай бұрын

    This is absolutely adorable. Well done!

  • @vilet918
    @vilet9186 ай бұрын

    It's so cool to see this! I've been learning Javascript Development using P5.js (it's not really meant for games but I've used it for a while for art and it's both less intimidating then vanilla JS and gives me more control of designing my engine in a way that more game focused libraries don't) Right now I'm in the middle of a space invaders clone and it has been so much fun! I'm getting a little drained by how long it's taking and this was just what i needed right now. I never realized what a motivation boost it would be to recognize the code on screen, it felt homey. Your game looks adorable and Kaboom is an awesome choice for a library, great job!

  • @BusinessWolf1

    @BusinessWolf1

    6 ай бұрын

    If vanilla Js is intimidating to you, you have a much bigger problem than what library to use, and also you have absolutely no clue what you actually want from a library, because you haven't broken bad beliefs and built new ones about programming. You are at the start of the dunning kruger curve. Move forward on it before you do anything else, otherwise your projects will have bad code, bad architecture, will be impossible to maintain, completely unintelligible, and when you get better you will dread looking at their code again.

  • @blueninja012

    @blueninja012

    6 ай бұрын

    ​​@@BusinessWolf1sorry, but this advice seems pretty bad "Move forward on [the dunning kruger curve] before you do anything else" how are they going to get further ahead with doing things? the most basic-level advice you can give anyone is to fail over and over again, right? shouldn't they make all of the bad, completely unintelligible code and architecture and use it as a learning experience for the future?

  • @Edweirdz
    @Edweirdz6 ай бұрын

    hey i just discovered your channel and i love it! Are you full time on your indie game? Keep it up! 👍

  • @mochichi5068
    @mochichi50685 ай бұрын

    this is literally the cutest game ive ever seen, and as someone that also loves js, this is an automatic sub

  • @TryingCode
    @TryingCode6 ай бұрын

    I'm using this editing style as inspiration now. This video is so good and yet insanely simple!

  • @denismusina9508
    @denismusina95086 ай бұрын

    good job i am a fan and the remake dewdrop scratch

  • @hannahl4108
    @hannahl41086 ай бұрын

    Absolutely amazing!

  • @emalinu
    @emalinu5 ай бұрын

    Could we get a tutorial/vlog video of you doing your designs? I've always loved this artstyle, that's what made me subscribe lol!

  • @ashtonfinkenbinder7233

    @ashtonfinkenbinder7233

    3 ай бұрын

    This!

  • @widojay2048
    @widojay20486 ай бұрын

    It’s always a good day when Goodgis makes a video

  • @bluepomodoro3679
    @bluepomodoro3679Ай бұрын

    By any chance you happen to have a course on how to design sprites/pixel art with certain design principles or best practices? I've build a simple dino game but damn, your visuals really transformed it into something else. You should create a signup list for it and see how many people would interested in the course, cuz I'm sure there'll be quite a demand for it. Would definitely sign up for a course just like that to up my design skills cuz it's ass hahah.

  • @RubyR3d793
    @RubyR3d7935 ай бұрын

    You should make a game in Microsoft Makecode Arcade next. Its default is blocks, but it is slightly different than Scratch's blocks. You can also change it to JavaScript or python if you want. It is good for retro style games like Dewdrop Dynasty. But it only has the amount of buttons a game boy has (hence the retro aspect) so it might be hard to work with. I love your videos! 😀

  • @synthcqt

    @synthcqt

    5 ай бұрын

    i made a huge game in that scratch and makecode are the beginner ones and i have become a pro at them so i have moved on to unity + visual studio 2022 and its going well

  • @juanmacias5922
    @juanmacias59226 ай бұрын

    This game is so adorable!

  • @superviro
    @superviro6 ай бұрын

    I love kaboom. Favorite js game library.

  • @Uranium4719
    @Uranium47196 ай бұрын

    i freaking love you man

  • @cafe_underground
    @cafe_underground6 ай бұрын

    Simply amazing

  • @nekokna
    @nekokna6 ай бұрын

    extremedly cute carpincho : 10/10

  • @abuzzybee2342
    @abuzzybee23425 ай бұрын

    I love kaboom! It's how I learned how to make basic games through replit's kaboomjs game jam. Good experiences :)

  • @Promatter09
    @Promatter095 ай бұрын

    Hello Goodgis! Well done video, and may I know what font you use for this video?

  • @EstebanHear
    @EstebanHear6 ай бұрын

    LET’S GO NEW GOODGIS UPLODE

  • @froggie899
    @froggie8996 ай бұрын

    Something about ur style is just perfect 😢

  • @jakeparsons6437
    @jakeparsons6437Ай бұрын

    You should’ve added a special feature where if you go past an orange box theres a warning telling you to resist the oranges and if you die on an orange box on the you died menu it should say how you fell for temptation.

  • @LocalTrashyt
    @LocalTrashyt6 ай бұрын

    0:28 new gameplay. Lets go Halloween treat

  • @hellomynameisrodney
    @hellomynameisrodney6 ай бұрын

    I've been working on the roadmap to make a game myself for the longest time. Have a few game engines in mind (Construct 3, Godot, GDevelop, Scratch) There's also Node... ugh so many. lol

  • @Miracle12348
    @Miracle123486 ай бұрын

    I wish he made longer videos.

  • @davidbarkhausen7739
    @davidbarkhausen77396 ай бұрын

    I once made an infinite top down space shooter in Javascript... But I made it using just plain javascript. It was so tedious building everything scratch that I decided to switch to Godot after that instead.

  • @crusaderanimation6967
    @crusaderanimation69676 ай бұрын

    4:44 aaaaand with that sentence you made like, half of programing community your enemy.

  • @yafur1986
    @yafur19866 ай бұрын

    Hey! Did you use mario galaxy music? I’m pretty sure I hear that…. LOVE it!

  • @mustafahamza4812
    @mustafahamza48126 ай бұрын

    I love games where you can fast fall to cancel your fall and spin the arrow keys

  • @carsonhawley8838
    @carsonhawley88386 ай бұрын

    JavaScript dev here. Love it for small projects, but you'll definitely go crazy at scale. Tests are a bandaid. TypeScript has a bigger development cost upfront, but type safety is worth it IMHO 😅

  • @kainaris

    @kainaris

    5 ай бұрын

    Wait so KABOOM doesn't work with typescript? It so then i'll be sad

  • @JSLegendDev

    @JSLegendDev

    4 ай бұрын

    @@kainaris It does work with TypeScript.

  • @heyaItsme1123
    @heyaItsme11235 ай бұрын

    Your the best i also love cozy style games! mind making a tutorial?

  • @iamplk
    @iamplk6 ай бұрын

    which tool are you using for creating those cute characters and background?

  • @Beloff777
    @Beloff7776 ай бұрын

    Noice video GOODG’Z , finna make my own capybara game now lol

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Yes! Do it! :D

  • @julioandrewssp
    @julioandrewssp6 ай бұрын

    Cute game I must say I wish you would go over the JavaScript part of it more. In the end, it was a just a video about making simple cute game, and nothing more There's nothing wrong with it, and it was cool to watch, but since the premise was about making a game in JavaScript, I was hoping to see what differences there were between the organization/problems & solutions/e.c. there would be between a JavaScript game with any other one Maybe it was all just about promoting Brilliant? Idk Besides that, it was a chill video

  • @vaer-k
    @vaer-k6 ай бұрын

    I'm gonna pre-order DD when available

  • @SentientLampStudios-lm9ks
    @SentientLampStudios-lm9ks5 ай бұрын

    when you where designing the capybaras, do you mind telling me what softwear you used?

  • @Voltex_95
    @Voltex_956 ай бұрын

    I just like the artwork, dude!!! Its amazing

  • @SkidesGames
    @SkidesGames6 ай бұрын

    Always a good day when Goodgis uploads 👍

  • @Goodgis

    @Goodgis

    6 ай бұрын

    :D

  • @braknumeru3
    @braknumeru32 ай бұрын

    I think that JavaScripts it's not extremely easy, but you're extremely skillfull and talented, fr

  • @DeltaXML_Ltd
    @DeltaXML_Ltd6 ай бұрын

    Interesting topic!

  • @appakling
    @appakling6 ай бұрын

    yooo a new Goodgis video!!!!

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Finally! Am I right?

  • @Shadowzz.
    @Shadowzz.6 ай бұрын

    What font is that? It looks amazing

  • @kainaris
    @kainaris5 ай бұрын

    I have kind of a friendgroup thingy in discord with the main theme being explosions and I'm a programmer and I want to make games and I make websites and I thought about making a game with typescript aND THEN I FIND THIS VIDEO IT CANNOT BE MORE PERFECT

  • @yuk1_d00l3z
    @yuk1_d00l3zАй бұрын

    Where do we play Hoppibara? I love this btw ❤ :)

  • @TheKingAskdoof
    @TheKingAskdoof6 ай бұрын

    YES! See? There is a reason to love JavaScript

  • @MrNerdastic
    @MrNerdastic6 ай бұрын

    This os game is so cute. Great Job!

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Thanks so much! :D

  • @danielborgesgoncalves8591
    @danielborgesgoncalves85915 ай бұрын

    cuuute, how did you make the animation ?

  • @Frostyownz
    @Frostyownz6 ай бұрын

    What engine / game maker did you use to make your dynasty game?

  • @ItsJustMehdi
    @ItsJustMehdi6 ай бұрын

    you make cutest art

  • @jessex8535
    @jessex85356 ай бұрын

    I always love when you upload! It sparks my own imagination and helps me get back into gamedev. Thank you Goodgis!

  • @joyfulfishman5445
    @joyfulfishman54456 ай бұрын

    I love Goodgis so much, cant wait for Dewdrop Dynasty to come out

  • @eboatwright_
    @eboatwright_6 ай бұрын

    Nice!! JavaScript is so easy to get into, and a lot of fun to just jump in and make a small project :D

  • @Uranerdbro
    @Uranerdbro6 ай бұрын

    I genuinely love these videos every time I see you post one I instantly click without any second thought.

  • @TheCollectiveHexagon
    @TheCollectiveHexagon5 ай бұрын

    3:19 omg no way...capivara backflip

  • @Goodgis

    @Goodgis

    4 ай бұрын

    ;)

  • @alvincodin2529
    @alvincodin25296 ай бұрын

    Love your content :)

  • @Goodgis

    @Goodgis

    6 ай бұрын

    I appreciate that!

  • @alvincodin2529

    @alvincodin2529

    6 ай бұрын

    @@Goodgis Dude you're a huge inspiration to me and have no idea how much this comment improved my day 🥰

  • @joners45
    @joners456 ай бұрын

    Big W for using Affinity over Adobe

  • @oihandeshayes6751
    @oihandeshayes67516 ай бұрын

    A Java video would be awesome!

  • @We_All_Gear
    @We_All_Gear23 күн бұрын

    What program do you use for drawing.

  • @vladislava2015
    @vladislava20156 ай бұрын

    Where I can find this beautiful soundtrack? capybara is top!

  • @AboutHreinzi
    @AboutHreinzi6 ай бұрын

    on affinity, use ctrl-j when copying

  • @HelperWesley
    @HelperWesley6 ай бұрын

    I just made a video on JavaScript in GDevelop, so I got really excited about the video, but sadly it wasn't. Still an awesome video as always though. 😉👍

  • @Goodgis

    @Goodgis

    6 ай бұрын

    I thought about it actually but it's too much of an game engine for this coding series. Maybe next time? ;)

  • @HelperWesley

    @HelperWesley

    6 ай бұрын

    ​@@Goodgis That extra bit of challenge, not using a traditional game engine, definitely spices up the videos. 😉

  • @CanadianBoyArt
    @CanadianBoyArt6 ай бұрын

    Excalibur js is one of the best js frameworks out there.

  • @ScopeCrepe

    @ScopeCrepe

    6 ай бұрын

    Easy to export games?

  • @WinterBunny636
    @WinterBunny6366 ай бұрын

    You should try Lua next, it's very easy.

  • @galavaria36
    @galavaria366 ай бұрын

    Very interesting, perhaps someday I should try java

  • @Neutronized
    @Neutronized6 ай бұрын

    cool vid! Harold looks so cute ✨

  • @Goodgis

    @Goodgis

    6 ай бұрын

    :D

  • @BACKPRO-DEV
    @BACKPRO-DEV6 ай бұрын

    what fonts do you use in your game thumbnails

  • @DewiM96
    @DewiM966 ай бұрын

    can we have the game to play

  • @maksydab
    @maksydab6 ай бұрын

    what affinty brushes you use?

  • @apinalplocave8032
    @apinalplocave80325 ай бұрын

    J'aime beaucoup ton jeu mais je voudrais juste faire une petite critique, en fait quand on saute les obstacles sont trop prévisible (même distance) donc quand on trouves le rythme c'est trop facile( je dis ça mais je me suis arrêter à 40 x)) en tout cas merci tes vidéos me donnent envie d'essayer de me mettre à la programmation dans le cadre de mes études d'Arts

  • @3emad.065
    @3emad.0656 ай бұрын

    This guy is the opposite of BadGameDev. Funnily enough their names describe them well

  • @crafterboy27
    @crafterboy276 ай бұрын

    Kaboom isnt that obscure, in fact it is one of my top 5 goto frameworks

  • @trojanfrog
    @trojanfrog6 ай бұрын

    4:24 What font do you use for that big title?

  • @archytype.mp3
    @archytype.mp36 ай бұрын

    I was so excited when I heard kaboom because i lk thought i was the only who knew about it

  • @mostlyghostey
    @mostlyghostey6 ай бұрын

    I would die for Harold.

  • @EK-ep1cv
    @EK-ep1cv6 ай бұрын

    I LOVE CAPYBARA

  • @Wolfpackofficial334
    @Wolfpackofficial3344 ай бұрын

    Hi goodgis, when I’m bored, I watch you so pls can you do more scratch?

  • @cadeiradodiretor7976
    @cadeiradodiretor79766 ай бұрын

    As a brasilian, I am very proud of the capibara game. #CapibaraIsthecoolerAnimal

  • @CodingAlpha
    @CodingAlpha6 ай бұрын

    Great Vid! ♥

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Thanks so much!

  • @rafaelbraveheart2964
    @rafaelbraveheart29646 ай бұрын

    what do you use for making sprites,art,background

  • @humanracecar

    @humanracecar

    3 ай бұрын

    Have you figured out what he uses?

  • @lambert005
    @lambert0056 ай бұрын

    This is probably the cutest game I have ever seen

  • @Goodgis

    @Goodgis

    6 ай бұрын

    :D

  • @sithichook5187
    @sithichook51876 ай бұрын

    Which software to make animation in the game ?

  • @that_guy1211
    @that_guy12116 ай бұрын

    XD HE SAID JAVASCRIPT IS GOOD I'M DYEING FROM LAUGHTER!

  • @jarayablack3619

    @jarayablack3619

    4 ай бұрын

    It is tho.

  • @that_guy1211

    @that_guy1211

    4 ай бұрын

    @@jarayablack3619 nah, bro naive and innocent, lmao xd!

  • @jarayablack3619

    @jarayablack3619

    3 ай бұрын

    @@that_guy1211 explain what do you mean then

  • @that_guy1211

    @that_guy1211

    3 ай бұрын

    @@jarayablack3619 javascript is one of the WORST programming languages like, ever

  • @RohanJawahar
    @RohanJawahar4 ай бұрын

    pls tell me the art app that you are using. Anyway the video is so very good

  • @Goodgis

    @Goodgis

    4 ай бұрын

    Affinity Designer :D

  • @Inosukidev
    @InosukidevАй бұрын

    what app do you use to draw ?

  • @coderhog
    @coderhog6 ай бұрын

    omg that capybara!

  • @Clumzy_Plush
    @Clumzy_Plush6 ай бұрын

    K THATS THE CUTEST CAPYBARA THAT IVE SEEN IN A GAME

  • @Goodgis

    @Goodgis

    6 ай бұрын

    Ah yeahhhh!

  • @modle_y
    @modle_y6 ай бұрын

    GOODGIS MOMENT!

  • @Goodgis

    @Goodgis

    6 ай бұрын

    ;)

  • @ThePhantomBowtie

    @ThePhantomBowtie

    6 ай бұрын

    Huge Goodgis moment

  • @GAT0YT
    @GAT0YT6 ай бұрын

    what font do you use in your thumbnails?

  • @drover7476
    @drover74766 ай бұрын

    I want to play this!