Build Among Us in JavaScript P1 - [Map, Movement, Sprite Animation]

Build Among Us in JavaScript P1 - [Map, Movement, Sprite Animation]

This video is the first video in a series where i try to build an Among Us clone in Javascript using Phaser.js. In this first video the focus is on creating the map with boundaries. I also add keyboard input, code to move the player, a sprite for the player and animating the sprite when the player moves.

This video is the first video in a series where i try to build an Among Us clone in Javascript using Phaser.js. In this first video the focus is on creating the map with boundaries. I also add keyboard input, code to move the player, a sprite for the player and animating the sprite when the player moves.

Code links: Start of video: https://github.com/danba340/barely-amongjs/tree/p1-start End of video: https://github.com/danba340/barely-amongjs/tree/p1-end

Timestamps:

  • 0:00 Intro
  • 0:30 Project overview
  • 2:15 Preload assets
  • 4:50 Adding the ship
  • 6:00 Adding the player
  • 7:20 Center camera on player
  • 10:00 Keyboard inputs
  • 13:20 Player movement
  • 16:00 Player size
  • 17:10 Run animation
  • 23:10 Creating map boundaries
  • 31:40 Applying map boundaries
  • 36:20 Final play test
  • 37:40 Ending notes

javascript programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Best JavaScript Developers | JavaScript development company USA

Hire Dedicated JavaScript Developers from a top javascript development agency for your business solutions. We provide JS web developers for hire at a fixed or hourly rate.

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

How long does it take to develop/build an app?

This article covers A-Z about the mobile and web app development process and answers your question on how long does it take to develop/build an app.

JavaScript Tutorial: How To Create Your First JavaScript Program

In this JavaScript tutorial for beginners, we will learn how to write your first JavaScript Program, we will follow the below steps: Create a html page, Add JavaScript in the page – Inline, Add JavaScript in the page – External, Check the Developer Console in the browser

Developer Career Path: To Become a Team Lead or Stay a Developer?

For a developer, becoming a team leader can be a trap or open up opportunities for creating software. Two years ago, when I was a developer, ... by Oleg Sklyarov, Fullstack Developer at Skyeng company