4P Trailers

Big South
4P Trailers

4P Trailers

A website created for the trailer company 4P Trailers. The main interests are the page for displaying information about trailer models and the page for building your own trailer (check it out).

  • Company: Big South
  • My role: Front and back end programmer
  • Client: 4P Trailers
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

Medivet

Big South
Medivet

Medivet

A website with an associated web shop for Medivet.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: Medivet
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

Scandinavian Cosmetics

Big South
Scandinavian Cosmetics

Scandinavian Cosmetics image bank

An image bank tool used by journalists and PR professionals. The tool was integrated with their PIM solution and let the users download zip archives with selected images and resolutions.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: Scandinavian Cosmetics
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

The Green Dairy

Big South
The Green Dairy

The Green Dairy

A website created for the plant-based food production company The Green Dairy.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: The Green Dairy
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

TIAB

Big South
TIAB

TIAB

A B2B website with a web shop used for selling trailer parts.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: TIAB
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

TAKO

Big South
Tako

TAKO

A website created for the Tako restaurant.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: Restaurang Tako
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

Smood

Big South
Smood

Smood

A website created for the naprapath company Smood.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: Smood
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

Boqueria

Big South
Boqueria

Boqueria

A website created for the Boqueria restaurant.

  • Company: Big South
  • My role: Front and back end programmer
  • Client: Boqueria
  • CMS: ExpressionEngine
  • Languages: PHP, MySQL, JavaScript, SCSS, HTML5

University


Enhanced Motion Detection

Master Thesis
Motion Detection

Enhanced Motion Detection for Web Based Games

This is the Master Thesis I created at Therese Kristoffer Publishing AB. Its main goal was to create an application which used image processing algorithms to detect motion in a video sequence acquired from a web camera. The work was implemented in WebGL and was also created as an interaction plug-in for web based games.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js, ThreeRTT.js, Phaser IO
  • No. of Participants: 1
  • Year: 2015

Procedural Tree Generator

TNM084 Procedural images
Procedural Tree Generator

Procedural Tree Generator

I implemented the procedural tree generator project in the course Procedural images at the University of Linköping. Its aim was to create a tree generator that is able to procedurally generate a realistic tree structure from a set of parameters and also to get a deeper knowledge about noise generation. The surface was procedurally generated with cellular and simplex noise.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js, dat.gui
  • No. of Participants: 1
  • Year: 2015

The Website Merits

TDDD27 Advanced Web Programming
Merits

The Website Merits

An application that lets the user upload projects and other things the user wishes to display for an audience. The website is some sort of web based portfolio. The user can upload PDF-files and images and include a video link. By adding relevant tags to the projects it allows for example recruiting companies to search for a specific skillset.

  • Languages: Ruby on Rails, JavaScript, HTML5, CSS
  • Libraries: Angular.js, Bootstrap.js
  • No. of Participants: 2
  • Year: 2014

SPH Fluid Simulation

TNM085 Modelling Project
SPH Fluid Simulation

SPH Fluid Simulation

The project was about implementing a method called SPH (Smoothed-Particle Hydrodynamics). It is a version of the Navier-Stokes equation that describes the flow of a fluid.

  • Languages: C++, MATLAB
  • Library: OpenGL
  • No. of Participants: 5
  • Year: 2013

Swedish Population Statistics

TNM048 Information Visualization
Information Visualization

Swedish Population Statistics

An application that lets the user interact and analyze a data set containing multivariate data. The data set used contains information about Swedish population statistics and is represented with parallel coordinates connected with a choropleth map and a pie chart.

  • Language: JavaScript, HTML5, CSS
  • Library: D3.js
  • No. of Participants: 3
  • Year: 2014

Cloth Simulation

TSBK03 Advanced Game Programming
Cloth Simulation

Cloth Simulation

An application that simulates and renders a realistic cloth in real time. Properties such as wind, collision, wetness, tearing and incineration were applied to the cloth to test the possibilities of modern OpenGL and GLSL calculation and rendering. The cloth was represented as a mass-spring system and was computed on the Graphical Processing Unit (GPU).

  • Languages: C/C++, GLSL
  • Library: OpenGL
  • No. of Participants: 3
  • Year: 2014/2015

Parallax Mapping with GLSL

TNCG14 Advanced Computer Graphics
Parallax Mapping

Parallax Mapping with GLSL

An implementation of parallax mapping in OpenGL using GLSL (OpenGL Shading Language). Parallax mapping will give the effect of height differences on an otherwise flat surface by displacing texture coordinates.

  • Languages: C++, GLSL
  • Library: OpenGL
  • No. of Participants: 2
  • Year: 2014

Blockade

TDDD23 Design and Programming of Computer Games
Blockade

Blockade

A physics-based puzzle platforming game I and another student created using the game engine "Game Maker". The associated course was about design parameters and technical issues of design and programming of computer games.

  • Language: Game Maker Language
  • Program: Game Maker
  • No. of Participants: 2
  • Year: 2013

AI Crowd Simulation

TNM095 Artificial Intelligence for Interactive Media
Crowd Simulation

AI Crowd Simulation

A simulation that simulates how people reacts if a emergency break out in a crowded place. It uses two artificial intelligens algorithms; Flocking and Influence maps.

  • Language: JavaScript
  • Program: Unity
  • No. of Participants: 3
  • Year: 2014

Side projects


Procedural Toon Tree

WebGL
toon tree

Procedural Toon Tree

An extension of the Procedural Tree Generator.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js
  • No. of Participants: 1
  • Year: 2015

Floating Boxes

WebGL
floating boxes

Floating Boxes

Look at all those boxes. A simple WebGL application that covers picking in 3D-space.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js
  • No. of Participants: 1
  • Year: 2015

Earth from Space

WebGL
earth

Earth from Space

A WebGL application that uses a default normal map shader from Three.js.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js
  • No. of Participants: 1
  • Year: 2015

Vertex Displacement

WebGL
Procedural Tree Generator

Vertex Displacement

A simple program with displacement of vertices using sine and cosine functions.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js
  • No. of Participants: 1
  • Year: 2015

The Sun

WebGL
sun

The Sun

A WebGL application with texture animation using the fragment shader.

  • Languages: JavaScript, GLSL
  • Libraries: WebGL, Three.js
  • No. of Participants: 1
  • Year: 2015

About me

As a developer at Big South I work with both front and back end tasks. A day at my work involves working with PHP, MySQL, Javascript and more to solve problems that mainly focus on enhancing the user experience.

I am a dedicated and competent person with a Master of Science in Media Technology and Engineering at The University of Linköping. The focus of my master has been mathematics, computer graphics and image processing and I have through my studies learnt to use a variety of programming languages. By emphasizing on media technology I have gained the ability to create and use computer graphics and visualization to simulate and animate different processes and structures.

When I am not in front of the computer or playing video games I am probably bouldering or trying to figure out the next climbing problem to solve. I also have a weak spot for data visualization and 3D graphics and enjoy implementing applications with WebGL.

Read more about my experience in my résumé here.

About