Create a Survival Game in Javascript with Phaser 3

set up visual studio code, install the live server extension to run html pages locally, and download the map editor from map editor dot org to build maps.

Set up a Phaser 3 main scene with preload, create, and update, add a matter sprite player, use WASD for movement, and normalize velocity to keep constant speed on diagonals.

Source 16x16 sprites from a free npc pack, use atlas packer to create an atlas, preload images, and add the townsfolk female sprite with idle and walking frames.

Refactor the player into a class extending Phaser Matter Sprite, encapsulating movement, input, and animation. Use a static preload method to set up textures and frames and tidy main scene.

Implement a well-rounded player by adding a circular collider and a larger circular sensor, forming a compound body for harvesting rocks and trees.

Create a 16 by 16 orthogonal map in tiled with a 32-pixel RPG nature tile set, save as map.json, then load it into Phaser 3 to render a static layer.

Use the stamp tool to add water tiles and refine edges for a cleaner look, then create a second layer to add variety and save the map in Phaser 3.

Create colliders on edge tiles in Phaser 3 using a collides property in Tiled, enable collisions with layer.setCollisionByProperty, and size colliders to fit edges so players can walk safely.

Build a resources atlas with trees, bushes, and rocks from tiled maps, export images, load into Phaser 3, place a tree and rock, and set them non-static.

Explore creating a pickaxe weapon in Phaser 3 by loading a sprite sheet, positioning the weapon with an origin, and swinging in an arc via mouse input with flip logic.

Use a sensor circle around the player to interact only with nearby rocks, trees, and bushes, building an array of touched objects for mining later.

Define a drops property on rocks, trees, and bushes as an array of item indices. Spawn drop items at the hit location with a class, enabling collision and pickup sounds.

Create forest themed enemies for a Phaser 3 survival game by using atlas packer to build an enemy atlas from assets and set up bear, wolf, and dog walk animations.

Learn how to place enemies in a Phaser 3 survival game by creating an enemies layer, defining bear and wolf enemies, their drops, health, loading sounds, and debugging idle frames.

Add sensors and a circular collider to enemies to detect and attack the player with a timed loop, flip sprites by velocity, map animations to each enemy, and handle death.

Override the on death method to display a death sprite, stop animations, set the corpse texture, and destroy the weapon, ensuring no movement or flipping while dead.

Turn off debugging to reveal a polished survival game where the character walks, chops trees, mines rocks, forages, and collects items as enemies chase and kill.

Fix the out-of-range bear damage bug, implement a smooth camera follow with bounds, and resolve tile bleeding by using tile extruder to produce a power-of-two 512x512 tileset.