Typescript-PixiJS-Webpack-NPM-Application

• Task 1 - Create 144 sprites (NOT graphics object) that are stacked on each other like cards in a deck(so object above covers bottom one, but not completely). Every second 1 object from top of stack goes to other stack - animation of moving should be 2 seconds long. So at the end of whole process you should have reversed stack. Display number of fps in left top corner and make sure, that this demo runs well on mobile devices.

• Task 2 - Create a tool that will allow mixed text and images in an easy way (for example displaying text with emoticons or prices with money icon). It should come up every 2 seconds a random text with images in random configuration (image + text + image, image + image + image, image + image + text, text + image + text etc) and a random font size.

• Task 3 - Particles - make a demo that shows an awesome fire effect. Please keep number of images low (max 10 sprites on screen at once). Feel free to use existing libraries how you would use them in a real project. Please provide a link to the sources (Dropbox, Google Drive, Git etc.) and if possible a link to the working web version.

Repo : https://github.com/deepaktomar2031/Typescript-PixiJS-Webpack-NPM

Branch:

• master - Source Branch

Run Project locally

• npm install
• npm run serve // to start server on port 8080 (http://127.0.0.1:8080/)
• npm run build // to build to project in dist folder. To start the project run http-server in dist folder.