{"id":564,"date":"2021-03-23T16:48:21","date_gmt":"2021-03-23T15:48:21","guid":{"rendered":"https:\/\/janpieteringhels.com\/?post_type=jetpack-portfolio&#038;p=564"},"modified":"2021-06-14T12:33:06","modified_gmt":"2021-06-14T10:33:06","slug":"color-clash","status":"publish","type":"jetpack-portfolio","link":"https:\/\/janpieteringhels.com\/?portfolio=color-clash","title":{"rendered":"Color Clash"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"564\" class=\"elementor elementor-564\" data-elementor-post-type=\"jetpack-portfolio\">\n\t\t\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-507f8684 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"507f8684\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b2ba8af\" data-id=\"4b2ba8af\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f266ca9 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2f266ca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a00d3ef ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2a00d3ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">color clash<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-168504e4 elementor-widget-divider--view-line ob-has-background-overlay elementor-widget elementor-widget-divider\" data-id=\"168504e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"ob-is-breaking-bad ob-bb-inner elementor-section elementor-inner-section elementor-element elementor-element-3c51023a elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c51023a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-651976e\" data-id=\"651976e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73ae5eb2 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"73ae5eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Development of color clash<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61250b5d elementor-drop-cap-yes ob-harakiri-inherit elementor-drop-cap-view-default ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"61250b5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;,&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_postman_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Color Clash was developed by a group of four people with the goal of creating a local-multiplayer party game. The game is playable with gamepads by up to four players and features four unique level designs.<\/p><p>Most of my time was spent on the following features:<\/p><ul><li>Local multiplayer input and controller registration implementation.<\/li><li>Programming and iterating on the twin-stick character controllers and game feel.<\/li><li>Visual design of level tiles, materials, and lighting.<\/li><li>Implementation of the user interface and heads-up display, including the score system.<\/li><li>The level design and concept of the in-game lobby, and the final level of the game: level 4.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a0b31c6\" data-id=\"a0b31c6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad ob-bb-inner elementor-section elementor-inner-section elementor-element elementor-element-a758d8e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a758d8e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2207026\" data-id=\"2207026\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e18743f\" data-id=\"e18743f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63b9aa4 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"63b9aa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">About color clash<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a126784 elementor-drop-cap-yes ob-harakiri-inherit elementor-drop-cap-view-default ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"a126784\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;,&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_postman_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The game is set in an arena of which the floor breaks down. Every few seconds, a random color is picked and shown to the players. In a matter of seconds, all tiles with another color than this one will free-fall down. Players standing on such a tile are doomed!<\/p><p>The goal of the game is to die as little as possible while making sure the opponent sitting next to you on the couch dies as much as possible. This can be done by shooting your opponent, causing different status effects depending on the current color of the tile the shooter is standing on.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad ob-bb-inner elementor-section elementor-inner-section elementor-element elementor-element-e95da6e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e95da6e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9160b2e\" data-id=\"9160b2e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d8d2a6 elementor-arrows-position-inside elementor-pagination-position-outside ob-has-background-overlay elementor-widget elementor-widget-image-carousel\" data-id=\"7d8d2a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_17_Level_04\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQxNSwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8zMzZfMjgwMzIwMjFfMjExMDA1LnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_336_28032021_211005.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_336_28032021_211005-1536x864.png\" alt=\"Color Clash Level 04\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_16_Level_04\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQxMywidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8zMDFfMjgwMzIwMjFfMjEwODIwLnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_301_28032021_210820.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_301_28032021_210820-1536x864.png\" alt=\"Color Clash Level 04\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_15_Lobby\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQxMiwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8yOTZfMjgwMzIwMjFfMjEwODA1LnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_296_28032021_210805.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_296_28032021_210805-1536x864.png\" alt=\"Color Clash Lobby\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_12_Level_03\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQwOSwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8xMzdfMjgwMzIwMjFfMjEwMDA4LnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_137_28032021_210008.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_137_28032021_210008-1536x864.png\" alt=\"Color Clash Level 03\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_10_Level_02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQwNiwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8wOTJfMjgwMzIwMjFfMjA1NzUzLnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_092_28032021_205753.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_092_28032021_205753-1536x864.png\" alt=\"Color Clash Level 02\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_07_Main_Menu\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQwMywidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8wNjJfMjUwMzIwMjFfMTk0OTA5LnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_062_25032021_194909.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_062_25032021_194909-1536x864.png\" alt=\"Color Clash Main Menu\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 7\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"7d8d2a6\" data-elementor-lightbox-title=\"Color_Clash_02_Level_01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjM5OCwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8wMjFfMjUwMzIwMjFfMTk0NTQzLnBuZyIsInNsaWRlc2hvdyI6IjdkOGQyYTYifQ%3D%3D\" href=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_021_25032021_194543.png\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_021_25032021_194543-1536x864.png\" alt=\"Color Clash Level 01\" \/><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad ob-bb-inner elementor-section elementor-inner-section elementor-element elementor-element-0e2ba39 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e2ba39\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e8d1068\" data-id=\"e8d1068\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-735c732 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"735c732\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Level Design<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f06f3a elementor-drop-cap-yes ob-harakiri-inherit elementor-drop-cap-view-default ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"4f06f3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;,&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_postman_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Each team member designed and implemented a level.\u00a0 The biggest challenge with designing multiple levels was the fact that the game is built around a level-altering mechanic which had to remain consistent throughout the game. We came to the conclusion that just changing the shape of the tiles and composition of the level would become repetitive pretty fast.<\/p><p>To keep each level interesting, we gradually introduce the player to moving tiles by applying Shigeru Miyamoto&#8217;s design philosophy. The function of level 1 is to introduce the player to the game. In the second level, the player learns that tiles may vary in shape and size. In the third level, tile movement is introduced by making a few tiles in the level rotate. All of these levels prepare the player for the final and most difficult test, which is level 4. Every tile rotates, and there is nowhere to escape.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad ob-bb-inner elementor-section elementor-inner-section elementor-element elementor-element-2a9527a elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default\" data-id=\"2a9527a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bbee371\" data-id=\"bbee371\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4135bf3 ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"4135bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_photomorph_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_019_25032021_194533.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Color_Clash_01_Level_01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjM5NywidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8wMTlfMjUwMzIwMjFfMTk0NTMzLnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/elementor\/thumbs\/capture_019_25032021_194533-plo3j2dxsn0owjbvzogq07x2ovcdsd2ko4f9mh61yo.png\" title=\"Color_Clash_01_Level_01\" alt=\"Color Clash Level 01\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Level 1<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27710a7 ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"27710a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_photomorph_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_259_28032021_210614.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Color_Clash_14_Level_03\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQxMSwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8yNTlfMjgwMzIwMjFfMjEwNjE0LnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/elementor\/thumbs\/capture_259_28032021_210614-plo42dyia1gvjz9j614n9ce6a0400drxzr6kr8iq28.png\" title=\"Color_Clash_14_Level_03\" alt=\"Color Clash Level 03\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Level 3<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1f7dae0\" data-id=\"1f7dae0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca41657 ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"ca41657\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_photomorph_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_070_25032021_194949.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Color_Clash_08_Level_02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQwNCwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8wNzBfMjUwMzIwMjFfMTk0OTQ5LnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/elementor\/thumbs\/capture_070_25032021_194949-plo3rktbomo61eysacx3l2lcche1hov2i93k2ojpm8.png\" title=\"Color_Clash_08_Level_02\" alt=\"Color Clash Level 02\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Level 2<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57aa98f ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"57aa98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_photomorph_use&quot;:&quot;no&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/janpieteringhels.com\/wp-content\/uploads\/2021\/04\/capture_337_28032021_211008.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Color_Clash_18_Level_04\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQxNiwidXJsIjoiaHR0cHM6XC9cL2phbnBpZXRlcmluZ2hlbHMuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wNFwvY2FwdHVyZV8zMzdfMjgwMzIwMjFfMjExMDA4LnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/janpieteringhels.com\/wp-content\/uploads\/elementor\/thumbs\/capture_337_28032021_211008-plo4bx1lkkij9nf6infh1ftf3n4z1wlyyxasx8e0z4.png\" title=\"Color_Clash_18_Level_04\" alt=\"Color Clash Level 04\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Level 4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>. color clash Development of color clash Color Clash was developed by a group of four people with the goal of creating a local-multiplayer party game. The game is playable with gamepads by up to four players and features four unique level designs. Most of my time was spent on the following features: Local multiplayer [&hellip;]<\/p>\n","protected":false},"author":203268231,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"jetpack-portfolio-type":[1366],"jetpack-portfolio-tag":[],"class_list":["post-564","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","hentry","jetpack-portfolio-type-projects"],"jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/users\/203268231"}],"replies":[{"embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=564"}],"version-history":[{"count":100,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/564\/revisions"}],"predecessor-version":[{"id":2925,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/564\/revisions\/2925"}],"wp:attachment":[{"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=564"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-type&post=564"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/janpieteringhels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-tag&post=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}