Month: June 2024

Learn to use JavaScript and Kaboom.js to build a Metroidvania style game. In this tutorial, you'll learn everything from setting up your development environment to implementing complex game mechanics like enemy AI and boss battles. ✏️ Course developed by @JSLegendDev Live demo: https://jslegend.itch.io/javascript-metroidvania
Source code: https://github.com/JSLegendDev/JavaScript-Metroidvania Link to the Kaboom.js library: https://unpkg.com/kaboom@3000.1.17/dist/kaboom.mjs
Assets used can be downloaded here: https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/assets
Original assets can be found here with extra paid assets: https://venoxxx.itch.io/pixxxelpunkkk-toolkit )
Modified u.png version (inc. in assets link above): https://github.com/JSLegendDev/JavaScript-Metroidvania/blob/master/assets/sprites/u.png
Modified burn3r.png version (inc. in assets link above): https://github.com/JSLegendDev/JavaScript-Metroidvania/blob/master/assets/sprites/burn3r.png
Sound assets: https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/assets/sounds
Map layouts (room1.json + room2.json): https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/maps
Download Tiled here: https://mapeditor.org Guide on how to use Tiled + Kaboom.js: https://jslegenddev.substack.com/p/how-to-use-tiled-with-kaboomjs
Guide on how custom events work in Kaboom.js: https://jslegenddev.substack.com/p/custom-events-in-kaboomjs
Guide on how to implement one way platforms: https://jslegenddev.substack.com/p/how-to-implement-one-way-platforms ⭐️ Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:06:18) Setup
⌨️ (0:14:42) Initializing Kaboom
⌨️ (0:21:59) Loading assets
⌨️ (0:33:38) Defining scenes
⌨️ (0:40:00) Understanding Game Objects in Kaboom
⌨️ (0:43:47) Implementing logic to load and display the map
⌨️ (1:16:49) Implementing logic to place colliders over the map
⌨️ (1:33:53) Implementing player logic
⌨️ (1:42:37) Implementing global state management
⌨️ (1:50:12) Continuing player logic implementation
⌨️ (2:22:56) Setting up our camera system
⌨️ (2:38:29) Implementing drone enemy
⌨️ (3:10:45) Implementing boss barrier
⌨️ (3:24:16) Implementing boss battle
⌨️ (3:57:15) Implementing health catrdiges + health bar
⌨️ (4:05:43) Making sure the player respawns when falling out of bounds
⌨️ (4:10:06) Implementing logic to link room1 and room2
⌨️ (4:28:49) Finishing touches
⌨️ (4:32:35) General guidance on how to deploy the project🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan 👾 Oscar Rahnama — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

### How to Set Up MySQL Database with Docker (Using Docker Command and Docker-Compose) Setting up a MySQL database using Docker simplifies the process of database management, allowing you to create, configure, and manage your databases in isolated containers. This guide will walk you through the steps to set up a MySQL database using Docker commands and Docker-Compose. **Requirements:** – Docker installed on your system
– Basic knowledge of command-line interface **Step-by-Step Guide:** ## Using Docker Command ### Step 1: Pull the MySQL Docker Image First, you need to pull the official MySQL image from the Docker Hub repository. “`bash
docker pull mysql:latest
“` ### Step 2: Run a MySQL Container Run a container using the MySQL image with environment variables for the root password and other configurations. “`bash
docker run –name mysql-container -e MYSQL_ROOT_PASSWORD=rootpassword -e MYSQL_DATABASE=mydatabase -e MYSQL_USER=myuser -e MYSQL_PASSWORD=mypassword -p 3306:3306 -d mysql:latest
“` – `–name mysql-container`: Names the container `mysql-container`.
– `-e MYSQL_ROOT_PASSWORD=rootpassword`: Sets the root password.
– `-e MYSQL_DATABASE=mydatabase`: Creates a database named `mydatabase`.
– `-e MYSQL_USER=myuser`: Creates a user named `myuser`.
– `-e MYSQL_PASSWORD=mypassword`: Sets the password for `myuser`.
– `-p 3306:3306`: Maps port 3306 of the container to port 3306 of the host.
– `-d`: Runs the container in detached mode.
– `mysql:latest`: Uses the latest MySQL image. ### Step 3: Verify the MySQL Container Check if the MySQL container is running. “`bash
docker ps
“` You should see your `mysql-container` listed and running. ### Step 4: Connect to the MySQL Database You can now connect to the MySQL database using the MySQL client or any other database management tool. “`bash
docker exec -it mysql-container mysql -u root -p
“` Enter the root password when prompted. ## Using Docker-Compose ### Step 1: Create a Docker-Compose File Create a `docker-compose.yml` file in your project directory. “`yaml
version: '3.1' services: db: image: mysql:latest container_name: mysql-compose-container environment: MYSQL_ROOT_PASSWORD: rootpassword MYSQL_DATABASE: mydatabase MYSQL_USER: myuser MYSQL_PASSWORD: mypassword ports: – "3306:3306" volumes: – db_data:/var/lib/mysql volumes: db_data:
“` ### Step 2: Run Docker-Compose Navigate to the directory containing the `docker-compose.yml` file and run: “`bash
docker-compose up -d
“` – `up`: Creates and starts the containers.
– `-d`: Runs the containers in detached mode. ### Step 3: Verify the MySQL Container Check if the MySQL container is running using: “`bash
docker-compose ps
“` ### Step 4: Connect to the MySQL Database Similar to the Docker command method, connect to the MySQL database using the MySQL client: “`bash
docker-compose exec db mysql -u root -p
“` Enter the root password when prompted. **Conclusion:** By following these steps, you have successfully set up a MySQL database using Docker commands and Docker-Compose. This setup allows for easy deployment and management of your MySQL databases in isolated containers, making your development and testing processes more efficient. Don't forget to like, share, and subscribe for more tech tutorials and tips! #MySQL #Docker #DockerCompose #Database #TechTutorial #HowTo #DatabaseSetup #DockerMySQL #Containerization #DevOps #DatabaseManagement