{"id":87,"date":"2022-02-09T00:58:16","date_gmt":"2022-02-09T00:58:16","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/artdegree\/?p=87"},"modified":"2022-02-09T00:58:16","modified_gmt":"2022-02-09T00:58:16","slug":"i-consist-of-only-16-pixels-bp-6","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/artdegree\/2022\/02\/09\/i-consist-of-only-16-pixels-bp-6\/","title":{"rendered":"I Consist of Only 16 Pixels (BP #6)"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\" id=\"tasks-accomplished-week-6\"><strong>Tasks Accomplished: Week <\/strong>6<\/h4>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Technical Tasks<\/strong><\/td><td><strong>Art Tasks<\/strong><\/td><\/tr><tr><td>Tweaking project partner&#8217;s scripts to work on different editor platforms (namely Windows vs. Mac)<\/td><td>Construction and testing of 3D environment<\/td><\/tr><tr><td>Setting up test character for the Midpoint Archive demo<\/td><td><\/td><\/tr><tr><td>Starting NPC focus script: stops the player from leaving a conversation rudely ;]<\/td><td><\/td><\/tr><\/tbody><\/table><figcaption><em>(as of writing this &#8212; there&#8217;s still the rest of Tuesday, Wednesday, Thursday, Friday, and the weekend for me to do some more)<\/em><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"so-ever-heard-of-lospec-art\">So, Ever Heard of Lospec Art?<\/h4>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/yep-1024x1024.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/yep.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/yep-300x300.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/yep-150x150.png 150w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/yep-768x768.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Image Source: Me<\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Lospec<\/strong> stands for &#8220;low spec&#8221;, or digital art that is made with restrictive tools or means. The most common type of lospec art is <strong>pixel art<\/strong>, or the practice of creating art at lower resolutions with fewer colors. That being said, some lowspec artists don&#8217;t follow this to a tee, including myself. Or maybe that&#8217;s just myself. I like the blocky look and cool rendering possibilities pixel art gives me.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>And I just like that retro-ish look. &lt;3<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"games-made-in-2-5d\">Pixel Art in 3D <\/h4>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Aside from the Paper Mario effect <a href=\"https:\/\/blogs.oregonstate.edu\/artdegree\/2022\/02\/02\/beam-me-to-a-2-5d-world-bp-5\/\">I mentioned previously<\/a>, I need to consider how pixel art is going to work with our 3D world. An obvious solution would be <strong>voxels<\/strong>, but that will be too hard of a juxtaposition between 2D characters and 3D models with a lot of &#8220;texturing&#8221;. A good way to picture voxels is thinking about how legos look:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/giphy-1.gif\" alt=\"\" class=\"wp-image-96\" width=\"611\" height=\"611\" \/><figcaption><em>Example of Voxels |<\/em> <em>Cuphead by <a href=\"https:\/\/www.instagram.com\/david2play\/\">David Sandoval<\/a> | <a href=\"https:\/\/tenor.com\/view\/paper-mario-the-origami-king-paper-mario-the-origami-king-nintendo-super-mario-gif-21207550\">G<\/a><a href=\"https:\/\/giphy.com\/gifs\/art-loop-vintage-cI9rN3zUbNWcWHSwbR\">i<\/a><a href=\"https:\/\/tenor.com\/view\/paper-mario-the-origami-king-paper-mario-the-origami-king-nintendo-super-mario-gif-21207550\">f Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Instead of voxels, I&#8217;d like to do more of a lowpoly approach with pixel art textures. This allows me to repaint open source lowpoly models and save my team both time and money. One of the best resources I&#8217;ve come across for this purpose are <a href=\"https:\/\/www.kenney.nl\/assets\">Kenney Assets<\/a>. Kenney is a boon to the art and game developer community, and their assets have been used in a lot of educational projects and products as well.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"515\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/kenney_preview.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/kenney_preview.png 918w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/kenney_preview-300x168.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/kenney_preview-768x431.png 768w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><figcaption><em>Example of Kenney Assets | Pirate Kit by <a href=\"https:\/\/www.kenney.nl\/\">Kenney<\/a> | <a href=\"https:\/\/www.kenney.nl\/assets\/pirate-kit\">Image Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Some inspiration I&#8217;m looking at comes from a Lospec Community Discord server run by <a href=\"https:\/\/twitter.com\/lampysprites\">@lampysprites<\/a>, and it&#8217;s been really interesting learning from observing different artists&#8217; styles in creating lowpoly pixel art. Here are some examples:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"517\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/unknown.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/unknown.png 746w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/unknown-300x208.png 300w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><figcaption><em>By <a href=\"https:\/\/sketchfab.com\/wackyblocks\">@wackyblocks<\/a> | (Can&#8217;t link image source, came from Discord server)<\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-1024x576.jpeg\" alt=\"\" class=\"wp-image-100\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-1024x576.jpeg 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-300x169.jpeg 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-768x432.jpeg 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-1536x864.jpeg 1536w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC-1568x882.jpeg 1568w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/FJfm7NPXwAAybLC.jpeg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>By <a href=\"https:\/\/twitter.com\/Niko_Artz\">@Niko_Artz<\/a> | <a href=\"https:\/\/twitter.com\/Niko_Artz\/status\/1483909082004209673\">Image Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"games-made-in-2-5d\">Tools of&#8230; for the Trade?<\/h4>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>I&#8217;m heavily leaning towards looking into <strong>Blender<\/strong> again despite dropping it for Autodesk Maya when I was still trying to 3D model our characters. The <a href=\"https:\/\/lampysprites.itch.io\/pribambase\"><strong>Primabase<\/strong><\/a> Blender plugin is the main reason why I&#8217;m reconsidering it again: it gives the user the ability to connect Blender and <a href=\"https:\/\/www.aseprite.org\/\"><strong>Aesprite<\/strong><\/a>, a pixel art tool, so they can paint indirectly on top of the wrapped UVs. Really I&#8217;d be painting on the unwrapped UVs, but I&#8217;d see in live time how my texture is looking. This is better than constantly importing or refreshing .PSD texture files in Maya. <a href=\"https:\/\/twitter.com\/lampysprites\">@lampysprites<\/a> also created Primabase!<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-1024x548.png\" alt=\"\" class=\"wp-image-101\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-1024x548.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-300x160.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-768x411.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-1536x822.png 1536w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4-1568x839.png 1568w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/5111\/files\/2022\/02\/T1HOK4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Primabase Screenshot | <a href=\"https:\/\/lampysprites.itch.io\/pribambase\">Image Source<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This will require me to work directly on my computer and not on my beloved, free iPad (which I won at a hackathon haha). At least I have a corded tablet I can use for this! I&#8217;ve also been accepted for some free mentorship in Blender, so let&#8217;s see how this goes.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Another art post from the blog called &#8220;artdegree&#8221; for a CS class.<\/p><cite>Ryan Davis<\/cite><\/blockquote><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tasks Accomplished: Week 6 Technical Tasks Art Tasks Tweaking project partner&#8217;s scripts to work on different editor platforms (namely Windows vs. Mac) Construction and testing of 3D environment Setting up test character for the Midpoint Archive demo Starting NPC focus script: stops the player from leaving a conversation rudely ;] (as of writing this &#8212;&hellip; <a class=\"more-link\" href=\"https:\/\/blogs.oregonstate.edu\/artdegree\/2022\/02\/09\/i-consist-of-only-16-pixels-bp-6\/\">Continue reading <span class=\"screen-reader-text\">I Consist of Only 16 Pixels (BP #6)<\/span><\/a><\/p>\n","protected":false},"author":11959,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-87","post","type-post","status-publish","format-standard","hentry","category-cs467","entry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/posts\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/users\/11959"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":4,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/posts\/87\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/artdegree\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}