sommerper / softgames-test

Softgames Test

Setup and install

• Clone the repository
• Run npm install
• Run npm start
• Visit http://localhost:3000/

Description

Main Page

• Shows a list of buttons that link to the different examples.
• It takes care of showing and removing the examples and cleaning up the state.

Stacked Cards

• Shows an open and a closed deck and moves the top card from the closed deck to the open deck once every second.
• It does have symbols and values for the cards even though it was technically not required. I thought it would be a good opportunity to add some more data and structure to examine.

Text Tool

• I didn't have time to finish this one.
• I started with trying to implement the library that we use at work, but it's not compatible with Pixi v8.
• So I tried using the HTMLText container, but it's not working as expected and leaves img tags as empty.
• I left the remains in there anyway so you can see what I was trying to do.

Fire effect

• A gsap animated fire using 6 instances of one sprite.
• Sorry for the stock photo. (And the graphics in general ;)

Notes

• Normally when using Noise libraries, such as fastnoise, I would precalculate the values on beforehand instead of on the fly.
• For fire effects in 2D, I would normally use a shader.
• I used Vite with Pixi for the first time so I hope it's working as expected. I'm used to using Webpack and I am pleasantly surprised by the compilation speed.