{"id":5466,"date":"2010-10-05T17:38:16","date_gmt":"2010-10-05T16:38:16","guid":{"rendered":"http:\/\/www.firedbydesign.com\/"},"modified":"2017-04-28T10:58:21","modified_gmt":"2017-04-28T09:58:21","slug":"abstract-ar-with-james-alliban","status":"publish","type":"page","link":"https:\/\/firedbydesign.com\/?page_id=5466","title":{"rendered":"Abstract App Art with James Alliban"},"content":{"rendered":"<p>James Alliban is fast becoming a name to conjure with in technology-driven art. The magical allusion is not misplaced, as you&#8217;ll agree if you&#8217;ve seen some of his colourful augmented reality (AR) projects. Now this interactive designer has been developing a range of applications with the central theme of cubism. They \u00a0include\u00a0Self Portrait? and the\u00a0<a href=\"https:\/\/jamesalliban.wordpress.com\/2008\/05\/06\/wiimote-powered-self-portrait-generator\/\" target=\"_blank\">WiiMote portrait generator.<\/a> His first iPhone App is Fracture, which allows the user to paint cubist images using their photos.<\/p>\n<div id=\"attachment_5476\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" aria-describedby=\"caption-attachment-5476\" class=\"size-full wp-image-5476 lazyload\" title=\"Juliet_All-rights-reserved-by-FractureApp\" data-src=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?resize=370%2C553&#038;ssl=1\" alt=\"\" width=\"370\" height=\"553\" data-srcset=\"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?w=617&amp;ssl=1 617w, https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?resize=214%2C320&amp;ssl=1 214w, https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?resize=228%2C340&amp;ssl=1 228w\" data-sizes=\"(max-width: 370px) 100vw, 370px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 370px; --smush-placeholder-aspect-ratio: 370\/553;\" \/><\/a><p id=\"caption-attachment-5476\" class=\"wp-caption-text\">Splash Screen All rights reserved by FractureApp<\/p><\/div>\n<p><strong>James Alliban<\/strong>:\u00a0In my previous life as a traditional artist, I tended towards still life, landscapes etc. Although I admired Abstract art, and Cubism in particular, I never quite took the step to actually adopting the style. Once I started to learn how to program using Actionscript and Lingo I quickly started to build abstract generative compositions using images and video. I particularly enjoyed building painting tools that used images as the source or &#8216;paint&#8217;. This work quickly evolved and resulted in the first Cubism based application &#8216;Self Portrait?&#8217;.<\/p>\n<p><strong><em>FBD: <\/em><\/strong><em>Can you give a brief recap of the design development process behind the previous applications?<\/em><\/p>\n<p>[<strong>JA]<\/strong>The first step is to acquire an image, this could be from a live camera feed or a randomly chosen image from a collection. The brush (or shape) is then chosen, rotated, adjusted accordingly and then used as a mask to apply to the source image. The resulting segment plus an outline\/shadow are then drawn to the &#8216;canvas&#8217; in the specified position. Repeat the above over and over and you achieve the fractured Cubist aesthetic.<\/p>\n<p>This was fairly straightforward for &#8216;Self Portrait?&#8217; which is a self container Flash application. The &#8216;WiiMote Portrait generator&#8217; wasn&#8217;t quite so simple. It required me to install the WiiFlash server, connect the WiiMote to the server using a bluetooth dongle and to position an infrared light by the monitor. The images where then retrieved from the webcam. As a result of this complex setup, I didn&#8217;t release the application and it remained an experiment.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"size-full wp-image-5475 aligncenter lazyload\" title=\"Fracture\" data-src=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/10\/Fracture.jpg?resize=336%2C220&#038;ssl=1\" alt=\"\" width=\"336\" height=\"220\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 336px; --smush-placeholder-aspect-ratio: 336\/220;\" \/><\/p>\n<p><strong><em>FBD:<\/em><\/strong>What was the inspiration for Fracture app? When did you think of it?<\/p>\n<p>[<strong>JA] <\/strong>I&#8217;ve been following the openFrameworks community for a few years now and started learning the toolkit about a year ago. It was about this time that I learned that oF could be used to build iPhone apps which got me thinking. I wasn&#8217;t interested in learning Objective-C for iOS app development but being given a &#8216;way in&#8217; via oF seemed too good an opportunity to miss.<\/p>\n<p>One of the main complaints from my previous Cubism applications was that you either couldn&#8217;t add your own images, or that it was too difficult to set up (see above). I saw this app as the logical next step in the series and an excellent learning experience.<\/p>\n<p><strong><em>FBD:<\/em><\/strong>How much did your work on the previous applications contribute to Fracture?<\/p>\n<p>[<strong>JA] <\/strong>In terms of the concept, a great deal. In terms of the code, very little. Whereas Flash takes care of a great deal of the underlying pixel-level operations, openFrameworks can require you to take care of much of this yourself.<\/p>\n<p><strong><em>FBD:<\/em><\/strong>What were the challenges involved?<\/p>\n<p>[<strong>JA] <\/strong>By far the biggest challenge was building the interface which required learning some Objective-C. I found that I couldn\u2019t take advantage of many of the tutorials and standard Apple interface approaches. This was due to the fact that oF projects are set up differently to standard iOS projects.<\/p>\n<p><strong><em>FBD:<\/em><\/strong>Has the reaction to your apps provided any new opportunities or inspiration for new projects?<\/p>\n<p>[<strong>JA] <\/strong>I&#8217;ve had plenty of great feedback and have been featured in some big blogs and magazines. I&#8217;ve also been given the opportunity to talk about iOS development with openFrameworks at a couple of events.<\/p>\n<div id=\"attachment_5477\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/10\/James-in-the-Garden_All-rights-reserved-by-FractureApp.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" aria-describedby=\"caption-attachment-5477\" class=\"size-full wp-image-5477 lazyload\" title=\"James-in-the-Garden_All-rights-reserved-by-FractureApp\" data-src=\"https:\/\/i0.wp.com\/firedbydesign.com\/fbdimg\/2010\/10\/James-in-the-Garden_All-rights-reserved-by-FractureApp.jpg?resize=320%2C480&#038;ssl=1\" alt=\"\" width=\"320\" height=\"480\" data-srcset=\"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/James-in-the-Garden_All-rights-reserved-by-FractureApp.jpg?w=320&amp;ssl=1 320w, https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/James-in-the-Garden_All-rights-reserved-by-FractureApp.jpg?resize=213%2C320&amp;ssl=1 213w, https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/James-in-the-Garden_All-rights-reserved-by-FractureApp.jpg?resize=227%2C340&amp;ssl=1 227w\" data-sizes=\"(max-width: 320px) 100vw, 320px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 320px; --smush-placeholder-aspect-ratio: 320\/480;\" \/><\/a><p id=\"caption-attachment-5477\" class=\"wp-caption-text\">James in the Garden All rights reserved by FractureApp<\/p><\/div>\n<p><strong><em>FBD:<\/em><\/strong>Where should people go to find out more about your work and similar artists?<\/p>\n<p>[<strong>JA] <\/strong>I&#8217;ve collated my research into a <a title=\"http:\/\/vimeo.com\/channels\/mobileart\" href=\"https:\/\/vimeo.com\/channels\/mobileart\" target=\"_blank\">Vimeo channel<\/a> and you can find a bunch of <a title=\"http:\/\/vimeo.com\/jamesalliban\/videos\" href=\"https:\/\/vimeo.com\/jamesalliban\/videos\" target=\"_blank\">my work<\/a> here:\u00a0\u2028<a href=\"https:\/\/vimeo.com\/jamesalliban\/videos\" target=\"_blank\">http:\/\/vimeo.com\/jamesalliban\/videos<\/a><\/p>\n<p>There&#8217;s also iPhoneart.org curated by LIA at\u2028<a title=\"http:\/\/iphoneArt.org\" href=\"http:\/\/www.iphoneart.org\/\" target=\"_blank\">http:\/\/iphoneArt.org<\/a><\/p>\n<p><a title=\"http:\/\/jamesalliban.wordpress.com\/\" href=\"https:\/\/jamesalliban.wordpress.com\/\" target=\"_blank\"> See more by James Alliban<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive designer James Alliban has been developing a range of applications with the central theme of cubism. The latest is Fracture for the iPhone<\/p>\n","protected":false},"author":129,"featured_media":5476,"parent":2149,"menu_order":25,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-5466","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Abstract App Art with James Alliban - Fired By Design<\/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:\/\/firedbydesign.com\/?page_id=5466\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Abstract App Art with James Alliban - Fired By Design\" \/>\n<meta name=\"twitter:description\" content=\"Interactive designer James Alliban has been developing a range of applications with the central theme of cubism. The latest is Fracture for the iPhone\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1\" \/>\n<meta name=\"twitter:site\" content=\"@FiredByDesign\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466\",\"name\":\"Abstract App Art with James Alliban - Fired By Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/10\\\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1\",\"datePublished\":\"2010-10-05T16:38:16+00:00\",\"dateModified\":\"2017-04-28T09:58:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/10\\\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2010\\\/10\\\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1\",\"width\":617,\"height\":921},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=5466#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/firedbydesign.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bright Sparks\",\"item\":\"https:\\\/\\\/firedbydesign.com\\\/?page_id=2149\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Abstract App Art with James Alliban\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#website\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/\",\"name\":\"Fired By Design\",\"description\":\"creative inspirations and revelations\",\"publisher\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/firedbydesign.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#organization\",\"name\":\"Fired By Design\",\"url\":\"https:\\\/\\\/firedbydesign.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/firedbydesign.com\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1\",\"width\":207,\"height\":236,\"caption\":\"Fired By Design\"},\"image\":{\"@id\":\"https:\\\/\\\/firedbydesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/FiredByDesign\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Abstract App Art with James Alliban - Fired By Design","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:\/\/firedbydesign.com\/?page_id=5466","twitter_card":"summary_large_image","twitter_title":"Abstract App Art with James Alliban - Fired By Design","twitter_description":"Interactive designer James Alliban has been developing a range of applications with the central theme of cubism. The latest is Fracture for the iPhone","twitter_image":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1","twitter_site":"@FiredByDesign","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/firedbydesign.com\/?page_id=5466","url":"https:\/\/firedbydesign.com\/?page_id=5466","name":"Abstract App Art with James Alliban - Fired By Design","isPartOf":{"@id":"https:\/\/firedbydesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/firedbydesign.com\/?page_id=5466#primaryimage"},"image":{"@id":"https:\/\/firedbydesign.com\/?page_id=5466#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1","datePublished":"2010-10-05T16:38:16+00:00","dateModified":"2017-04-28T09:58:21+00:00","breadcrumb":{"@id":"https:\/\/firedbydesign.com\/?page_id=5466#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/firedbydesign.com\/?page_id=5466"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/firedbydesign.com\/?page_id=5466#primaryimage","url":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1","contentUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2010\/10\/Juliet_All-rights-reserved-by-FractureApp.jpg?fit=617%2C921&ssl=1","width":617,"height":921},{"@type":"BreadcrumbList","@id":"https:\/\/firedbydesign.com\/?page_id=5466#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/firedbydesign.com\/"},{"@type":"ListItem","position":2,"name":"Bright Sparks","item":"https:\/\/firedbydesign.com\/?page_id=2149"},{"@type":"ListItem","position":3,"name":"Abstract App Art with James Alliban"}]},{"@type":"WebSite","@id":"https:\/\/firedbydesign.com\/#website","url":"https:\/\/firedbydesign.com\/","name":"Fired By Design","description":"creative inspirations and revelations","publisher":{"@id":"https:\/\/firedbydesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/firedbydesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/firedbydesign.com\/#organization","name":"Fired By Design","url":"https:\/\/firedbydesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/firedbydesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2016\/05\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1","contentUrl":"https:\/\/i0.wp.com\/firedbydesign.com\/wp-content\/uploads\/2016\/05\/cropped-Big2015_MB6.png?fit=207%2C236&ssl=1","width":207,"height":236,"caption":"Fired By Design"},"image":{"@id":"https:\/\/firedbydesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/FiredByDesign"]}]}},"_links":{"self":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/pages\/5466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5466"}],"version-history":[{"count":0,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/pages\/5466\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/firedbydesign.com\/index.php?rest_route=\/wp\/v2\/media\/5476"}],"wp:attachment":[{"href":"https:\/\/firedbydesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}