PixiJS Startproject 2021 - 2022

Dit is een startproject voor het programmeervak 2021 - 2022: Werken met PixiJS en Typescript. Installeer eerst NodeJS en Visual Studio Code

📺 Bekijk daarna dit filmpje voor het opzetten van dit voorbeeldproject op je eigen computer

Installeren

Klik op FORK repository. Dit maakt een kopie van dit startproject in je eigen github.

Open een nieuw VS Code venster. Ga naar File > Clone Repository en paste daar de .git url van jouw fork project: https://github.com/jouwnaam/PRG04-2021-2022-startproject.git

In de VS Code terminal typ je:

npm install

In VS Code verschijnt een start button in de linkerbalk. Druk hierop om je game te ontwikkelen. Druk op build als je de game wil gaan publiceren.

Je kan die commando's ook in de terminal typen.

npm run start
npm run build

Je game publiceren

Als je de game wil publiceren kan je build uitvoeren. Upload je game naar je eigen github repository. Ga naar Settings > Pages en selecteer daar main/docs als bron. Je game is nu online speelbaar!

Pixi voorbeeldcode

De code in Game.ts toont een canvas en een sprite.

Links

• 📺 Installatie instructies Youtube
• PixiJS Examples en Getting started
• Pixi Preloader documentation
• NodeJS en Visual Studio Code
• Advanced: zelf een PixiJS Typescript project opzetten from scratch