Create a Pokemon-Styled Game: Map Creation with Tiled

TLDRIn this video, we will be coding a Pokemon-styled game in the browser using Tiled map editor for map creation, JavaScript and Canvas for player and map development, and battle sequences for engaging gameplay.

Key insights

:earth_asia:Map creation is the first step in developing a Pokemon-styled game, and Tiled map editor helps in creating and laying out the map elements.

:computer:Player and map development involves using JavaScript and Canvas to render the game, along with animations and interactions.

:crossed_swords:Implementing battle sequences adds excitement and engagement to the game, with options to scale up the attacks and add more features.

:speech_balloon:Conversation with other characters, entering buildings, traveling, item collections, health bars, healing, and gym battles are potential additional features for the game.

:video_game:The tutorial focuses on the core steps to create a Pokemon-styled game, with bonus content and extended features available on the author's website.

Q&A

What is Tiled map editor?

Tiled is a free map editor that allows game developers to create and lay out maps with tiles and add collision boundaries for player movement.

What tools are used in player and map development?

Player and map development involves using JavaScript and Canvas to render the game, along with animations and interactions.

Are there options to add more features to the game?

Yes, there are several potential additional features that can be added, such as conversations with characters, entering buildings, traveling, item collections, health bars, healing, and gym battles.

How long does it take to complete the tutorial?

The tutorial is expected to take anywhere from three to eight hours, depending on the depth of additional features added.

Where can I find bonus content and extended features for the game?

Bonus content and extended features for the game can be found on the author's website, chrisgroves.com.

Timestamped Summary

00:00Introduction to creating a Pokemon-styled game in the browser using Tiled map editor, JavaScript, and Canvas.

02:20Additional bonus content available on the author's website, including conversations with characters, entering buildings, traveling, item collections, health bars, healing, and gym battles.

03:12Map creation with Tiled map editor is the first step in developing the game, ensuring correct layout and boundaries for player movement.

04:16Player and map development involves using JavaScript and Canvas to render the game and incorporate animations and interactions.

05:23Implementing battle sequences adds excitement and engagement to the game, with options to scale up attacks and add more features.

06:52Additional features such as player levels, ability usage, and capturing Pokemon may require more development time.

10:39Downloading game assets from itch.io, an indie game marketplace, to use in the development of the game.

13:30Using the Tiled map editor to import the downloaded tile set and create the map layout by placing tiles on a grid.