Een interatieve animatie gemaakt in HTML, CSS en Javascript.
Een hobbie project waar ik een interactieve animatie heb gemaakt met enkel HTML, Javascript en CSS.
Alle belangrijke elementen in dit project zijn ook gemaakt in HTML/CSS door een <Div> aan te maken en te stylen.
Voor dit project heb ik een karakter uit het videospel: Hollow Knight geprobeerd na te maken.
De gebruiker kan dingen aan het karakter veranderen en ook de omgeving veranderd als je er mee interact.
Binnen CSS is er een zee van vrijheid waar we als codeurs gebruik van kunnen maken. Ik heb tijdens het maken dit project veel geleerd over:
Dit project is een normale website, gemaakt ik HTML. Alle verschillende vormpjes die je ziet staan als <div>s in de HTML en voor de rest staat er niets van content in behalve de inhoud van de knoppen.
meer dan 95% van het werk heb ik in CSS gedaan.
Ik heb Keyframe animaties gebruikt om alles te laten bewegen.
Verder heb ik class list veranderingen gebruikt samen met Javascript om elementen te later verschijnen en verdwijnen.
De meeste interacties van de gebruiker gaat via Javascript omdat het een enkele webpagina is.
