Portfolio

Kasz' van Os

Ontwerper & Webdeveloper

SpellCast

HTML
CSS
JS
Disclaimer

Screenshots
Omschrijving
Over het project

Spellcast is een persoonlijk project dat ik uit eigen initiatief ben gestart om mijn vaardigheden in JavaScript en het HTML5 Canvas-element verder te ontwikkelen. In plaats van een klassieke 2D shooter met vuurwapens, koos ik voor een magisch thema waarin spelers spreuken gebruiken om elkaar te verslaan.

Doel en aanpak

Het spel begint met het kiezen van een mage-karakter, gevolgd door het samenstellen van je eigen spell-arsenaal. De game draait op een canvas dat wordt aangestuurd via requestAnimationFrame, met een framerate van 60 FPS. Binnen deze lus worden gebruikersinput (toetsenbord en muisbewegingen) verwerkt om het karakter te besturen.

Het doel van de game is om de tegenstander te verslaan door zijn levensbalk op nul te krijgen, terwijl je tegelijkertijd zijn aanvallen ontwijkt. Spelers kunnen verschillende spreuken combineren om zichzelf te versterken of de tegenstander te verzwakken — maar strategisch gebruik is essentieel, want je beschikt niet over een oneindige energievoorraad.

Technische highlights
  • Realtime inputverwerking en karakteranimatie
  • Spell-systeem met energiebeheer en cooldowns
  • Particle effects voor visuele impact van spreuken
  • Collision detection en health-mechanieken
  • Framerate-gestuurde rendering via requestAnimationFrame
Reflectie

In dit project heb ik veel geoefend met het genereren van particles en het bouwen van een werkend spelsysteem vanaf de basis. Het was een waardevolle uitdaging die mijn begrip van animaties, game logic en canvas-rendering flink heeft verdiept.