Making a Game in JavaScript with No Experience

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 488

  • @Goodgis
    @Goodgis  ปีที่แล้ว +358

    SUBSCRIBE if you love Capybaras!!! ♥♥♥

  • @GoggoWombo
    @GoggoWombo ปีที่แล้ว +1884

    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! 😁

    • @goobertnelius
      @goobertnelius ปีที่แล้ว +23

      Quick everyone like this so it gets seen

    • @octtburr
      @octtburr ปีที่แล้ว +9

      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
    @ivowtf ปีที่แล้ว +359

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

    • @Ranamo_
      @Ranamo_ 2 หลายเดือนก่อน +1

      Btw do you know where he makes those sprites?

    • @Kanav-Sethi
      @Kanav-Sethi 11 วันที่ผ่านมา +1

      @@Ranamo_ Affinity Designer

    • @Ranamo_
      @Ranamo_ 11 วันที่ผ่านมา

      @@Kanav-Sethi thx

  • @jordanrichardson2367
    @jordanrichardson2367 ปีที่แล้ว +62

    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

    • @PigRaid1
      @PigRaid1 9 หลายเดือนก่อน +7

      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.

    • @codecaine
      @codecaine 14 วันที่ผ่านมา

      Use AI as a mentor

  • @Malinzo
    @Malinzo ปีที่แล้ว +187

    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 ปีที่แล้ว +11

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

    • @ScopeCrepe
      @ScopeCrepe ปีที่แล้ว +1

      Go for it!

    • @kitcat2449
      @kitcat2449 ปีที่แล้ว +1

      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 ปีที่แล้ว

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

    • @destroyermob
      @destroyermob 9 หลายเดือนก่อน

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

  • @eliteengineer7340
    @eliteengineer7340 ปีที่แล้ว +118

    Im in love with that artstyle...

    • @itsaimarguys
      @itsaimarguys ปีที่แล้ว +2

      Me too❤❤❤

    • @Goodgis
      @Goodgis  ปีที่แล้ว +32

      Thanks! It gets cuter every year.

    • @Shadowzz.
      @Shadowzz. ปีที่แล้ว +1

      Same

    • @JuhoSprite
      @JuhoSprite ปีที่แล้ว

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

    • @ashtonfinkenbinder7233
      @ashtonfinkenbinder7233 10 หลายเดือนก่อน +1

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

  • @costelinha1867
    @costelinha1867 ปีที่แล้ว +199

    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.

    • @kalinexxxx
      @kalinexxxx 4 หลายเดือนก่อน

      real

  • @SomeHumbleOnion
    @SomeHumbleOnion ปีที่แล้ว +273

    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 :'')

  • @bennihtm
    @bennihtm ปีที่แล้ว +22

    Can we play Hoppibara?

  • @bluepomodoro3679
    @bluepomodoro3679 8 หลายเดือนก่อน +3

    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.

  • @vilet918
    @vilet918 ปีที่แล้ว +49

    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 ปีที่แล้ว

      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 ปีที่แล้ว +10

      ​​@@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?

  • @RKIOrbMage
    @RKIOrbMage ปีที่แล้ว +40

    Great video! Your vector art is always awesome!

  • @crusaderanimation6967
    @crusaderanimation6967 ปีที่แล้ว +9

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

  • @julioandrewssp
    @julioandrewssp ปีที่แล้ว +14

    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

  • @braknumeru3
    @braknumeru3 9 หลายเดือนก่อน

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

  • @JuhoSprite
    @JuhoSprite ปีที่แล้ว +47

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

  • @barboragustafsson3451
    @barboragustafsson3451 29 วันที่ผ่านมา

    I've been learning javascript for a while and you are the first one to say it is easy, thanks for the motivation. Really good video :)

  • @pablomiret2911
    @pablomiret2911 ปีที่แล้ว +12

    I saw capybaras in the thumbnail and I'm here

  • @carsonhawley8838
    @carsonhawley8838 ปีที่แล้ว +25

    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 11 หลายเดือนก่อน

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

    • @JSLegendDev
      @JSLegendDev 10 หลายเดือนก่อน

      @@kainaris It does work with TypeScript.

    • @candyandcarmel
      @candyandcarmel 3 หลายเดือนก่อน

      @@kainariskaboom is now currently called kaplay and does work for typescript!

  • @RubyR3d793
    @RubyR3d793 ปีที่แล้ว +9

    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 11 หลายเดือนก่อน +1

      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

  • @elisiaslocum4726
    @elisiaslocum4726 6 หลายเดือนก่อน

    can everyone appreciate that Goodgis can code without experience and has insanely good clipart?

  • @jakeparsons6437
    @jakeparsons6437 7 หลายเดือนก่อน

    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.

  • @emalinu
    @emalinu 11 หลายเดือนก่อน +7

    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!

  • @mochichi5068
    @mochichi5068 11 หลายเดือนก่อน +1

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

  • @CaBoyGames
    @CaBoyGames ปีที่แล้ว +2

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

    • @ScopeCrepe
      @ScopeCrepe ปีที่แล้ว +1

      Easy to export games?

  • @CornyCone257
    @CornyCone257 7 หลายเดือนก่อน

    I love the style you use for every game!

  • @davidbarkhausen7739
    @davidbarkhausen7739 ปีที่แล้ว +5

    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.

  • @calicocatzy
    @calicocatzy 7 หลายเดือนก่อน +1

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

  • @IlluminateYouQuotes
    @IlluminateYouQuotes 3 หลายเดือนก่อน +1

    Hi! I love the vid! It’s awesome and cute! I just very curious about how you make the capybara move in animated style? Is it going by frames? 🙃

  • @anonykat31
    @anonykat31 2 หลายเดือนก่อน +2

    You should make plushies based on all those cute games and take my money

  • @Wesley-Insley-Comedy
    @Wesley-Insley-Comedy 6 หลายเดือนก่อน

    I LOVE this! It reminds me the old game “avalanche” where you were a little piece of gum jumping up on blocks

  • @busywatch
    @busywatch ปีที่แล้ว

    0:00 javascript is actually the most popular language *PERIOD*

  • @hanasschoolwork4564
    @hanasschoolwork4564 ปีที่แล้ว +2

    I have a college group project to finish along with work. I don't have time for side projects rn. I don't have time for side projects rn. I don't have time for side projects rn. I don't have time for side projects rn. I don't have time for side projects rn. I don't have time fo-

  • @Edweirdz
    @Edweirdz ปีที่แล้ว +4

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

  • @cloudpixell
    @cloudpixell ปีที่แล้ว +1

    I LOVE your art style it is SOOO CUTE!

  • @Yuga_101
    @Yuga_101 2 หลายเดือนก่อน

    I loved the video so much
    But I have a question what drawing app are you using

  • @TheKingAskdoof
    @TheKingAskdoof ปีที่แล้ว +3

    YES! See? There is a reason to love JavaScript

  • @matopgaming8858
    @matopgaming8858 3 หลายเดือนก่อน

    What program did you used to make the art?
    it look amazing

  • @neryd1
    @neryd1 ปีที่แล้ว +2

    I guess Harold can jump the highest out of all the other capybaras! I mean, did you see that backflip?

    • @Goodgis
      @Goodgis  ปีที่แล้ว

      Oh yeah, he's been working out.

  • @danielborgesgoncalves8591
    @danielborgesgoncalves8591 ปีที่แล้ว +1

    cuuute, how did you make the animation ?

  • @busyrand
    @busyrand 9 หลายเดือนก่อน +47

    Most misleading title Ever!... Cute game though. I was expecting someone without technical expertise. You had design skills, and already knew how to code to some degree.

    • @GameGuy-x7x
      @GameGuy-x7x หลายเดือนก่อน +6

      He meant he did not know how to make games in Javascript

    • @TurtleManias
      @TurtleManias หลายเดือนก่อน +2

      It is about he doesnt know anything about javascript, and the video isnt about design. Offscreen, he might have learned javascript. He also got errors

  • @denismusina9508
    @denismusina9508 ปีที่แล้ว +2

    good job i am a fan and the remake dewdrop scratch

  • @Bindie
    @Bindie 10 หลายเดือนก่อน +30

    lost me at "javascript is easy and beloved by everyone"

    • @ClipsTodayFresh
      @ClipsTodayFresh 4 หลายเดือนก่อน +2

      literally one of the most confusing languages

  • @joners45
    @joners45 ปีที่แล้ว

    Big W for using Affinity over Adobe

  • @mukaddastaj5223
    @mukaddastaj5223 3 หลายเดือนก่อน

    I love the style and the game overall!! The salto every time he jumps is so weird tho🤣😭like, why does he kinda pull back

  • @nekokna
    @nekokna ปีที่แล้ว +1

    extremedly cute carpincho : 10/10

  • @DewiM96
    @DewiM96 ปีที่แล้ว +13

    can we have the game to play

  • @chaoticpickle123
    @chaoticpickle123 15 วันที่ผ่านมา

    perfect name for the game

  • @3emad.305
    @3emad.305 ปีที่แล้ว +1

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

  • @LocalTrashyt
    @LocalTrashyt ปีที่แล้ว

    0:28 new gameplay. Lets go Halloween treat

  • @yafur1986
    @yafur1986 ปีที่แล้ว +1

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

  • @okie9025
    @okie9025 ปีที่แล้ว +4

    2:07 remember in the future to use Typescript to avoid problems like this and make development both faster and easier

  • @iamplk
    @iamplk ปีที่แล้ว +2

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

  • @superviro
    @superviro ปีที่แล้ว +1

    I love kaboom. Favorite js game library.

  • @ZeldaVerde
    @ZeldaVerde ปีที่แล้ว +4

    My man, that was an absolutely perfect opportunity to learn how to use Js in Construct and you wasted it nooooooooooo wtf aaaaaaaaaa now you're legally obligated to do another video on this.

  • @Beardash123
    @Beardash123 6 หลายเดือนก่อน

    5:00 this sponsor is brilliant!

  • @MrSoftMag
    @MrSoftMag ปีที่แล้ว +3

    Great video! What software do you use to create the SVGs?

    • @RittoRitto
      @RittoRitto ปีที่แล้ว +1

      Maybe I guess he use “Affinity designer”

    • @ScopeCrepe
      @ScopeCrepe ปีที่แล้ว

      Yep @@RittoRitto

  • @Neutronized
    @Neutronized ปีที่แล้ว +1

    cool vid! Harold looks so cute ✨

  • @mostlyghostey
    @mostlyghostey ปีที่แล้ว +1

    I would die for Harold.

  • @goobertnelius
    @goobertnelius ปีที่แล้ว +2

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

  • @HelperWesley
    @HelperWesley ปีที่แล้ว +3

    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  ปีที่แล้ว +1

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

    • @HelperWesley
      @HelperWesley ปีที่แล้ว

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

  • @Beloff777
    @Beloff777 ปีที่แล้ว +1

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

    • @Goodgis
      @Goodgis  ปีที่แล้ว +1

      Yes! Do it! :D

  • @EstebanHear
    @EstebanHear ปีที่แล้ว +1

    LET’S GO NEW GOODGIS UPLODE

  • @TheRythimMan
    @TheRythimMan 2 หลายเดือนก่อน

    I've made games and apps with just straight html/JavaScript (no framework). Feels nice clicking on an html file and instantly loading a game, but developing something so complex with a language that uses runtime errors and loosely typed variables is a nightmare at times.

  • @SkidesGames
    @SkidesGames ปีที่แล้ว +9

    Always a good day when Goodgis uploads 👍

  • @froggy-n6y
    @froggy-n6y ปีที่แล้ว

    Something about ur style is just perfect 😢

  • @EK-ep1cv
    @EK-ep1cv ปีที่แล้ว +1

    I LOVE CAPYBARA

  • @TryingCode
    @TryingCode ปีที่แล้ว +2

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

  • @mustafahamza4812
    @mustafahamza4812 ปีที่แล้ว

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

  • @hanasschoolwork4564
    @hanasschoolwork4564 ปีที่แล้ว

    This is absolutely adorable. Well done!

  • @Waffleings
    @Waffleings หลายเดือนก่อน

    I see people like this who do it like its easy.

  • @youssefmostafa5788
    @youssefmostafa5788 6 หลายเดือนก่อน +1

    JS is only easy to use because of libraries, otherwise it's really confusing, don't even get me started on nested arrow functions

  • @Miracle12348
    @Miracle12348 ปีที่แล้ว +1

    I wish he made longer videos.

  • @modley_the_m_guy
    @modley_the_m_guy ปีที่แล้ว +4

    GOODGIS MOMENT!

  • @SentientLampStudios-lm9ks
    @SentientLampStudios-lm9ks ปีที่แล้ว

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

  • @vaer-k
    @vaer-k ปีที่แล้ว +1

    I'm gonna pre-order DD when available

  • @tabita333
    @tabita333 4 หลายเดือนก่อน +2

    I hope to learn how to do such a game from scratch :(

  • @pattvira
    @pattvira 10 หลายเดือนก่อน

    This game is too cute! Capybaras for the win!

  • @that_guy1211
    @that_guy1211 ปีที่แล้ว +3

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

    • @jarayablack3619
      @jarayablack3619 11 หลายเดือนก่อน +1

      It is tho.

    • @that_guy1211
      @that_guy1211 11 หลายเดือนก่อน

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

    • @jarayablack3619
      @jarayablack3619 9 หลายเดือนก่อน +1

      @@that_guy1211 explain what do you mean then

    • @that_guy1211
      @that_guy1211 9 หลายเดือนก่อน

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

  • @cadeiradodiretor7976
    @cadeiradodiretor7976 ปีที่แล้ว

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

  • @FlushDesert22
    @FlushDesert22 7 หลายเดือนก่อน

    You should try this to do this again, but without out any frameworks. Just plain JavaScript.

    • @Animeewehs
      @Animeewehs 7 หลายเดือนก่อน

      Bruh 💀

  • @TheCollectiveHexagon
    @TheCollectiveHexagon 11 หลายเดือนก่อน

    3:19 omg no way...capivara backflip

    • @Goodgis
      @Goodgis  11 หลายเดือนก่อน

      ;)

  • @RohanJawahar
    @RohanJawahar 11 หลายเดือนก่อน +1

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

    • @Goodgis
      @Goodgis  11 หลายเดือนก่อน +1

      Affinity Designer :D

  • @vladislava2015
    @vladislava2015 ปีที่แล้ว +1

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

  • @RellyBautista-t5x
    @RellyBautista-t5x ปีที่แล้ว +1

    You doesnt need framework, javascript is easy to understand all you need to have is browser and code editor like vscode to start programming..

  • @ItsJustMehdi
    @ItsJustMehdi ปีที่แล้ว

    you make cutest art

  • @AcarMurat
    @AcarMurat 9 หลายเดือนก่อน +3

    Anyone have an idea how I should get started? I am studying javascript at the moment, but nothing for games, only web design. I want to create games like this, but I want to start off on a very low level, I have done simple projects like rock paper scissor. How should I do to progress from here?

  • @juanmacias5922
    @juanmacias5922 ปีที่แล้ว

    This game is so adorable!

  • @hannahl4108
    @hannahl4108 ปีที่แล้ว +1

    Absolutely amazing!

  • @jakethedog5906
    @jakethedog5906 3 หลายเดือนก่อน

    what do you use to design those capybaras and the oranges?

  • @hasyxd1671
    @hasyxd1671 ปีที่แล้ว +2

    Greate video !! Will you release the game ?

    • @ScopeCrepe
      @ScopeCrepe ปีที่แล้ว

      Goodgis planned on it, but had trouble getting it to work.

  • @AboutHreinzi
    @AboutHreinzi ปีที่แล้ว

    on affinity, use ctrl-j when copying

  • @sararebecapalacios
    @sararebecapalacios 6 หลายเดือนก่อน

    This guy is a genius...

  • @lambert005
    @lambert005 ปีที่แล้ว

    This is probably the cutest game I have ever seen

  • @Voltex_Carz
    @Voltex_Carz ปีที่แล้ว +1

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

  • @kakawong9319
    @kakawong9319 6 หลายเดือนก่อน +1

    Where can you find this game? Is there a specific website?

  • @Discotechque
    @Discotechque ปีที่แล้ว

    0:31 "404 not foundn"
    and for that back to the 404th layer of tutorial hell for you
    Edit: Capybara?! CAPYBARA!! Coconut doggy!

  • @acolombiansfwrdevlpr
    @acolombiansfwrdevlpr 7 วันที่ผ่านมา

    So, I've made 7 games in the last 11 days using JS, I'm sharin it live. So, its posible (lats one is space inaders) It's JS "vanilla" (Angular, not custom libaries)

  • @eboatwright_
    @eboatwright_ ปีที่แล้ว +3

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

  • @JELOLIMONSUTATU
    @JELOLIMONSUTATU 11 หลายเดือนก่อน +1

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