{"id":71,"date":"2020-01-27T08:15:05","date_gmt":"2020-01-27T08:15:05","guid":{"rendered":"https:\/\/demosites.io\/web-agency-gb\/?page_id=71"},"modified":"2024-04-10T03:36:03","modified_gmt":"2024-04-10T03:36:03","slug":"til-nord","status":"publish","type":"page","link":"http:\/\/portfolio.test\/til-nord\/","title":{"rendered":"Til Nord"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"min-height:434px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-dark-bg-background-color has-background-dim-80 has-background-dim\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/07\/til-nord.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<h1 class=\"wp-block-heading has-text-align-left has-nv-text-dark-bg-color has-text-color\">Til Nord<\/h1>\n\n\n\n<p class=\"has-nv-text-dark-bg-color has-text-color\" style=\"font-size:22px\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-nv-light-bg-color\">Open-World Snowmobile Driving Game<\/mark><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<div class=\"wp-block-group\" style=\"padding-top:30px;padding-bottom:0px;text-decoration:none\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-medium-font-size\" style=\"padding-top:var(--wp--preset--spacing--50)\">Achievements<\/p>\n\n\n\n<ul>\n<li style=\"font-style:normal;font-weight:400\">Achieving satisfying vehicle feel using Unreal&#8217;s PhysX, Physic Asset, and Advanced Vehicle systems<\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\">Enhancing the driving experience by only changing the camera, to prevent more work for the Level Designers<\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\">Developing tools to speed up workflow for creating content in an open world.<\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\">Prototyping various systems including narrative, merchant\/shops, predictive landing<\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\">Implementing and transforming outsourced systems<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull has-neve-text-color-color has-text-color has-link-color wp-elements-398d02d7ad1f95528f65d76a75e66f6d\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-site-bg-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Summary<\/h2>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">Til Nord is a Open World driving game where the player controls a snowmobile. The player can explore, race, or help the locals solve some of their problems.<\/p>\n\n\n\n<p>My role on this project was <strong>Technical Game Designer<\/strong> and assisting in <br>&#8211; improving vehicle feel with Unreal&#8217;s Advanced Vehicle System<br>&#8211; improving the vehicle&#8217;s interaction with the landscape<br>&#8211; creating tools to assist in content creation<br>&#8211; optimization, including use of the Unreal Engine Profiler<\/p>\n\n\n\n<p>Very Positive rating on Steam with 150k+ lifetime users. On launch, Til Nord reached the New &amp; Popular section in the Open World category.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:3%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><div class=\"wp-block-image\">\n<figure class=\"alignright size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"819\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/image-20.png\" alt=\"\" class=\"wp-image-1080\" style=\"object-fit:cover\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/image-20.png 656w, http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/image-20-240x300.png 240w\" sizes=\"(max-width: 656px) 100vw, 656px\" \/><\/figure><\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull has-neve-text-color-color has-text-color has-link-color wp-elements-93c9dcc4251eb90f9c2e4b5c1ed6f6bc\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-light-bg-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Creating a satisfying driving experience<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Predictive Landing System<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\"><strong>Since you can only bind a joystick to two different axis, we had one axis of rotation left that the player couldn&#8217;t influence.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">This is why I made it so that while the vehicle is in the air, it will rotate itself to align with the predicted landing position&#8217;s slope.<\/p>\n\n\n\n<p class=\"has-neve-text-color-color has-text-color\">However, instead of forcing the player into that rotation, it is a rotational force that is applied to the vehicle, of which we could change the intensity throughout development.<\/p>\n\n\n\n<p class=\"has-neve-text-color-color has-text-color\">This way the player is always in control, and even allowed to fail. I even go as far as to say that people playing our game don&#8217;t notice it because it&#8217;s designed like training wheels, it assists the player secretly.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:3%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.79%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2024\/04\/Full-Side-cropped.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Full Strength<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-5 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2024\/04\/Pitch-Side-cropped.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Simulated Pitch Input &#8211; 50%<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/media10-online-video-cutter.com_.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center has-nv-dark-bg-color has-text-color\">Without predictive landing<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/media11-online-video-cutter.com_.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center has-nv-dark-bg-color has-text-color\">With predictive landing<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"275\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3-1024x275.png\" alt=\"\" class=\"wp-image-518\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3-1024x275.png 1024w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3-300x81.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3-768x206.png 768w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3-1536x412.png 1536w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-3.png 1538w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-neve-text-color-color has-text-color\">Using just the Camera to improve vehicle feel<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center has-neve-text-color-color has-text-color\">FOV<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Media2-1-1.m4v\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center has-neve-text-color-color has-text-color\">Increasing the camera&#8217;s FOV based on the player&#8217;s speed gives the player a greater sense of speed without having to tweak the vehicle. This was a great way to change the game feel when without impacting our level designers.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center has-neve-text-color-color has-text-color\">Camera -&gt; physics vector<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Media3-1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center has-neve-text-color-color has-text-color\">Pointing the camera in the physics direction of the player, so they know where they are falling to. And centering the camera on the center of gravity because otherwise it would look like the player is spinning off-axis.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center has-neve-text-color-color has-text-color\">Camera Shake<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Media4-1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center has-neve-text-color-color has-text-color\">Adding a camera shake to landing gives the vehicle a sense of weight.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Vehicle Swaying<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">As a designer on this project, I was in charge of the feel of the vehicle. I used all kinds of tricks to make the experience as satisfying for the player as possible. An example of this is the vehicle swaying back and forth. <\/p>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">Since we could not get the vehicle to behave like a snow mobile as much as we wanted it to, and since we were already into production, I made only visible changes that affected the feel of the character.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2024\/04\/Sway-On.mp4\"><\/video><\/figure>\n\n\n\n<p>Swaying Enabled<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2024\/04\/sway-off.mp4\"><\/video><\/figure>\n\n\n\n<p>Swaying Disabled<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-site-bg-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Narrative System<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">I made this narrative system that let other designers make dialog appear.<\/p>\n\n\n\n<p class=\"has-neve-text-color-color has-text-color\">This system included a way of adding functions to the text for designers to trigger certain events in-game while a cutscene is running.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"196\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-14.png\" alt=\"\" class=\"wp-image-539\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-14.png 498w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-14-300x118.png 300w\" sizes=\"(max-width: 498px) 100vw, 498px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Narrative Functions<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">Creating a narrative function is made easy by using a string parser for the parameters, and a switch case that is easily expanded upon for other designers to add their own events.<\/p>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">This prototype was later expanded upon by programmers.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"539\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-15.png\" alt=\"\" class=\"wp-image-540\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-15.png 951w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-15-300x170.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-15-768x435.png 768w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-light-bg-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Optimizing<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.79%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-25-175926-1024x537.png\" alt=\"\" class=\"wp-image-747\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-25-175926-1024x537.png 1024w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-25-175926-300x157.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-25-175926-768x403.png 768w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-25-175926.png 1105w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Texture Sheet<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">Using my knowledge of Unreal Engine 4 I made a spreadsheet with all of the textures in our game, and I would sort them by their resolution.<br><br>This way we could identify which textures were inhibiting our game&#8217;s performance.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-site-bg-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:66px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Concepting<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-text-align-left has-neve-text-color-color has-text-color\">One-Pager   <\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">I used Photoshop to create this one page pitch as part of a team-wide proposal opportunity. The goal was to communicate to the team what they could expect to work on, and why it would gather an audience.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.79%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager-1024x576.png\" alt=\"\" class=\"wp-image-529\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager-1024x576.png 1024w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager-300x169.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager-768x432.png 768w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager-1536x864.png 1536w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/One-Pager.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Excel<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">Excel is a tool that I use to format data into a digestible format.<\/p>\n\n\n\n<p class=\"has-neve-text-color-color has-text-color\">I also like to make use of VBA or GScript to make applications\/macros to make it easier to work with the spreadsheets I create.<\/p>\n\n\n\n<p class=\"has-neve-text-color-color has-text-color\">These examples range from tools for planning, to keeping track of in-game information.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.79%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;http:\\\/\\\/portfolio.test\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/image-7.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-532&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:740,&quot;targetHeight&quot;:510,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"510\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-7.png\" alt=\"\" class=\"wp-image-532\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-7.png 740w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-7-300x207.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;http:\\\/\\\/portfolio.test\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/image-8.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-533&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:374,&quot;targetHeight&quot;:382,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"382\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-8.png\" alt=\"\" class=\"wp-image-533\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-8.png 374w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-8-294x300.png 294w\" sizes=\"(max-width: 374px) 100vw, 374px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;http:\\\/\\\/portfolio.test\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/image-12.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-537&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1459,&quot;targetHeight&quot;:761,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-12-1024x534.png\" alt=\"\" class=\"wp-image-537\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-12-1024x534.png 1024w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-12-300x156.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-12-768x401.png 768w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-12.png 1459w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<h3 class=\"wp-block-heading has-neve-text-color-color has-text-color\">Flowcharts<\/h3>\n\n\n\n<p class=\"has-text-align-left has-neve-text-color-color has-text-color\">I&#8217;m also capable of making flowcharts. This example is for when I was design lead, and we were in the prototyping stage. It basically tells you what steps you need to record in what document, and when you should validate your progress with your peers.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.79%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;http:\\\/\\\/portfolio.test\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/image-10.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-535&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1137,&quot;targetHeight&quot;:749,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"675\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-10-1024x675.png\" alt=\"\" class=\"wp-image-535\" srcset=\"http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-10-1024x675.png 1024w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-10-300x198.png 300w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-10-768x506.png 768w, http:\/\/portfolio.test\/wp-content\/uploads\/2022\/08\/image-10.png 1137w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-dark-bg-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:140px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-nv-text-dark-bg-color has-text-color\">Interested? Contact me!<\/h2>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex\" style=\"padding-top:0%;padding-right:33%;padding-bottom:0%;padding-left:33%\">\n<div class=\"wp-block-column is-vertically-aligned-center ticss-f6fc7494 is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large icon-style is-style-default\"><img decoding=\"async\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2021\/06\/email-sm.png\" alt=\"\" class=\"wp-image-306\" style=\"filter: invert(100%); height: 100px\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-nv-site-bg-color has-text-color\">Email<\/h3>\n\n\n\n<p class=\"has-text-align-center has-nv-light-bg-color has-text-color\" style=\"font-size:15px\"><a href=\"mailto:semgamedev@gmail.com\" target=\"_blank\" rel=\"noreferrer noopener\">semgamedev@gmail.com<\/a><\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center ticss-f6fc7494 is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large icon-style is-style-default\"><img decoding=\"async\" src=\"http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/2795761_bullet_checklist_cv_list_resume_icon-1.png\" alt=\"\" class=\"wp-image-306\" style=\"filter: invert(100%); height: 100px\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-nv-site-bg-color has-text-color\">Resume<\/h3>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a id=\"wp-block-file--media-5e9d4aad-3450-49e3-bf64-59ffffcb4c13\" href=\"http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/Sem-Van-Engelen-CV.pdf\">Sem-Van-Engelen-CV<\/a><a href=\"http:\/\/portfolio.test\/wp-content\/uploads\/2023\/12\/Sem-Van-Engelen-CV.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-5e9d4aad-3450-49e3-bf64-59ffffcb4c13\">Download<\/a><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:140px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"default","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_ti_tpc_template_sync":false,"_ti_tpc_template_id":"bhii09ux20eago4lvw13","footnotes":""},"_links":{"self":[{"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/pages\/71"}],"collection":[{"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":90,"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":1284,"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/pages\/71\/revisions\/1284"}],"wp:attachment":[{"href":"http:\/\/portfolio.test\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}