This entry was posted
on Tuesday, July 17th, 2007 at 6:15 pm and is filed under Flex, tileUI.
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.
It’s a Flex app, so that video was it running in Firefox. So since it’s done in Flex it can be in any browser on any platform, and there will be a desktop version (using AIR) for all platforms as well.
[Edit: oh, I see, I think you were asking more what bigger app this is going to be used in, keep watching tileui.com, it’ll get rolled out there]
[…] I believe this will be succesful Flex, AIR application. I know almost all of you see such video before (BumpTop.com), but this is done in Flex, watch new video or play with demo. Just awesome. Congrats to the author… Adobe, AIR, Flash, Flex /* “, “ »”); /* ]]> */Bookmark to: […]
But it’s eating up my CPU, it keeps bumping towards 90 - 99%, so it’s not as smooth as in your video. But I’m working on an old Dell Pentium M 1.4 GHz…
Hats off! Inspires me the same way flash navigations used to, but with the added pleasure of knowing that this is good clean code! This is the direction I’ve wanted to see Flex apps go!
Hey Doug,
Impressive! First thing I thought of when I saw it was that it would be something to see this app running in Jeff Han’s touchscreen project. Nice work envelope pusher looking forward to the release.
dude, that’s sweet…congrats! I have always thought that BumpTop had huge potential, so it’s awesome to see you doing something similar in flash. What kind of objects are in the tiles? Are they embedded .swf files or are does each tile represent some other type of object/file?
The tiles in the video are images returned from searching flickr. The app is going to allow developers to create their own modules that define how to load in tiles and what those tiles will look like. So far I’ve just got a flickr module working, but the idea is to make more modules. For example, an AIR module will allow you to drag files from your desktop and drop them into the app, a facebook module might let you load your facebook friends and pictures, etc etc
@Doug - too cool man. I just found out that SAP is going to send me to Flex 360, and I noticed you will be speaking there…looking forward to seeing this in person. Also, we might have to do a follow up beer drinking session inspired by the Thirsty Bear.
[…] Ever since Doug McCune first showed what could be accomplished when you combine Flex with physics and 3D in his TileUI project, I’ve been curious in learning how he did it. He hasn’t posted the source yet and rather than wait for him to give up the goods, I figured I’d try to break down what he showed in his demo and replicate it. I fought my way through the ActionScript Physics Engine (APE) and PaperVision3D projects that he said he used. I went with the code in the PaperVision3d trunk repository which I think is the 1.5 version. (I would love to know the details of the differences between 1.5, 2.0/great white, and the effects branch - all I really found were lots of demos of each but no real summary of where each of these versions is going). After messing with the code in my spare time last week, I’ve come up with a demo. Make no mistake: McCune is Flex bad ass and my TileUI clone has fewer features than his. However, you can select, lasso, group, stack, spiral, drag, resize, unstack, remove and change the perscpective on the tiles below. And best of all, you can view the source. […]
July 17th, 2007 at 6:36 pm
just beautiful!
July 17th, 2007 at 7:10 pm
very cool.
July 17th, 2007 at 7:12 pm
Okay that’s cool. What’s the application this is landing up in ? Very interesting indeed.
July 17th, 2007 at 7:20 pm
It’s a Flex app, so that video was it running in Firefox. So since it’s done in Flex it can be in any browser on any platform, and there will be a desktop version (using AIR) for all platforms as well.
[Edit: oh, I see, I think you were asking more what bigger app this is going to be used in, keep watching tileui.com, it’ll get rolled out there]
July 17th, 2007 at 9:41 pm
Man, this is friggin AWESOME!, i can’t believe you implemented so many features already!
July 17th, 2007 at 10:53 pm
[…] I believe this will be succesful Flex, AIR application. I know almost all of you see such video before (BumpTop.com), but this is done in Flex, watch new video or play with demo. Just awesome. Congrats to the author… Adobe, AIR, Flash, Flex /* “, “ »”); /* ]]> */Bookmark to: […]
July 17th, 2007 at 11:50 pm
This is sweet!
But it’s eating up my CPU, it keeps bumping towards 90 - 99%, so it’s not as smooth as in your video. But I’m working on an old Dell Pentium M 1.4 GHz…
July 18th, 2007 at 1:15 am
Hats off! Inspires me the same way flash navigations used to, but with the added pleasure of knowing that this is good clean code! This is the direction I’ve wanted to see Flex apps go!
July 18th, 2007 at 4:04 am
Very nice work!
July 18th, 2007 at 4:49 am
Hey Doug,
Impressive! First thing I thought of when I saw it was that it would be something to see this app running in Jeff Han’s touchscreen project. Nice work envelope pusher looking forward to the release.
July 18th, 2007 at 6:23 am
Holy crap!!!
How the hell are you doing the collision detection?
This is really amazing.
July 18th, 2007 at 7:22 am
[…] Check the Doug post here. […]
July 18th, 2007 at 7:55 am
@Jeroen - yeah, get a faster computer
@Nate - it uses the Actionscript Physics Engine for collision detection. Basically it maps a 2d physics simulation to 3d space.
@Augie - I’m going to try to integrate with as many OS actionscript projects as I can. Imagine swinging the Wii controller and knocking around tiles…
July 18th, 2007 at 9:32 am
This looks familiar, was this inspired by another project?
July 18th, 2007 at 7:44 pm
dude, that’s sweet…congrats! I have always thought that BumpTop had huge potential, so it’s awesome to see you doing something similar in flash. What kind of objects are in the tiles? Are they embedded .swf files or are does each tile represent some other type of object/file?
Cheers,
ewH
July 18th, 2007 at 8:04 pm
The tiles in the video are images returned from searching flickr. The app is going to allow developers to create their own modules that define how to load in tiles and what those tiles will look like. So far I’ve just got a flickr module working, but the idea is to make more modules. For example, an AIR module will allow you to drag files from your desktop and drop them into the app, a facebook module might let you load your facebook friends and pictures, etc etc
July 18th, 2007 at 8:35 pm
@Ian - if “inspired” is another word for blatantly copied, then yes, it was inspired by www.bumptop.com
I have no shame.
July 21st, 2007 at 7:38 pm
@Doug - too cool man. I just found out that SAP is going to send me to Flex 360, and I noticed you will be speaking there…looking forward to seeing this in person. Also, we might have to do a follow up beer drinking session inspired by the Thirsty Bear.
-ewH
July 24th, 2007 at 1:18 am
Just awesome!
I try mentally to replace Flickr images with playing cards…
Doug, looks like you are writing yet another on-line poker application
Valery
March 24th, 2008 at 2:28 pm
[…] Ever since Doug McCune first showed what could be accomplished when you combine Flex with physics and 3D in his TileUI project, I’ve been curious in learning how he did it. He hasn’t posted the source yet and rather than wait for him to give up the goods, I figured I’d try to break down what he showed in his demo and replicate it. I fought my way through the ActionScript Physics Engine (APE) and PaperVision3D projects that he said he used. I went with the code in the PaperVision3d trunk repository which I think is the 1.5 version. (I would love to know the details of the differences between 1.5, 2.0/great white, and the effects branch - all I really found were lots of demos of each but no real summary of where each of these versions is going). After messing with the code in my spare time last week, I’ve come up with a demo. Make no mistake: McCune is Flex bad ass and my TileUI clone has fewer features than his. However, you can select, lasso, group, stack, spiral, drag, resize, unstack, remove and change the perscpective on the tiles below. And best of all, you can view the source. […]