Here’s a demo video of tileUI Desktop running as an AIR app. The video shows drag and drop of local files into tileUI, drag and drop photos from iPhoto, using motion detection on a webcam to take pictures, extracting contents of a zip archive and removing a subset of tiles from a stack.
Audio is kind of low, sorry about that.
This entry was posted
on Monday, July 23rd, 2007 at 11:54 am and is filed under Flex, tileUI, AIR.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Entries (RSS)
July 23rd, 2007 at 12:05 pm
Someone’s gunning for Air Developer Derby 1st prize .. ! This looks seriously impressive.
July 23rd, 2007 at 12:08 pm
Gotcha! This project is based on the “BumpTop”-Desktop 3D http://www.youtube.com/watch?v=M0ODskdEPnQ, isn’t it?!
Nevertheless I have to say that you did an amazing job on this project! Since I know the original I never thought about getting this via a Flash-based engine. Keep up the good work!
July 23rd, 2007 at 12:12 pm
Completely based off the BumpTop demo, no question about it
But while BumpTop hasn’t seen the light of day, this one you’ll be able to play with in a few weeks.
July 23rd, 2007 at 12:51 pm
Very cool Doug. Is there going to be an option to use this application as your Desktop? So automatically when files are downloaded to user/Desktop you can play with them right away within your app? I assume right now when you remove files your just removing them from the UI and not from the filesystem. Will there be integration with the file system at some point (copy/delete/open/etc)?
July 23rd, 2007 at 1:03 pm
@Jonathan: yeah, there will be integration with the real file system. You’re right in assuming that in the video when I remove them from the workspace it does not delete them from the actual filesystem. The option to actually delete the file will also be added. There will also be drag and drop support from the app back to your desktop, or a folder, so you can drag a group of files into a folder to copy or move them there. This is going to be particularly useful for stuff like searching for flickr images, selecting the ones you want, and then dragging them into a folder on your computer, which will download the hi-res images from flickr.
July 23rd, 2007 at 1:18 pm
just like wow. i can’t think of anything more useful than the motion detector. i mean, who doesn’t want a whole lot of tiles of their own face that they can whack together?
it’s just like, tiles *tiles* TILES!!!
_*TILES*_
in all seriousness, nice work. =)
July 23rd, 2007 at 4:17 pm
Ummm…can you send me the AIR file before it goes public so that I can play with it?
This thing is sweeeeet.
=Ryan
rstewart
July 23rd, 2007 at 4:58 pm
SWEET! This is really great stuff.
Will there be an option to turn the tile borders off so more of the shape of the icon with be revealed instead of everything being square? It would be nice to be able to have multiple “tops” for different purposes or maybe when you open a folder a semi-transparent plane shows the contents above the initial tileUI area as an option.
For deleting items I could see a file getting torched with some of the flame component you’ve developed or some trash can goal posts to fling tiles into.
Great work!
July 24th, 2007 at 1:18 am
Wow, that epic work. Well done!! This could finally be the “killer-app” we´re all waiting for.
July 24th, 2007 at 1:24 am
Waoh, seriously impressive ! That + M$’s Surface and you revolutionize the desktop. Not sure if it could replace the whole file system explorer / directory, but for the desktop it would be simply great !
One question tough : Why did you choose AIR (not only for AIR Derby ? oh maybe…
) ?
This kind of application needs close interaction with OS and AIR just won’t provide that (things as simple as launching the files — did you manage to hack sthg ?)
hats off
July 24th, 2007 at 9:52 am
Doug, that is really an amazing piece of work. Inspirational, elegant, and bonus points for being on a mac. Great work on extending the original project/concept.
July 24th, 2007 at 3:30 pm
Wow, seriously impressive …
My vote for Air Developer Derby 1st prize !!!
July 26th, 2007 at 2:21 am
[…] tileUI是Doug mccune 编写的一个AIR程序，管理桌面文档，操作模式非常酷，看录像。 […]
July 27th, 2007 at 3:01 am
Doug,
Viejo, que es lo que estas fumando, dimelo !!!
Doug, cool, what grass are you smoking,
is great,
Best,
James
September 4th, 2007 at 1:20 am
在哪里可以下到试用呢@@
January 9th, 2008 at 12:23 am
[…] Doug mccune 编写的一个AIR程序，是用来管理文档的，就像整理你办公桌上的文档一样！！现在只有录像，不过这个东西实在是太酷了。 […]
March 27th, 2008 at 1:50 am
[…] Another interesting UI concept shown by Nicholas was creating (1) showing noun/verb as a circle with the verbs like petals off the core of noun and then (2) allowing the user to drill into petals (verbs) which then created a new noun/verb layer over the existing one. What was interesting about this is that is allows users to keep a much more visual context in place of where they came from and the ability to roll back in the layers of noun-verb very quickly. Far better than todays model of breadcrumb hierarchy representations (think Vista’s file explorer model). I have also seen a similar UI concept on Doug McCune’s excellent Flex UI model called “Tile UIDesktop”. About 45 seconds into his 3 minute demo of that he starts showing how his implementation of ‘petal’ actions around a selected object on his UIdestop (the ‘noun’) works. Really gives you a sense of the smooth interaction of the noun/verb concept in a petal format could work. The true efficiency in his is around the fact that when you right click (I assume that is the event) to expose the available petals (verb) for the selected object (noun) it presents itself right where your mouse is. Classic Mac design … no extra mouse movements. Just a slitght flick of your mouse, click, and go. Very nice. […]
April 3rd, 2008 at 9:12 pm
[…] Someone emailed me recently asking about this code, since it was shown in a previous video I created when I was working on TileUI a while back. This is the first in a series of chunks of code that I’m thinking about taking from that project and releasing open source. No, I don’t think I’ll be releasing all of TileUI, but just some of the components within it (like the radial menu component maybe). […]
June 18th, 2008 at 12:09 am
Hi Doug,
It’s really a cool effect, especially the mouse movement detection, collision.
Can you guide me out to get the logic for mouse movement? When you drag the image in the tileui, depending upon the velocity of the mouse pointer, the image stops with good easing effect. How this can be implemented? I need to implement this Action scirpt 2.0. Maybe in future, I will migrate to AS 3.0/Flex. Please send me the link, if you have any.
Thank You.
Regards,
Kiran