Fuzzy Waddle

Available on Render and GitHub Pages

Setup dev environment

Api

• Copy the .env.example file to .env.local and fill in the values.
  • for CORS_ORIGIN, set it to http://localhost:4200

Supabase:

Authentication

• Setup Google OAuth2: https://supabase.io/docs/guides/auth#google
• URL config:
  • Site URL: https://fuzzy-waddle.onrender.com
  • Redirect URLs
    • Add http://localhost:4200/
    • Add https://fuzzy-waddle.onrender.com/
    • Add https://jernejhabjan.github.io/fuzzy-waddle/

Deployment

• Client: https://fuzzy-waddle.onrender.com/
  • build command: pnpm i; npm run nx-build-client
  • publish directory: ./dist/apps/client
  • Rewrite rule:
    • add rewrite rule as we don't use hash routing:
    • destination: "/index.html"
    • action: "rewrite"
    • docs for render.com: https://render.com/docs/deploy-create-react-app#using-client-side-routing
    • docs for azure: https://learn.microsoft.com/en-us/azure/static-web-apps/configuration?WT.mc_id=javascript-17844-cxa#fallback-routes
• Server: https://fuzzy-waddle-api.onrender.com/
  • build command in render.com: pnpm i; nx build api
  • Start command in render.com: node dist/apps/api/main.js
  • add health check: /api/health
  • Add supabase environmental variables: SUPABASE_URL and SUPABASE_SERVICE_KEY
  • Add CORS_ORIGIN environmental variable: https://fuzzy-waddle.onrender.com,https://jernejhabjan.github.io

Other sources

• https://www.pixilart.com/darkneess10

Phaser Editor 2D

• .skip files are used to skip files from being processed by Phaser Editor 2D
• investigate issues: Ctrl+Shift+I
• if crashing: - if there's an issue with the Phaser shaders, try to switch the IDE to Canvas press Ctrl+K, and execute this command: set default render type to CANVAS, then reload the editor Ctrl+R

Attribution

This project utilizes the following works:

• Pixilart by Pixilart Inc
• Aseprite by David Capello
• Phaser by Richard Davey (License: MIT License)
• Phaser Editor 2D by PhaserEditor2D Team (License: MIT License)
• Universal LPC Spritesheet Character Generator by Sander Frenken (License: GPL-3.0 license) with Standalone Editor by pflat (License: GNU GPL v3.0 and/or Creative Commons Attribution-ShareAlike 3.0)
• Tiled by Thorbjørn Lindeijer (License: 3 licenses)
• TexturePacker by CodeAndWeb GmbH
• TileSetter by Led
• Laigter by Azagaya
• Angular by Google LLC (License: MIT License)
• NestJS by Kamil Myśliwiec and the NestJS contributors (License: MIT License)
• Supabase by Supabase Pte. Ltd. (License: Apache License 2.0)

Parts of this project utilize the features, code, or assets provided by these sources.

Please refer to the respective sources and licenses for more details.