WELCOME TO MY PORTFOLIO

HELLO, MY NAME IS SAM

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!

AND MORE!

JAVASCRIPT

PHP

GODOT

CAKEPHP

ADOBE

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.

VIDEO
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.

VIDEO
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.

VIDEO FONTYS ARTICLE
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.

VIDEO
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.

FIGMA
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!

DEMO
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.

DEMO
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.

DEMO VIDEO
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.

DEMO
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.

DEMO
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.

VIDEO 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.

VIDEO
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.

VIDEO

WELCOME TO MY PORTFOLIO

READ MORE ABOUT ME OR MY WORK BELOW

HELLO, MY NAME IS SAM

PERSONAL HIGHLIGHTS

GODOT

PARTYMORPH

GODOT

PARTYMORPH