{"id":1045,"date":"2024-05-25T01:55:58","date_gmt":"2024-05-24T23:55:58","guid":{"rendered":"https:\/\/jonathanpetris.fr\/?page_id=1045"},"modified":"2025-07-04T18:11:23","modified_gmt":"2025-07-04T16:11:23","slug":"grid-tool","status":"publish","type":"page","link":"https:\/\/jonathanpetris.fr\/index.php\/grid-tool\/","title":{"rendered":"Grid Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1045\" class=\"elementor elementor-1045\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52306d6 e-flex e-con-boxed e-con e-parent\" data-id=\"52306d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-df05323 e-con-full e-flex e-con e-child\" data-id=\"df05323\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c519a89 elementor-widget elementor-widget-heading\" data-id=\"c519a89\" 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.23.0 - 25-07-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><h2 class=\"elementor-heading-title elementor-size-default\">Project Details<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dd8712 elementor-widget elementor-widget-text-editor\" data-id=\"8dd8712\" 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.23.0 - 25-07-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><!-- wp:list {\"style\":{\"spacing\":{\"margin\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"}}},\"textColor\":\"background\",\"fontSize\":\"small\",\"fontFamily\":\"poppins\"} -->\n\n<!-- \/wp:list --><\/p><ul style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\" class=\"has-background-color has-text-color has-poppins-font-family has-small-font-size\"><!-- wp:list-item -->\n<li><strong>Type:<\/strong> Wholesome, Third Person<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Players:<\/strong> Solo<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Engine:<\/strong> Unreal Engine 5.1<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Team Project (15 people)<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Devellopped over: 4 month<\/li>\n<!-- \/wp:list-item --><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ad5b1 e-flex e-con-boxed e-con e-child\" data-id=\"c6ad5b1\" 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-04a88a9 elementor-widget elementor-widget-heading\" data-id=\"04a88a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introduction<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da11a23 elementor-widget elementor-widget-text-editor\" data-id=\"da11a23\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>During the production of Hellvest, a Grid Tool was needed to allow the player to interact only with boxed elements.<\/p><p><!-- wp:paragraph {\"textColor\":\"background\",\"fontFamily\":\"poppins\"} --> <!-- \/wp:paragraph --> <!-- wp:paragraph --> <!-- \/wp:paragraph --><\/p><p>I had to work in close cooperation with student programmers to develop a tool with an interface and a design procedure that allows me to iterate quickly.<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d9c367 e-flex e-con-boxed e-con e-parent\" data-id=\"1d9c367\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f2e5d1 e-flex e-con-boxed e-con e-child\" data-id=\"3f2e5d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c060d8a e-flex e-con-boxed e-con e-child\" data-id=\"c060d8a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-224f15b elementor-widget elementor-widget-heading\" data-id=\"224f15b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What did i do ?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd5ad5 elementor-widget elementor-widget-text-editor\" data-id=\"9dd5ad5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><!-- wp:list {\"style\":{\"spacing\":{\"margin\":{\"right\":\"0\",\"left\":\"0\",\"top\":\"0\",\"bottom\":\"0\"}}},\"textColor\":\"background\",\"fontSize\":\"small\"} --> <!-- \/wp:list --><\/p>\n<ul class=\"has-background-color has-text-color has-small-font-size\" style=\"margin: 0;\">\n<li style=\"list-style-type: none;\">\n<ul class=\"has-background-color has-text-color has-small-font-size\" style=\"margin: 0;\"><!-- wp:list-item --><\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>Writing specifications for the tools<\/li>\n<li>\n<p>Define general needs of Grid functionality<\/p>\n<\/li>\n<li>\n<p>Define needs based on interaction type<\/p>\n<\/li>\n<li>\n<p>Iterate on the design and the problems encountered<\/p>\n<\/li>\n<li>\n<p>Provide feedback on the user experience and propose improvements<!-- \/wp:list-item --><!-- \/wp:list --><!-- \/wp:list-item --><\/p>\n<\/li>\n<\/ul>\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\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-36cdf94 e-flex e-con-boxed e-con e-parent\" data-id=\"36cdf94\" 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-e929c68 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"e929c68\" 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.23.0 - 25-07-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 fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"448\" src=\"https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/HoeHit.gif\" class=\"attachment-large size-large wp-image-397\" alt=\"\" \/>\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-5904eb2 e-flex e-con-boxed e-con e-child\" data-id=\"5904eb2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-93e3fd5 e-con-full e-flex e-con e-child\" data-id=\"93e3fd5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcbe9a5 elementor-widget elementor-widget-heading\" data-id=\"dcbe9a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tool<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d5a35 elementor-widget elementor-widget-text-editor\" data-id=\"e5d5a35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The Grid Tool is used to let the player interact with the contents of the box looked.<\/p><p>It needs an X and Y value to create an area with boxes, and we can set a min and max for the delay between each fern spawn.<\/p><p>Each box is editable and can have a native object in it and can have a different spacement with other boxes.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a185d53 e-con-full e-flex e-con e-child\" data-id=\"a185d53\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6234bb9 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6234bb9\" 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 decoding=\"async\" width=\"742\" height=\"215\" src=\"https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_set.png\" class=\"attachment-large size-large wp-image-236\" alt=\"\" srcset=\"https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_set.png 742w, https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_set-300x87.png 300w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/>\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-8b8ea63 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"8b8ea63\" 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 decoding=\"async\" width=\"800\" height=\"81\" src=\"https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_2-1024x104.png\" class=\"attachment-large size-large wp-image-237\" alt=\"\" srcset=\"https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_2-1024x104.png 1024w, https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_2-300x30.png 300w, https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_2-768x78.png 768w, https:\/\/jonathanpetris.fr\/wp-content\/uploads\/2023\/12\/grid_2.png 1074w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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>\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>Project Details Introduction During the production of Hellvest, a Grid Tool was needed to allow the player to interact only with boxed elements. I had to work in close cooperation with student programmers to develop a tool with an interface and a design procedure that allows me to iterate quickly. What did i do ? [&hellip;]<\/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-1045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/pages\/1045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1045"}],"version-history":[{"count":16,"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/pages\/1045\/revisions"}],"predecessor-version":[{"id":1663,"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/pages\/1045\/revisions\/1663"}],"wp:attachment":[{"href":"https:\/\/jonathanpetris.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}