Skip to content

Axelweaver/type-script-arcanoid-2023

Repository files navigation

type-script-arcanoid-2023

An example of creating a simple Arkanoid game on TypeScript using Canvas and geometric shapes.

image

https://axelweaver.github.io/type-script-arcanoid-2023/

🌍 Environment

Software Version(s)
Node.JS v20.3.1
npm/Yarn yarn v3.6.1
TypeScript v5.1.6
Vite v4.4.6
IDE VSCode v1.80.1
Operating System Windows 11

Project build

The assembly and debugging of the project is carried out on Node.JS version 20.3.1 you can install it from this link https://nodejs.org/en

image

the Yarn package manager version 3.6.1 is also used.

To install yarn run the command:

npm install --global yarn

To install Yarn version 3.6.1, go to the project directory and run the command:

yarn set version 3.6.1

After that, you can call the command to install all dependencies:

yarn install

To build the project, you need to run the command:

yarn build

image

To start debugging an application in real time, you need to run the following command:

yarn dev

Display the following in the console:

image

Press the O key to open the application in the browser. To exit debug mode - Q

If you want to run an ESLint check and fix the simplest remarks right away, run this command:

yarn lint --fix

Development environment

To work on this project, I used the VSСode IDE, it can be downloaded for free from the page: https://code.visualstudio.com/

image

image