Send me a message if you have any questions or comments.
End of Stream
An interactive story full of tension and sensation.
Together with team Delta I made an interactive video about a streamer who does a one
million subscriber special. He goes outside on an adventure and the viewers get to
decide what he does. He finds out there is a serial killer after him and tries to
hide from him. At some point he follows the killer to find out who it is.
Date: November 2019
Category: We Create Identity
Perlin Noise Generative Art
I used a function in p5.js called perlin noise. This type of noise is developed by
Ken
Perlin in 1983. He didn't like the "machine-like" look computer graphics had at the
time so he made something that looked more natural and flowing. I used it to make
four random walkers and connected them to make it look like soft pencil
lines.
Date: September 2019
Category: Programming
DIY Electric Longboard
For my endproject in high school I decided to build my
own electric longboard.
I have been a fan of longboards for a long time and of course making it electric
makes it ten times better.
I made a video of the build process, the quality at the start is realy bad
because my camera was out of focus. The rest of the video should be better quality.
Date: September 2019
Category: Electronics
A* Search Algorythm
I saw that one of the subjects of module 6 was programming the A* (A star) algorythm in Python.
This seemed very intersting so I decided to look into it.
I started by watching a video of the coding train about the A* algorythm where he talked about how it worked,
different concepts and some very good resources.
With the help of his video I created this version of the algorythm. It is has a "node" based database
where I randomly select which node is an obstacle and which isn't.
The algorythm searches the quickest way through the terrain without touching any of the obstacles.
From there I went further and wanted to make my own version. I started by making a random maze generator which looked like this.
It uses a recursive backtracker which means that it selects a random available node to go to but if there are no nodes around it,
it tracks back it's path until it has found a new node.
The difference here is that every node has four walls instead of just being an obstacle or not.
After this I spend an insane amount of time to get the A* algorythm working with the new system.
After hours of debugging it finally worked. The thing that prevented it from working was one missing exclamation mark.
I was really happy with the way it worked but I wanted to try some more things.
I made a drawing program in processing which allowed you to draw your own nodes and connect them via lines.
The algorythm would than search the shortest way from the first node you drew to the last one.
After this I wanted to try one more thing. I made a 2D visualisation of a 3D terrain before using Perlin noise.
I wondered if I could alter the A* algorythm so instead of looking where it can go and where it can't go it would look at the "height" of that pixel.
In this case the height of the pixel is determed by it's gray value. White is the lowest point and black the highest.
This way the algorythm would turn into some sort of "path of least resistance finder".
By remembering all the old paths it tried it turned into something like a river or lightning generator.
Date: January 2020
Category: Programming
Space Avoiders
When I was bored in a class I made a very simple 2D box avoiding game where you controlled your
box with the mouse and had to avoid other boxes thrown at you.
This small little game inspired me to dive into the world of 3D programming a bit.
I had never used the P3D function of processing and I thought it would be fun to recreate the 2D box avoiding
game in 3D in a space style. The pictures don't really do it justice so maybe in the future I will try to recreate it in
P5 Javascript so you can play it yourself on my website.
I added a simple user interface that tells you when you hit one of the obstacles.
Date: January 2020
Category: Programming
City Generator
I was talking with a friend about how a computer background seems like a very cool and interesting
picture when you first use it but after some time it just turn into something boring because you look
at it all the time.
This inspired me to make a random background generator that changes your background everytime you run the program.
This way you could set the program on autorun everytime you boot up your pc.
This is ofcourse a little annoying so I made it save all the old background and put a timer in the windows settings so it would
pick a random background out of the folder.
These are some of my favorites.
Date: January 2020
Category: Programming
Peer-Review showcase portfolio
My review of Sander Dullaerts website.
Sanders website is a well made website with clear navigation and playful colors. He
choose for these colors because they resemble Piet Mondriaan, I think this is a fun
way to style a site.
Portfolio Page Review
He has three classes on his portfolio page: the navbar class, and two
projectoverview classes. He uses these to space out the different elements. In the
navbar class he always has one of the items with a class called: "navbarcurrent".
This way he makes the current navigation item yellow.
In the first projectoverview he has one division called projectcontent. In the
second one he has two. This way he defines the different subjects. He makes the
picture clickable with the mouse to bring you to that subject.
The did not use WordPress or any other template. Neither did he use
Javascript/JQuery other plugins. But nonetheless it is a nice website.
From reviewin Sanders website I learned that content is far more important than
design. I spent close to 20 hours on designing my website and a lot less on the
content. This is ofcourse a choice I made because I really like to make things
look good. In the future I am going to pay more attention to content and less on
the design.
Date: Oktober 2019
Category: Web Technology
Website Advancements
All the stages my website went through!
These are the homepages I made so far,
you can clearly see they are getting better everytime.
I really like mountains so when I found out how to put images on a website
the background was quickly chosen.
With the third website I wanted to create a little bit of a calmer feel,
so I took a darker image and toned everything down a bit.
The second website I found out how to make navigation bars
so I made a basic one where the color would be darker when you hover over it with
you mouse and the page you
were on would be black.
With the third one I made the hovering and the current page names bold.
My fourth and current website is finally done. This time I decided I wanted to make
my website full responsive
for mobile use. I did this using Bootstrap, this is a library with premade classes
to make the layout a lot
easier. I still coded the website myself but with the help of those standard
commands.
This time I made a "one-page" website. I liked the way some other students had this
and wanted to try it myself.
I am very pleased with the result. Some of the things I still have to do are for
example an "older posts" page
for the blog section and an active navigation bar when scrolling.
I really like clean looking and organized website so that was my goal right here.
Everything is easy to navigate to without being confusing. I took some inspiration
from a lot of different templates and decided to combine a few elements I found with
my current website. For example the overlay when you click on a portfolio item or
blogpost.
Date: Oktober 2019
Category: Web Technology
Interactive video project
Today I had a meeting with my group for the first time.
We discussed a wide
range of ideas. The three main ideas we had were:
A crimimal bussiness man who represents the viewer and you get to make all
kinds of choices. Wich choices you make grow or shrink your empire in the city.
A detective where someone goes missing and someone else starts looking
for this person. When the second person goes missing aswell you, the viewer,
receive all the files on the subject and by chosing the right things you
find out what happened.
A typical horror movie with jump scares, abandoned buildings and all the
good stuff.
At the end our idea is as followes:
A random person starts watching a streamer. This streamer thanks everyone
for a million subscribers and tells them he is going to do a special stream
where the viewer decideds what he is going to do. He goes outside and with
some other choices a scary, kind of horror, story happens where he is outside
at night and maybe even in an abandoned building. There might be a serial
killer that only targets vloggers.
Date: September 2019
Category: We Create Identity
Gogbot
Art festival with this years theme: "Bio the New
Digital".
I visited Gogbot today! It is an art festival with a different theme each year. This
years theme was “Bio the New Digital”. A lot of projects were based around
genetic modification. The discussion is about if it should be allowed to engineer
DNA to create the perfect baby for example.
I looked at a bunch of different projects and one that stood out to me was an art
piece where the artist made a setup displaying a bunch of cans of blood to show how
it would look if we used genetic modification. He used 40 liters of his own blood
collected over several weeks, this is an extreme amount and blew my mind a little
bit. A project from a group from the UT made a box where you stand in to answer
questions about life. (Abortion for example) You had to answer yes or no and if you
did that the machine told you at the end that you are a computer and that you don’t
always have to choose between two absolute values. You could have chosen for both at
the same time to say that you didn’t want to choose and that would be the “human”
thing to do.
Another project was a giant DNA string and a computer where you could create an
avatar representing yourself. The different DNA parts could than be swapped out for
other ones to change certain characteristics. They did this using RFID tags inside
the DNA parts, this is a very clever way to do this.
Date: September 2019
Category: Web Technology
Final Module Expo
A quick look at how we closed this module and took a
look at other group projects.
We had sort of a market where we could walk around and take a look at other people
their projects. It was very nice to see what other people made. We also had to give
points to the different videos. Unfortunately we did not win but I still really
enjoyed it. People seemed to like our video and we got into the top five. I also
showed of the interactive postcard I made for programming. Me and Matthijs Sluijk
worked together on that and got a 10. I want to translate the project into
JavaScript so I can put on my website but I did not have the time for that yet.