๐๐๐ถ๐น๐ฑ๐ถ๐ป๐ด ๐ฎ ๐๐๐ป๐ฒ ๐ฆ๐ผ๐น๐๐๐ถ๐ฐ๐ฒ ๐๐ฎ๐บ๐ฒ ๐๐ถ๐๐ต ๐ฉ๐ฎ๐ป๐ถ๐น๐น๐ฎ ๐๐ฆ
I built a digital Festa Junina for the June Solstice Game Jam.
In Brazil, the solstice marks the start of winter. We celebrate this with a traditional festival called Festa Junina. I turned this culture into an interactive digital courtyard using only Vanilla JavaScript, HTML5 Canvas, and CSS.
I avoided heavy game engines. I used pure code to build everything.
The project includes an interactive hub and three minigames:
- Pula Fogueira: An endless runner where you jump over fires and collect treats. I used the Canvas API with a parallax effect for this.
- Equilibrando o Quentรฃo: A physics game where you balance a drink using your mouse. I used math to calculate rotation instead of a physics engine.
- Ralando a Pamonha: A fast-paced clicking game that tests your speed.
Technical details:
- Graphics: I used inline SVG to draw characters and move them without overloading the DOM.
- Language: I built a custom i18n module. It detects your browser language and switches between English and Portuguese instantly.
- Data: I used the localStorage API to create a local medal board for high scores.
Building with Vanilla JS gives you total control over pixels and performance. It is a great way to practice logic.
Check out the full project here: https://dev.to/fvds/building-an-interactive-festa-junina-with-vanilla-js-4d4p
Source: https://dev.to/fvds/building-an-interactive-festa-junina-with-vanilla-js-4d4p