JavaScript Adventure Platformer Game Tutorial

Поделиться
HTML-код
  • Опубликовано: 31 май 2024
  • - Guide on how to use Tiled + Kaboom.js : jslegenddev.substack.com/p/ho...
    - Guide on how custom events work in Kaboom.js : jslegenddev.substack.com/p/cu...
    - Guide on how to implement one way platforms : jslegenddev.substack.com/p/ho...
    Lived demo : jslegend.itch.io/javascript-m...
    Source code : github.com/JSLegendDev/JavaSc...
    Link to the Kaboom.js library : unpkg.com/kaboom@3000.1.17/di...
    Assets used can be downloaded here : venoxxx.itch.io/pixxxelpunkkk...
    Modified u.png version : github.com/JSLegendDev/JavaSc...
    Modified burn3r.png version : github.com/JSLegendDev/JavaSc...
    Sound assets : github.com/JSLegendDev/JavaSc...
    Map layouts (room1.json + room2.json) : github.com/JSLegendDev/JavaSc...
    You can download Tiled here : mapeditor.org
    -- Chapters --
    0:00 Intro
    5:45 Setup
    14:09 Initializing Kaboom
    21:26 Loading assets
    33:05 Defining scenes
    39:27 Understanding Game Objects in Kaboom
    43:14 Implementing logic to load and display the map
    1:16:16 Implementing logic to place colliders over the map
    1:33:20 Implementing player logic
    1:42:04 Implementing global state management
    1:49:39 Continuing player logic implementation
    2:22:23 Setting up our camera system
    2:37:56 Implementing drone enemy
    3:10:12 Implementing boss barrier
    3:23:43 Implementing boss battle
    3:56:42 Implementing health catrdiges + health bar
    4:05:10 Making sure the player respawns when falling out of bounds
    4:09:33 Implementing logic to link room1 and room2
    4:28:16 Finishing touches
    4:32:02 General guidance on how to deploy the project
  • ИгрыИгры

Комментарии • 16

  • @JSLegendDev
    @JSLegendDev  14 дней назад

    I really recommend joining the official Kaboom.js discord if you can. You can ask questions and share your projects with other people using Kaboom.
    Here's the invite link : discord.com/invite/aQ6RuQm3TF

  • @LawrenceAaronLuther
    @LawrenceAaronLuther 9 дней назад

    I must have gotten recommended this from all the pygame stuff I watch. Even though I don't use JS thumbs up for a nice, detailed tutorial.

  • @muadzrosli
    @muadzrosli 15 дней назад

    Wow. It’s here👍🏼👍🏼 Will watch for weekend learning💪🏼

  • @A4O_TSL
    @A4O_TSL 15 дней назад

    i cant believe this is a four hours tutorial!!! I LOVE IT!!!

  • @jgvlc
    @jgvlc 14 дней назад

    Very fun, thanks for share!🎉

  • @luule9135
    @luule9135 15 дней назад

    Yeah baby! Thats what Ive been waiting for!

  • @cafesmallhouse1751
    @cafesmallhouse1751 13 дней назад

    awesome video. thank you so much

  • @hwapyongedouard
    @hwapyongedouard 15 дней назад

    that's cool dude , well i think i have some more interesting projects in my portfolio . thanks

    • @JSLegendDev
      @JSLegendDev  15 дней назад

      No problem! Thanks for watching :)

  • @programming-cg2by
    @programming-cg2by 15 дней назад

    Super le tuto broo

  • @TitaniumT01
    @TitaniumT01 14 дней назад

    That kaboom link doesn't work or take you to a download section.

    • @TitaniumT01
      @TitaniumT01 14 дней назад +1

      Never mind, I was trying to manually go through. I see there is a better way after watching some more of the video.

  • @PootCoinSol
    @PootCoinSol 15 дней назад

    The Kaboom community thanks you