{"id":2311,"date":"2013-06-11T00:25:38","date_gmt":"2013-06-10T16:00:09","guid":{"rendered":"https:\/\/programresource.net\/?p=2311"},"modified":"2015-04-29T02:05:39","modified_gmt":"2015-04-28T17:05:39","slug":"android-my-design-tool-for-animal-crossing-new-leaf-basic-operation-guide","status":"publish","type":"post","link":"https:\/\/programresource.net\/en\/2013\/06\/11\/2311.html","title":{"rendered":"Android My design tool for Animal Crossing New Leaf, basic operation guide"},"content":{"rendered":"<p><a href=\"https:\/\/programresource.net\/en\/2013\/08\/12\/2391.html\">Tutorial videos<\/a> under work.<\/p>\n<p>I design UI for my app to make it easy for myself, but unfortunately this seems to be unfriendly to other people.<\/p>\n<p><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=net.nefastudio.android.dmoridesigner&amp;feature=search_result#?t=W251bGwsMSwxLDEsIm5ldC5uZWZhc3R1ZGlvLmFuZHJvaWQuZG1vcmlkZXNpZ25lciJd\">Animal Xing Designer<\/a> tool for Android is also such app, good functionality but hard to understand UI. I don&#8217;t think I can improve UI that much by myself, and I also don&#8217;t have power to redesign UI, I&#8217;ll leave a instruction guide.<\/p>\n<p>When you launch app, following screen will be shown.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2305 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-12-187x300.png\" alt=\"Screenshot_2013-06-10-22-56-12\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-12-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-12-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-12.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Middle is grid panel for editing design, and left lower corner shown buttons for functions.<\/p>\n<p>Buttons from left,<\/p>\n<ul>\n<li><span style=\"line-height: 13px;\">Current selected tool \/ Call tool menu<\/span><\/li>\n<li>Show \/ hide color palette, current selected color (bar at bottom of button)<\/li>\n<li>View adjustment<\/li>\n<li>Show \/ hide preview<\/li>\n<\/ul>\n<p>Press pen button at left, menu button will pop up.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2306 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-187x300.png\" alt=\"Screenshot_2013-06-10-22-56-23\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Menu button, from left,<\/p>\n<ul>\n<li>Switch editing tool<\/li>\n<li>Undo<\/li>\n<li>Redo<\/li>\n<li>Operation menu<\/li>\n<li>Panel configuration<\/li>\n<li>App preference<\/li>\n<\/ul>\n<p>Press switch editing tool button at left to show tools.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-47.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2292 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-47-187x300.png\" alt=\"Screenshot_2013-06-10-22-56-47\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-47-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-47-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-47.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>You can switch tool from here<\/p>\n<ul>\n<li><span style=\"line-height: 13px;\">Pen<\/span><\/li>\n<li>Large pen<\/li>\n<li>Eraser<\/li>\n<li>Fill color<\/li>\n<li>Erase panel with color<\/li>\n<li>Color picker<\/li>\n<\/ul>\n<p>Pressing palette button will show color palette.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-58-12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2294 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-58-12-187x300.png\" alt=\"Screenshot_2013-06-10-22-58-12\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-58-12-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-58-12-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-58-12.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Tapping color will change selected color. Color with leaf at lower right corner is color to draw with pen or fill, color with leaf at left top corner is color used for eraser. You can change eraser color by selecting eraser and tapping color palette.<\/p>\n<p>Press button at right top side of color palette to change colors in palette.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-21.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2335 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-21-187x300.png\" alt=\"Screenshot_2013-06-23-01-18-21\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-21-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-21-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-21.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>15 colors can be used at once. If you want to use different color, you have to change one of 15 colors.<\/p>\n<p>Press &#8220;Load&#8221; button at bottom for easily changing color palette with preset value.<\/p>\n<p>Magnifier button will switch view \/ edit mode.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-40.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2336 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-40-187x300.png\" alt=\"Screenshot_2013-06-23-01-18-40\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-40-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-40-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-18-40.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>In view mode, you can drag view are or use 2 fingers to zoom in\/out, or slide finger at zoom bar.<\/p>\n<p>Press preview button to pop up preview window for easy check whole image.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-42.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2339 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-42-187x300.png\" alt=\"Screenshot_2013-06-23-01-21-42\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-42-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-42-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-42.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Image size of preview can be changed from preference.<\/p>\n<p>At right side of preview, you can see author, title and other info. Press to bring up name editing window.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-20-52.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2337 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-20-52-187x300.png\" alt=\"Screenshot_2013-06-23-01-20-52\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-20-52-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-20-52-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-20-52.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>You can freely edit names, but if you want to redesign inside game, town, author and unique ID must match with one in your game.<\/p>\n<p>Unique ID can be imported from QR code you created from your game. Press Unique ID button.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-00.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2338 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-00-187x300.png\" alt=\"Screenshot_2013-06-23-01-21-00\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-00-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-00-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-21-00.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>This screen shows list of imported town\/author\/unique ID info. Press Import button to launch camera and fetch info from your QR code. After importing, select item and press Use ID button.<\/p>\n<p>If you don&#8217;t need to redesign inside game, you can freely edit names.<\/p>\n<p>Pressing package button will bring up operation menus.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-pkg.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2307 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-pkg-187x300.png\" alt=\"Screenshot_2013-06-10-22-56-23-pkg\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-pkg-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-pkg-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-pkg.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-22-00.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2340 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-22-00-187x300.png\" alt=\"Screenshot_2013-06-23-01-22-00\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-22-00-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-22-00-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-22-00.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>You can start new design, read \/ write QR code, and convert from image from here.<\/p>\n<p>Press create QR code to show QR codes you can read from sawing machine at able sisters in your 3DS game.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-31.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2341 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-31-187x300.png\" alt=\"Screenshot_2013-06-23-01-24-31\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-31-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-31-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-31.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>If more than one QR code available, you can switch by pressing arrow button at right top side.<\/p>\n<p>Tap QR code to show in larger image.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-09-05.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2304 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-09-05-187x300.png\" alt=\"Screenshot_2013-06-10-23-09-05\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-09-05-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-09-05-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-09-05.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>You can easily create design by importing from image file, camera, or from Web. After selecting image, adjustment screen will be shown.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-25-45.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2343 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-25-45-187x300.png\" alt=\"Screenshot_2013-06-23-01-25-45\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-25-45-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-25-45-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-25-45.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>This might not work correctly depending on your image file selecting \/ camera app.<\/p>\n<p>You can adjust image position and size. This screen does not support 2 finger gesture, so adjust size by sliding finger at zoom bar.<\/p>\n<p>Preview icon switches real-time color optimization.<\/p>\n<p>Press OK to import.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-51.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2342 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-51-187x300.png\" alt=\"Screenshot_2013-06-23-01-24-51\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-51-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-51-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-23-01-24-51.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Only for normal panel type, you can use multiple paneled design.<\/p>\n<p>Press panel button.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-panel.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2308 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-panel-187x300.png\" alt=\"Screenshot_2013-06-10-22-56-23-panel\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-panel-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-panel-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-22-56-23-panel.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Drag Leaf button (Panel) to add\/remove panels and adjust position.<\/p>\n<p><a href=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-00-14.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-2299 aligncenter\" src=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-00-14-187x300.png\" alt=\"Screenshot_2013-06-10-23-00-14\" width=\"187\" height=\"300\" srcset=\"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-00-14-187x300.png 187w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-00-14-640x1024.png 640w, https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-00-14.png 800w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p>\n<p>Since editing can be done for one panel at a time, you have to tap panel to switch editing target.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial videos under work. I design UI for my app to make it easy for myself, but unfortunately this seems to be unfriendly to other people. Animal Xing Designer tool for Android is also such app, good functionality but hard to understand UI. I don&#8217;t think I can improve UI that much by myself, and I also don&#8217;t have power to redesign UI, I&#8217;ll leave a instruction guide. When you launch app, following screen will be shown. Middle is grid panel for editing design, and left lower corner shown buttons for functions. Buttons from left, Current selected tool \/ Call tool menu Show \/ hide color palette, current selected color &#8230;<\/p>\n","protected":false},"author":2,"featured_media":2302,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[195],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/programresource.net\/images\/2013\/06\/Screenshot_2013-06-10-23-07-48.png","jetpack_shortlink":"https:\/\/wp.me\/p3pJyQ-Bh","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/posts\/2311"}],"collection":[{"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/comments?post=2311"}],"version-history":[{"count":2,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/posts\/2311\/revisions"}],"predecessor-version":[{"id":2598,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/posts\/2311\/revisions\/2598"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/media\/2302"}],"wp:attachment":[{"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/media?parent=2311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/categories?post=2311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programresource.net\/en\/wp-json\/wp\/v2\/tags?post=2311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}