{"id":240,"date":"2024-04-22T17:58:12","date_gmt":"2024-04-22T17:58:12","guid":{"rendered":"https:\/\/cottondriftstudio.com\/?page_id=240"},"modified":"2024-04-22T20:37:59","modified_gmt":"2024-04-22T20:37:59","slug":"gameplay-mechanics-ui-ux","status":"publish","type":"page","link":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/","title":{"rendered":"Gameplay Mechanics, UI\/ UX"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f4e775 e-flex e-con-boxed e-con e-parent\" data-id=\"7f4e775\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8011e8 pp-buttons-valign-middle pp-buttons-halign-left pp-buttons-stack-none elementor-widget elementor-widget-pp-buttons\" data-id=\"b8011e8\" data-element_type=\"widget\" data-widget_type=\"pp-buttons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pp-buttons-group\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cottondriftstudio.com\/\" class=\"pp-button elementor-button elementor-size-sm elementor-repeater-item-b16478e \">\n\t\t\t\t\t<div class=\"pp-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"pp-button-content-inner pp-icon-before\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-button-icon pp-button-icon-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png\" class=\"attachment-full size-full wp-image-219\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton-300x300.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton-150x150.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton-768x768.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton-350x350.png 350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cottondriftstudio.com\/index.php\/about-me\/\" class=\"pp-button elementor-button elementor-size-sm elementor-repeater-item-a115ff5 \">\n\t\t\t\t\t<div class=\"pp-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"pp-button-content-inner pp-icon-before\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-button-icon pp-button-icon-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/AboutMeButton.png\" class=\"attachment-full size-full wp-image-35\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/AboutMeButton.png 512w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/AboutMeButton-300x300.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/AboutMeButton-150x150.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/AboutMeButton-350x350.png 350w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cottondriftstudio.com\/index.php\/portfolio\/\" class=\"pp-button elementor-button elementor-size-sm elementor-repeater-item-40f9458 \">\n\t\t\t\t\t<div class=\"pp-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"pp-button-content-inner pp-icon-before\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-button-icon pp-button-icon-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio.png\" class=\"attachment-full size-full wp-image-387\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio-300x300.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio-150x150.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio-768x768.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/portfolio-350x350.png 350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9bd5fe e-flex e-con-boxed e-con e-parent\" data-id=\"b9bd5fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc3d377 elementor-widget elementor-widget-heading\" data-id=\"dc3d377\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h6 class=\"elementor-heading-title elementor-size-default\">Gameplay, UI\/ UX, Visual Effects & More<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b8efaa e-flex e-con-boxed e-con e-parent\" data-id=\"7b8efaa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef37f4c elementor-widget elementor-widget-text-editor\" data-id=\"ef37f4c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>The variety of gameplay mechanics is endless, but having a foundation in the underlying methods helps a developer apply\u00a0 these principals across different scenarios and applications. Whether its inventories, crafting systems, player pets, puzzles, NPC interaction, shooting\/ combat mechanics or just about anything else.<\/p><p>Throughout the life of a project it\u2019s very important to make sure systems, events and general architecture are all kept as simple and re-useable as possible, to reduce dependencies and prevent the code base melting down into a tangled mess.<\/p><p>Don&#8217;t forget to <a href=\"https:\/\/cottondriftstudio.com\/index.php\/hive_quest\/\">check out the Hive Quest page<\/a> too for more gameplay design goodies \ud83d\ude42<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ee1d70 e-grid e-con-boxed e-con e-parent\" data-id=\"6ee1d70\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d36e73c elementor-widget elementor-widget-image\" data-id=\"d36e73c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"296\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-1024x572.png\" class=\"attachment-large size-large wp-image-436\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-1024x572.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-300x168.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-768x429.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-627x350.png 627w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1-150x84.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-256-1.png 1074w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-d76d15c elementor-widget elementor-widget-image\" data-id=\"d76d15c\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"282\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-1024x544.png\" class=\"attachment-large size-large wp-image-437\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-1024x544.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-300x159.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-768x408.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-659x350.png 659w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255-150x80.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-255.png 1130w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-6c238dd elementor-widget elementor-widget-image\" data-id=\"6c238dd\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"276\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-1024x534.png\" class=\"attachment-large size-large wp-image-439\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-1024x534.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-300x157.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-768x401.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-671x350.png 671w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1-150x78.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/combat1.png 1077w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-9ac5837 elementor-widget elementor-widget-image\" data-id=\"9ac5837\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"284\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-1024x549.png\" class=\"attachment-large size-large wp-image-440\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-1024x549.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-300x161.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-768x412.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-653x350.png 653w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4-150x80.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/tr4.png 1080w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b50a202 e-grid e-con-boxed e-con e-parent\" data-id=\"b50a202\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a16011 elementor-widget elementor-widget-image\" data-id=\"9a16011\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"296\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-1024x572.jpg\" class=\"attachment-large size-large wp-image-447\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-1024x572.jpg 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-300x168.jpg 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-768x429.jpg 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-627x350.jpg 627w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2-150x84.jpg 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/npc2.jpg 1074w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-2c1b67f elementor-widget elementor-widget-image\" data-id=\"2c1b67f\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"293\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-1024x566.png\" class=\"attachment-large size-large wp-image-448\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-1024x566.png 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-300x166.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-768x424.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-634x350.png 634w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257-150x83.png 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/Screenshot-257.png 1070w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-9082330 elementor-widget elementor-widget-image\" data-id=\"9082330\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"293\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme.png\" class=\"attachment-large size-large wp-image-449\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme.png 900w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme-300x166.png 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme-768x425.png 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme-633x350.png 633w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/delme-150x83.png 150w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04e71ad e-grid e-con-boxed e-con e-parent\" data-id=\"04e71ad\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77d0584 elementor-widget elementor-widget-video\" data-id=\"77d0584\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/qWoOjdGMGWU&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c26ec0b elementor-widget elementor-widget-video\" data-id=\"c26ec0b\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/OFL4WwzjQHc&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25f0002 e-grid e-con-boxed e-con e-parent\" data-id=\"25f0002\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16999d5 elementor-widget elementor-widget-image\" data-id=\"16999d5\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"296\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-1024x572.jpg\" class=\"attachment-large size-large wp-image-456\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-1024x572.jpg 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-300x168.jpg 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-768x429.jpg 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-627x350.jpg 627w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1-150x84.jpg 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr1.jpg 1074w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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-a98026a elementor-widget elementor-widget-image\" data-id=\"a98026a\" data-element_type=\"widget\" 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\t<img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"296\" src=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-1024x572.jpg\" class=\"attachment-large size-large wp-image-457\" alt=\"\" srcset=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-1024x572.jpg 1024w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-300x168.jpg 300w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-768x429.jpg 768w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-627x350.jpg 627w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2-150x84.jpg 150w, https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/sr2.jpg 1074w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/>\t\t\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gameplay, UI\/ UX, Visual Effects &#038; More The variety of gameplay mechanics is endless, but having a foundation in the underlying methods helps a developer apply\u00a0 these principals across different scenarios and applications. Whether its inventories, crafting systems, player pets, puzzles, NPC interaction, shooting\/ combat mechanics or just about anything&#8230; <a class=\"continue-reading-link\" href=\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gameplay Mechanics, UI\/ UX - Cotton Drift Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gameplay Mechanics, UI\/ UX - Cotton Drift Studio\" \/>\n<meta property=\"og:description\" content=\"Gameplay, UI\/ UX, Visual Effects &#038; More The variety of gameplay mechanics is endless, but having a foundation in the underlying methods helps a developer apply\u00a0 these principals across different scenarios and applications. Whether its inventories, crafting systems, player pets, puzzles, NPC interaction, shooting\/ combat mechanics or just about anything... Continue reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Cotton Drift Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-22T20:37:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\",\"url\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\",\"name\":\"Gameplay Mechanics, UI\/ UX - Cotton Drift Studio\",\"isPartOf\":{\"@id\":\"https:\/\/cottondriftstudio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png\",\"datePublished\":\"2024-04-22T17:58:12+00:00\",\"dateModified\":\"2024-04-22T20:37:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage\",\"url\":\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png\",\"contentUrl\":\"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cottondriftstudio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gameplay Mechanics, UI\/ UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cottondriftstudio.com\/#website\",\"url\":\"https:\/\/cottondriftstudio.com\/\",\"name\":\"Cotton Drift Studio\",\"description\":\"Cotton Drift Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cottondriftstudio.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gameplay Mechanics, UI\/ UX - Cotton Drift Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/","og_locale":"en_US","og_type":"article","og_title":"Gameplay Mechanics, UI\/ UX - Cotton Drift Studio","og_description":"Gameplay, UI\/ UX, Visual Effects &#038; More The variety of gameplay mechanics is endless, but having a foundation in the underlying methods helps a developer apply\u00a0 these principals across different scenarios and applications. Whether its inventories, crafting systems, player pets, puzzles, NPC interaction, shooting\/ combat mechanics or just about anything... Continue reading","og_url":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/","og_site_name":"Cotton Drift Studio","article_modified_time":"2024-04-22T20:37:59+00:00","og_image":[{"url":"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/","url":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/","name":"Gameplay Mechanics, UI\/ UX - Cotton Drift Studio","isPartOf":{"@id":"https:\/\/cottondriftstudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage"},"image":{"@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png","datePublished":"2024-04-22T17:58:12+00:00","dateModified":"2024-04-22T20:37:59+00:00","breadcrumb":{"@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#primaryimage","url":"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png","contentUrl":"https:\/\/cottondriftstudio.com\/wp-content\/uploads\/2024\/04\/HomeButton.png","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/cottondriftstudio.com\/index.php\/gameplay-mechanics-ui-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cottondriftstudio.com\/"},{"@type":"ListItem","position":2,"name":"Gameplay Mechanics, UI\/ UX"}]},{"@type":"WebSite","@id":"https:\/\/cottondriftstudio.com\/#website","url":"https:\/\/cottondriftstudio.com\/","name":"Cotton Drift Studio","description":"Cotton Drift Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cottondriftstudio.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":43,"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/240\/revisions\/514"}],"wp:attachment":[{"href":"https:\/\/cottondriftstudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}