HELLO, MY NAME IS
I'm a 26-year-old aspiring front-end web developer with a love for creative coding. Currently, I'm studying IT Media Design at Fontys University of Applied Sciences in Eindhoven. Endlessly fascinated with balancing the visual and the technical, my interests have led me to pursue a variety of different topics, from video editing, to full-stack development, to game design. Scroll down to explore my story in chronological order! For a more comprehensive list of my skills, check out my CV!
PERSONAL HIGHLIGHTS
-
GODOT
PARTYMORPH
GODOT
PARTYMORPH
PartyMorph is a four-player couch co-op party game set on a distant planet. Its inhabitants are holding a presidential election, which is decided by a series of mini-games. However, these aliens have the power to transform their planet to their liking, setting the stage for all sorts of wacky scenarios.
PartyMorph is the result of a 7th semester group project, involving a mix of UX and C# programming and game design. The challenge was to create a product with the actual intention of releasing it.
-
GAMEMAKER
SUMMONS GONE WRONG
GAMEMAKER
SUMMONS GONE WRONG
My favorite project during the whole of my study; Summons Gone Wrong is a game I entirely made during my minor, which gave me the freedom to choose my own learning goals and project requirements.
This game is about a wizard suffering from amnesia after a failed summoning attempt. It's an action roguelike in which you're able to combine elements to unleash devastating attacks unto a horde of an ever-increasing amounts of monsters. Progression is dictated by both the character learning new elements, and the player finding out what each element does.
-
UNITY C#
CLOTHES MINDED
UNITY C#
CLOTHES MINDED
Because of my interest in games, I decided in my third semester to take on a more gamification-related group project that required the use of the Unity engine. This was quite a success, because we ended up getting interviewed for a Fontys article.
The idea behind this project was to introduce the concept of fast fashion to a young target audience. Our final product was a VR game that guides the user through a clothing production line in the form of short interactive scenes filled with fast fashion related tasks.
-
GAMEMAKER
STROODLE KNIGHT
GAMEMAKER
STROODLE KNIGHT
During my minor I was involved in a group project tasked with using technology to motivate festival goers to stop littering during festivals. I'm proud to say I came up with the idea to make a fun mini-game of it.
Every time a festival goer would throw away a piece of trash, a character in a game would attack a boss. If the festival goers collectively manage to defeat this boss, a special event unlocks that rewards them. I ended up designing and realising almost everything that had to do with the game itself, including the pixel art for the characters.
-
DESIGN
APP MOCKUPS
DESIGN
APP MOCK UPS
I've made a lot of different app concepts during my fourth semester, which was a smart mobile specialization. I've had to work these concepts out into both high fidelity and low fidelity prototypes.
These concepts include Let's soccer, Hobbr, Wanderlust, Let's flex and Family Night. You can find all the screens I've designed below.
-
JAVASCRIPT
SHOOTING GAME
JAVASCRIPT
SHOOTING GAME
As an introduction to JavaScript animations and the canvas element, I followed a YouTube tutorial to create a shooter game. The goal of the game is to survive as long as you can. The difficulty increases over time and you score points by destroying incoming objects.
This project is what sparked my interest in JavaScript animations. The canvas element can be an extremely flexible tool with a little creativity. I even used my experience with particle physics in Unity projects! -
JAVASCRIPT
AERIAL DOGFIGHT GAME
JAVASCRIPT
AERIAL DOGFIGHT GAME
In the second semester I made an aerial dogfight themed mini-game game using JavaScript animations. I had gained some experience at this point from following tutorials and decided to try my hand at making something completely original from scratch.
In addition to technical knowledge, I also learned the importance of communicating game mechanics and controls to the player in an accessible and clear way.
-
JAVASCRIPT
CREATIVE CODING
JAVASCRIPT
CREATIVE CODING
After discovering JavaScript animations, I wanted to find out what else I could make utilizing the canvas element. I decided to experiment with three different animation 'techniques'. These are 'pixel effects', 'circular motions' and 'interactivity'.
I eventually made a set of animations for each technique. In 'pixel effects' I copy images onto a canvas. In 'circular motions' I explore the math behind particle movement. In 'interactivity' I create animations that respond to the users input.
-
JAVASCRIPT
SPIDER-MAN OUTRO
JAVASCRIPT
SPIDER-MAN OUTRO
During the third semester we had to imitate an intro or an outro from a movie, tv-serie or game using HTML, CSS and JavaScript. I choose to recreate the credits of Spider-Man: No Way Home to the best of my abilities.
The outro I choose might have been too ambitious, but I did learn a lot of new formulas to use in future JavaScript animations. I also loved the challenge of synchronizing the animations to the beat of the music. Incorporating music and sounds into JavaScript formulas is something I want to experiment with in the future.
-
JAVASCRIPT
ELON MUSK SPACE ADVENTURES
JAVASCRIPT
ELON MUSK SPACE ADVENTURES
During semester three I made a Flappy Bird like HTML game. My objective during this project was to keep a more thorough code structure. I've noticed that it became harder to read my JavaScript code in the past since I had made so many particle classes.
This time around I used modules and classes to simulate a more object-oriented structure. I also made a game controller object to manage the initialising and resetting of the game.
-
DISCORD.JS
DISCORD SCHEDULE BOT
DISCORD.JS
DISCORD SCHEDULE BOT
In my free time I like to game with a group of friends on Discord. We've noticed however that it has become increasingly difficult to plan these game nights in a group of ten players.
To solve this I've come up with a discord bot that can generate sign up messages based on our schedule. It automatically posts these messages every week. The bot also comes with a handbook.
-
REACT.JS
SOURCE MANAGEMENT SYSTEM
REACT.JS
SOURCE MANAGEMENT SYSTEM
In semester four I had a client at Omroep Flevoland request a way to simplify the process of maintaining article sources, as it became quite difficult to keep track of the reliability of sources.
To solve this I designed a proof of concept in React.js of a system where sources can be found and added to articles by utilizing the Google Scholar API. These sources automatically obtain and display relevant information like the author or potential links and can subsequently be managed from within the articles page.
-
AFTER EFFECTS
SOLK ANIMATION
AFTER EFFECTS
SOLK ANIMATION
During my internship I had to create multiple logo's, flyers and animations for a handful of clients. For obvious reasons I can't share all of these, but this particular animation ended up not being used.
The assignment was to create a short and catchy, but not distracting, animation loop using the clients' logo. I made multiple versions using Adobe After Effects, but I was personally pretty proud of this one. Using the LottieFiles plugin, I converted it to a svg animation that could easily be used on their website.