https://github.com/flibouche/flibouche-2d-portfolio

You can access my 2D pixel art portfolio here : https://flibouche-2d-portfolio.vercel.app/
https://github.com/flibouche/flibouche-2d-portfolio

2d-game kaboom-js pixel-art tiled-map-editor vitejs

Last synced: about 2 months ago
JSON representation

You can access my 2D pixel art portfolio here : https://flibouche-2d-portfolio.vercel.app/

• Host: GitHub
• URL: https://github.com/flibouche/flibouche-2d-portfolio
• Owner: Flibouche
• License: mit
• Created: 2024-06-16T07:40:01.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-03T15:24:23.000Z (7 months ago)
• Last Synced: 2024-07-04T03:19:02.892Z (7 months ago)
• Topics: 2d-game, kaboom-js, pixel-art, tiled-map-editor, vitejs
• Language: JavaScript
• Homepage: https://flibouche-2d-portfolio.vercel.app
• Size: 308 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flibouche-2D-Portfolio



Welcome to my CV/Portfolio repository ! 


I followed the FreeCodeCamp tutorial Build a Dev Portfolio as a 2D Game - JavaScript Course and decided to enhance it visually to personalize it according to my preferences. 


This portfolio is still a work in progress ! You can visit it here : My 2D Portfolio !

## How to run

Note: You need `Node.js` and `npm` installed on your machine.

`npm install` then `npm run dev`

## How to build

`npm run build` and a dist folder should be created.

## How to preview the build

`npm run preview`

## Project Contents

- **Setup** : Learn how to set up my development environment with Kaboom.js.

- **Loading Assets** : Manage game assets effectively to create an immersive game environment.

- **Using Tiled for Maps** : Utilize Tiled, a versatile tool, to design and manage game maps.

- **isplaying the Map** : Implement logic to render the game map on the screen.

- **Creating the Player** : Develop a player character to represent yourself within the game.

- **Boundary and Dialogue Logic** : Program game boundaries and interactive dialogues to enhance gameplay.

- **Player Movement and Spawning** : Implement logic for player movement and character spawning.

- **Camera Scaling, Animations, and Dialogue Text** : Add visual polish with camera effects, animations, and dynamic dialogue text.

## Technologies Used

- Vite.js

- Kaboom.js

- Node.js

- NPM

- Tiled

## Copyrights

- Pixel Art visuals by : LimeZu

- This project is licensed under the MIT LIcense - see the LICENSE file for details.