{"id":782,"date":"2025-12-11T16:21:05","date_gmt":"2025-12-11T16:21:05","guid":{"rendered":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/?p=782"},"modified":"2026-01-11T19:58:32","modified_gmt":"2026-01-11T19:58:32","slug":"pipelines","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/2025\/12\/11\/pipelines\/","title":{"rendered":"Pipelines and Workflow"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In order to work efficiently, I will be looking into the pipelines I will be involving myself into and looking at E-Jay&#8217;s to see where certain tasks would over lap. As I will be entering another aspect of 2D art, I need to be attentive with animation and doing this research beforehand will serve me great purpose.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">My pipelines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For my pipelines, I will be using apps such as Procreate and ClipStudioPaint since they&#8217;re software I&#8217;m most comfortable with. But as I progress, I want to start using Photoshop since that is industry standard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Game art pipeline<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"656\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-45.png\" alt=\"\" class=\"wp-image-1024\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-45.png 900w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-45-300x219.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-45-768x560.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(RocketBrush Studio, 2025)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>But what goes on in pre-production?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pre-production is where all the research and conceptualisation happens. You need to settle on a software and the mood of the assets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This pipeline although is used for 2D character design, this also applies to other 2D assets as it follows a similar pipeline.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2D character + asset design <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-47-1024x611.png\" alt=\"\" class=\"wp-image-1034\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-47-1024x611.png 1024w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-47-300x179.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-47-768x458.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-47.png 1390w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(ediiie, 2025)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the post below, I have done some concept thumbnails, although I haven&#8217;t done the finalisation part of this pipeline, it still follows the same path (scroll to the bottom of the post and watch the video).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-paula-vales wp-block-embed-paula-vales\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"eJolNBjELM\"><a href=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/2025\/12\/11\/thumbnail-concepts\/\">Art Direction &amp; Concepts<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Art Direction &amp; Concepts&#8221; &#8212; Paula Vales\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/2025\/12\/11\/thumbnail-concepts\/embed\/#?secret=VevGX4Q7B7#?secret=eJolNBjELM\" data-secret=\"eJolNBjELM\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Below is the workflow of an animator. I won&#8217;t be following this step for step as this is made for animations in general, not specifically game animation but the same principles apply.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2D animation<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"550\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-49-1024x550.png\" alt=\"\" class=\"wp-image-1038\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-49-1024x550.png 1024w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-49-300x161.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-49-768x413.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-49.png 1144w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(Spectrum, 2022)<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Script writing &#8211; strong story telling comes first, define the characters, mood, and genre by using a 3 act structure, personal style, and emotion, finally, write a script to guide the scene.<\/li>\n\n\n\n<li>Concept development &#8211; bring the script to life through cohesive visual planning in your characters<\/li>\n\n\n\n<li>Story board &#8211; define key frames of the animation where there the energy is at the peak and pace the animation accordingly<\/li>\n\n\n\n<li>Dialogue recording &#8211; typically recording happens before the animation starts so the animators can sync up frames to the dialogue. Use any capable voice actor up for the job<\/li>\n\n\n\n<li>Animate &#8211; You will need to settle on a single tool for the animation process, like learning anything new, there will always be a learning curve. It&#8217;s best to nail down the basics.<\/li>\n\n\n\n<li>Post production &#8211; Usually adding the VFX and colour correction to ensure the product is polished. (Spectrum, 2022)<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Where do these pipelines overlap?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For animation, I can&#8217;t start until I create an adequate turnaround to understand the basic logic of my character. I also can&#8217;t start with the asset creation until my partner gives me an exemplar level design. Without this level design, I won&#8217;t know what to make and the overall logistics of the island geography. For example, if I were to make a single cloud asset, there would have to be a tile somewhere mid air, it wouldn&#8217;t make sense if there was a cloud tile on the floor somewhere.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">E-Jay&#8217;s Pipelines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this project, E-Jay will be taking care of the programming and level design aspects of the game.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Level design<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"750\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-50-1024x750.png\" alt=\"\" class=\"wp-image-1040\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-50-1024x750.png 1024w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-50-300x220.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-50-768x563.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-50.png 1178w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(Swiftorial, 2025)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Where I come into this pipeline is after he sketches out the layout. Once he gives me the necessary information of what goes on in a single level, I am able to create assets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Programming<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-51-1024x528.png\" alt=\"\" class=\"wp-image-1042\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-51-1024x528.png 1024w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-51-300x155.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-51-768x396.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-51.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(\u30a8\u30d0\u30fc\u30d7\u30ec\u30a4\u7de8\u96c6\u90e8, 2025)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Where do his pipelines overlap?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The entire level design pipeline falls in the programming planning, prototype and production phases. In order to move on with the other aspects of the game, we need to nail down basic level design and aesthetics of the game, as its the aspect of the game that needs the most attention.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gantt Chart<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To show how our pipeline would fit in our project, E-Jay made a gantt chart which displays pre-production work, production, and finalisation with room for contingencies. I want to quickly point out that I will do some pre-production work before the term starts just so we can get a head start. <strong>Made using GANTTPRO<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"949\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-57-1024x949.png\" alt=\"\" class=\"wp-image-1102\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-57-1024x949.png 1024w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-57-300x278.png 300w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-57-768x712.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-57.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-58-760x1024.png\" alt=\"\" class=\"wp-image-1103\" srcset=\"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-58-760x1024.png 760w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-58-223x300.png 223w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-58-768x1035.png 768w, https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-content\/uploads\/sites\/40\/2025\/12\/image-58.png 861w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">References<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a8\u30d0\u30fc\u30d7\u30ec\u30a4\u7de8\u96c6\u90e8 (2025). <em>\u30b2\u30fc\u30e0\u30d7\u30ed\u30b0\u30e9\u30de\u3068\u306f\u4f55\u304b\uff1a\u5f79\u5272\u30fb\u6280\u8853\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u5fb9\u5e95\u89e3\u8aac\uff082025\u5e74\u7248\uff09<\/em>. [online] EverPlay\uff08\u30a8\u30d0\u30fc\u30d7\u30ec\u30a4\uff09 &#8211; \u51fa\u5f35\u8cb7\u53d6\u30fb\u5b85\u914d\u8cb7\u53d6\u30fb\u4e0d\u7528\u54c1\u56de\u53ce\u30fb\u907a\u54c1\u6574\u7406\u30fb\u751f\u524d\u6574\u7406\u306a\u3089\u30a8\u30d0\u30fc\u30d7\u30ec\u30a4\uff01. Available at: https:\/\/everplay.jp\/column\/36556 [Accessed 9 Jan. 2026].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ediiie (2025). <em>2D Character Design Guide: How Artists Create Characters<\/em>. [online] EDIIIE. Available at: https:\/\/www.ediiie.com\/blog\/2d-character-design-guide\/.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RocketBrush Studio (2025). <em>How 2D Art Studios Create Art for Games<\/em>. [online] Rocketbrush.com. Available at: https:\/\/rocketbrush.com\/blog\/how-2d-art-studios-create-and-use-art [Accessed 9 Jan. 2026].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spectrum, C.G. (2022). <em>How to Create a 2D Animation \u2014 a beginner\u2019s Guide | CG Spectrum<\/em>. [online] www.cgspectrum.com. Available at: https:\/\/www.cgspectrum.com\/blog\/create-2d-animation-beginners-guide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Swiftorial (2025). <em>2d Level Design | 2d Game Development &#8211; Swiftorial Lessons<\/em>. [online] Swiftorial. Available at: https:\/\/www.swiftorial.com\/swiftlessons\/game-development\/2d-game-development\/2d-level-design [Accessed 9 Jan. 2026].<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In order to work efficiently, I will be looking into the pipelines I will be involving myself into and looking at E-Jay&#8217;s to see where certain tasks would over lap. As I will be entering another aspect of 2D art, I need to be attentive with animation and doing this research beforehand will serve me [&hellip;]<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-782","post","type-post","status-publish","format-standard","hentry","category-phase-4"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/posts\/782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/comments?post=782"}],"version-history":[{"count":17,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/posts\/782\/revisions"}],"predecessor-version":[{"id":1104,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/posts\/782\/revisions\/1104"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/media?parent=782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/categories?post=782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pv2g23-yr3\/wp-json\/wp\/v2\/tags?post=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}