{"id":540,"date":"2011-08-05T12:30:26","date_gmt":"2011-08-05T11:30:26","guid":{"rendered":"http:\/\/www.davidhing.com\/?p=540"},"modified":"2011-08-05T19:42:40","modified_gmt":"2011-08-05T18:42:40","slug":"game-design-friday-placeholder-graphics","status":"publish","type":"post","link":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/","title":{"rendered":"Game Design Friday: Placeholder Graphics"},"content":{"rendered":"

I am ever trying to learn the art of Game Design through trial and error, or as I like to call it, error and error (which if you learn by making mistakes is twice as efficient).<\/p>\n

\"\"<\/a>One element of the design process that routinely throws roadblocks up in my path is the graphical development. \u00a0When you start making your game, it is inevitably not going to look like a polished game unless you’re making text only interactive fiction, and even then you might end up changing the font. \u00a0This is unavoidable and is something that you shouldn’t be worried about, but there’s a balancing act here whereby you need to get it looking like something you’re at least partially happy with, otherwise you’re not going to work on the game at all.<\/p>\n

I am awful at working on things at the best of times, but I so frequently get stumped by the issue of working with placeholder graphics. \u00a0I want the game to look like its polished state from phase one and that urge can damage development and general productivity.<\/p>\n

<\/p>\n

For anyone not quite up to speed with what I’m going on about, this is what I mean. \u00a0Below are some sprites from a platform game I started working on a while back.<\/p>\n

Stage One<\/strong><\/p>\n

\"\"<\/a><\/p>\n

This is the main character’s sprite. \u00a0This is also a rectangle. \u00a0If you look closely you can see two blue eyes. \u00a0As I moved this around the map in place of what the main character was actually going to look like, it made me get grumpier and grumpier that it was just a rectangle with two eyes, and so I started crudely chipping \u00a0away at the block, trying to remove all pixels that did not look like a ninja.<\/span><\/p>\n

Stage Two<\/strong><\/p>\n

 <\/p>\n

\"\"<\/a><\/p>\n

As a pixel sculpture, you can at least tell what it is. \u00a0I even put in a little animation cycle so I could see he was running along, but herein the problem had started rolling down the gentle slope and was not going to be fully halted by this\u00a0measly\u00a0effort.<\/p>\n

Stage Three<\/strong><\/p>\n

 <\/p>\n

\"\"<\/a><\/p>\n

And so we’re brought to this. \u00a0The eagle eyed among you might have noticed a problem. \u00a0My initial placeholder graphic is a completely different size to my final one. \u00a0This greatly affects elements of gameplay and meant that I had to rework a lot of what I had already done. \u00a0Also, with this (slightly) more elaborate animation cycle came a glimpse of a much higher quality product which made me want to work on the graphics even more.<\/p>\n

I suppose the lesson here is that game design is a\u00a0colossal\u00a0discipline and trying to make something by yourself exposes the project to all of those little mental ticks and quirks that you have jumping up and down all over your work, ultimately rendering it as something you no longer want to work on. \u00a0I can definitely see the attraction of getting an art-focused person to work on the art and a programming-focussed person to focus on the actual mechanics.<\/p>\n

I do this as an on again off again hobby, so that’s fine with me, but how the full time one-man studios have the willpower to push on through little quirks like this I don’t know. \u00a0I’m hoping it’s something that you make a mistake with once, learn, and never make the same mistake again, but I suppose only time will tell on that one.<\/p>\n

Friday Game Design words of wisdom:<\/strong> \u00a0Make sure your actual graphics are the same size as whatever you’ve been using as a template to program with or things will no longer fit together.<\/p>\n","protected":false},"excerpt":{"rendered":"

I am ever trying to learn the art of Game Design through trial and error, or as I like to call it, error and error (which if you learn by making mistakes is twice as efficient). One element of the design process that routinely throws roadblocks up in my path is the graphical development. \u00a0When […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[70,17],"tags":[245,240,18,100,6,8],"class_list":["post-540","post","type-post","status-publish","format-standard","hentry","category-chaotic-tortoise-studios","category-computer_games","tag-chaotic-tortoise-studios","tag-computer_games","tag-games","tag-graphics","tag-programming","tag-projects"],"yoast_head":"\nPlaceholder graphics | Chaotic Tortoise<\/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:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Placeholder graphics | Chaotic Tortoise\" \/>\n<meta property=\"og:description\" content=\"I am ever trying to learn the art of Game Design through trial and error, or as I like to call it, error and error (which if you learn by making mistakes is twice as efficient). One element of the design process that routinely throws roadblocks up in my path is the graphical development. \u00a0When […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\" \/>\n<meta property=\"og:site_name\" content=\"Chaotic Tortoise\" \/>\n<meta property=\"article:published_time\" content=\"2011-08-05T11:30:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-08-05T18:42:40+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png\" \/>\n<meta name=\"author\" content=\"Ding\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ding\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\"},\"author\":{\"name\":\"Ding\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74\"},\"headline\":\"Game Design Friday: Placeholder Graphics\",\"datePublished\":\"2011-08-05T11:30:26+00:00\",\"dateModified\":\"2011-08-05T18:42:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\"},\"wordCount\":613,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png\",\"keywords\":[\"Chaotic Tortoise Studios\",\"Computer Games\",\"Games\",\"graphics\",\"Programming\",\"Projects\"],\"articleSection\":[\"Chaotic Tortoise Studios\",\"Computer Games\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\",\"url\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\",\"name\":\"Placeholder graphics | Chaotic Tortoise\",\"isPartOf\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png\",\"datePublished\":\"2011-08-05T11:30:26+00:00\",\"dateModified\":\"2011-08-05T18:42:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage\",\"url\":\"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png\",\"contentUrl\":\"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Game Design Friday: Placeholder Graphics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#website\",\"url\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/\",\"name\":\"Chaotic Tortoise\",\"description\":\"A blog for ordinary geeks\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74\",\"name\":\"Ding\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/091490c27d340f49091f79cf75a1b4e6b265e6e8524a56bfe3f143486d244609?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/091490c27d340f49091f79cf75a1b4e6b265e6e8524a56bfe3f143486d244609?s=96&d=retro&r=g\",\"caption\":\"Ding\"},\"url\":\"https:\/\/www.davidhing.com\/chaotic-tortoise\/author\/ding\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Placeholder graphics | Chaotic Tortoise","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:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/","og_locale":"en_US","og_type":"article","og_title":"Placeholder graphics | Chaotic Tortoise","og_description":"I am ever trying to learn the art of Game Design through trial and error, or as I like to call it, error and error (which if you learn by making mistakes is twice as efficient). One element of the design process that routinely throws roadblocks up in my path is the graphical development. \u00a0When […]","og_url":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/","og_site_name":"Chaotic Tortoise","article_published_time":"2011-08-05T11:30:26+00:00","article_modified_time":"2011-08-05T18:42:40+00:00","og_image":[{"url":"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png","type":"","width":"","height":""}],"author":"Ding","twitter_misc":{"Written by":"Ding","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#article","isPartOf":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/"},"author":{"name":"Ding","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74"},"headline":"Game Design Friday: Placeholder Graphics","datePublished":"2011-08-05T11:30:26+00:00","dateModified":"2011-08-05T18:42:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/"},"wordCount":613,"commentCount":0,"image":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage"},"thumbnailUrl":"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png","keywords":["Chaotic Tortoise Studios","Computer Games","Games","graphics","Programming","Projects"],"articleSection":["Chaotic Tortoise Studios","Computer Games"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/","url":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/","name":"Placeholder graphics | Chaotic Tortoise","isPartOf":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage"},"image":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage"},"thumbnailUrl":"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png","datePublished":"2011-08-05T11:30:26+00:00","dateModified":"2011-08-05T18:42:40+00:00","author":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74"},"breadcrumb":{"@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#primaryimage","url":"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png","contentUrl":"http:\/\/www.davidhing.com\/wp-content\/uploads\/2011\/08\/CT-TempTortoise-300x170.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/2011\/08\/game-design-friday-placeholder-graphics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.davidhing.com\/chaotic-tortoise\/"},{"@type":"ListItem","position":2,"name":"Game Design Friday: Placeholder Graphics"}]},{"@type":"WebSite","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#website","url":"https:\/\/www.davidhing.com\/chaotic-tortoise\/","name":"Chaotic Tortoise","description":"A blog for ordinary geeks","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.davidhing.com\/chaotic-tortoise\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/bf6123d7eac4a67f754184ab68db2d74","name":"Ding","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.davidhing.com\/chaotic-tortoise\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/091490c27d340f49091f79cf75a1b4e6b265e6e8524a56bfe3f143486d244609?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/091490c27d340f49091f79cf75a1b4e6b265e6e8524a56bfe3f143486d244609?s=96&d=retro&r=g","caption":"Ding"},"url":"https:\/\/www.davidhing.com\/chaotic-tortoise\/author\/ding\/"}]}},"_links":{"self":[{"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/posts\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":10,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/posts\/540\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/posts\/540\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/media?parent=540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/categories?post=540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidhing.com\/chaotic-tortoise\/wp-json\/wp\/v2\/tags?post=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}