You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Peter Babič acf91d798f move components to their designated directory 6 months ago
assets update preview 6 months ago
cypress fix cypress 6 months ago
public fix white background and relative paths for itch 6 months ago
src move components to their designated directory 6 months ago
.gitignore fix white background and relative paths for itch 6 months ago
.prettierrc initial commit 9 months ago
README.md move components to their designated directory 6 months ago
cypress.json insert test restart game 9 months ago
package-lock.json fix cypress 6 months ago
package.json fix cypress 6 months ago
postcss.config.js implement tailwind 7 months ago
rollup.config.js prepare for release 6 months ago
tailwind.config.js fix white background and relative paths for itch 6 months ago

README.md

Triangles.fun

A colorful, relaxing HTML5 puzzle game. Play at https://triangles.fun

Consider donating on Buy Me a Coffee to sustain domain costs.

preview

Technologies used

Inspiration

Thanks for my girlfriend Sara for showing me the IRL version, she played it when she was a little kid. The photo of IRL triangles for the interested in in my humble blog hosted on this domain (currently running Sapper, so no Tailwind there yet).

Thanks also to Carlos Ferreira for the https://squares.fun for showing me this tech stack is possible and works nicely together. Since I have found Squares, I wanted to do such project. Now it is a reality. Go play a version Carlos made too it, it's a lot of fun.

Development

You can clone this repo and run the code yourself. Standard Svelte run commands apply.

npm run build && npm run start
## OR
npm run dev

Now navigate to https://localhost:5000

Testing

A test run can be invoked via Cypress.

npx cypress run
# OR
npx cypress open

The game must be running in a different terminal before that. It requires the server running beforehand, you can utilize start-server-and-test to overcome this. Practices vary.

Please note that there is a problem of clicking to multiple elements, that I did not find a solution to yet, that happes during test.

TODO

  • ad
  • update icons
  • manage UI buttons
  • fix undo missing animation
  • fix undo when circle picked
  • add about page
  • fix victory / gameover modal
  • handle U, R and A keypresses
  • polish the App.svelte, it is too large
  • fix the problem of top row getting out of the screen

License

All source code is licensed under MIT.