{"id":125,"date":"2007-08-04T18:35:59","date_gmt":"2007-08-05T02:35:59","guid":{"rendered":"http:\/\/dougmccune.com\/blog\/2007\/08\/04\/the-making-of-tileui\/"},"modified":"2013-06-09T20:22:58","modified_gmt":"2013-06-10T04:22:58","slug":"the-making-of-tileui","status":"publish","type":"post","link":"https:\/\/dougmccune.com\/blog\/2007\/08\/04\/the-making-of-tileui\/","title":{"rendered":"The making of TileUI"},"content":{"rendered":"

I’ve posted a video that shows the progress that I made during the first 12 days of working on TileUI<\/a>. For about the first 2 weeks I saved a snapshot of the progress I had made (I tried to save a snapshot each day, but I missed a few). The video below is a combined video of each of these, it starts at day 1 and goes through day 12. <\/p>\n

<\/param><\/param><\/object><\/p>\n

I stopped taking daily snapshots (and I stopped making much progress) after the first two weeks because I started working on a contracting gig. I’ve gotten much further with the software now (as the previous AIR demo video<\/a> shows). But I’m not making the day to day advances like I did the first few days (man, if only I could be unemployed forever). <\/p>\n

Here’s a quick breakdown of how things went:<\/p>\n

Day 1<\/strong>: Learn Actionscript Physics Engine<\/a>. By the end of the day I had a decent physics simulation running that allowed me to throw around particles. Prior to this project I had never worked with APE, it’s a solid physics engine (my only complaint is how CPU intensive it is).<\/p>\n

Day 2<\/strong>: Learn PaperVision 3D<\/a>. Combine PaperVision with APE. Prior to this I hadn’t played with PV3D and I figured it was about time I learn. By the end of the day I had figured out the basics of PV3D and managed to map APE particles to 3D tiles in PV3D. Damn, these libraries are good.<\/p>\n

Day 3<\/strong>: I got the tiles to display images. And I got the basic selection system working where you can lasso a set of tiles and they get grouped. The group was just a messy group of tiles, but it was a start.<\/p>\n

Day 4<\/strong>: Added Flickr support to load tiles straight from Flickr. Added dynamic sizing of tiles.<\/p>\n

Day 6<\/strong>: Made grouping tiles put them into 3D stacks. Added double clicking tiles to do something based on the tile content, ie open larger Flickr image. (I don’t remember why I don’t have a day 5 or 8 snapshot)<\/p>\n

Day 7<\/strong>: Improved Flickr support, ability to page through results, load multiple search results, etc. Added spiral stack.<\/p>\n

Day 9<\/strong>: Added the menu system. Added the twist menu item to twist a stacked pile. Allowed breaking piles you made.<\/p>\n

Day 10<\/strong>: Added the fan layout method. <\/p>\n

Day 11<\/strong>: Added the grid layout method.
\n
\nDay 12<\/strong>: Added the leafing layout method. <\/p>\n

So what?<\/strong>
\nI thought this was cool because it shows a) how awesome and fast developing in Flex\/AS3 is and b) how badass open source community libraries for Flex are. I was able to grab these open source libraries and within a few days have something pretty sweet to show for it. A big thanks to everyone behind the PaperVision project, and to Alec Cove<\/a> for the APE engine. You guys make this stuff easy.<\/p>\n

At last count I am using 10 different open source libraries in the TileUI project in one way or another. <\/p>\n","protected":false},"excerpt":{"rendered":"

I’ve posted a video that shows the progress that I made during the first 12 days of working on TileUI. For about the first 2 weeks I saved a snapshot of the progress I had made (I tried to save a snapshot each day, but I missed a few). The video below is a combined […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2],"tags":[10,8,9],"class_list":["post-125","post","type-post","status-publish","format-standard","hentry","category-flex","tag-air","tag-flex-3","tag-tileui"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t