{"id":231,"date":"2023-09-26T21:27:00","date_gmt":"2023-09-26T20:27:00","guid":{"rendered":"https:\/\/www.kevingordon.org.uk\/tech\/?post_type=portfolio&#038;p=231"},"modified":"2023-09-27T19:05:16","modified_gmt":"2023-09-27T18:05:16","slug":"2d-3d-gaming-style-proof-of-concept","status":"publish","type":"portfolio","link":"https:\/\/www.kevingordon.org.uk\/tech\/portfolio\/2d-3d-gaming-style-proof-of-concept\/","title":{"rendered":"Gaming style POCs"},"content":{"rendered":"\n<p><strong>The challenge:&nbsp;<\/strong>Summary: 2D and 3D Gaming Style Proof of Concept Build<\/p>\n\n\n\n<p>The challenge presented to me by a youth engagement and improvement organization was to create a digital element to complement their in-person residential work.&nbsp;<\/p>\n\n\n\n<p><strong>The solution:&nbsp;<\/strong>To address this, I actively participated in ideation workshops and swiftly began working on a set of ideas and demos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"673\" src=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-1024x673.png\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-1024x673.png 1024w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-300x197.png 300w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-768x505.png 768w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-1536x1010.png 1536w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/side-scroller-2048x1346.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Initially, I focused on building a fully functional 2D side-scrolling platform game with retro graphics. The game featured a main character and popup text when passing by signposts, effectively conveying the concept of a game-like environment. This provided an engaging and suitable demonstration of the concept.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"592\" src=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/3d-game.jpg\" alt=\"\" class=\"wp-image-226\" srcset=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/3d-game.jpg 900w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/3d-game-300x197.jpg 300w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/3d-game-768x505.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Moving forward, I transitioned to building a 3D model in three.js, utilizing an environment HDRi and a 3D car model to create a simple interactive 3D car game. This expansion into the 3D realm added depth and interactivity to the digital offering.<\/p>\n\n\n\n<p>As the workshops progress, I will soon present these prototypes to the client. Following their feedback, I will refine and iterate on the concepts to ensure they align with the organization&#8217;s goals and requirements. Real-world testing will be conducted at a residential event, allowing us to gather valuable insights from the target audience.<\/p>\n\n\n\n<p>By combining my expertise in game development and interactive design, I am creating a proof of concept that enhances the organization&#8217;s engagement efforts. This digital element supplements their in-person work, providing a captivating and interactive experience for the youth they serve.<\/p>\n\n\n\n<p><strong>Tech stack:&nbsp;<\/strong>JavaScript, Canvas, Three.js, Turbo Squid 3D models, HDRi environments<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A youth engagement organization sought a digital addition to their residential work. I participated in ideation workshops and swiftly developed a 2D side-scrolling platform game with retro graphics, followed by a 3D car game. Prototypes will be refined based on client feedback and tested at a residential event, enhancing youth engagement efforts.<\/p>\n","protected":false},"author":1,"featured_media":223,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"portfolio_category":[10],"portfolio_tag":[],"class_list":["post-231","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-future-foundry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":5,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/231\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/231\/revisions\/319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/media\/223"}],"wp:attachment":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/media?parent=231"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio_category?post=231"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio_tag?post=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}