If you head over to Surfin Safari, Webkit's blog of new features, you'll find some neat new HTML5 3-D tricks that Safari 4 (including the latest Webkit builds and Mobile Safari on the iPhone) can do without breaking a CPU sweat. We had our doubts (and still do to a degree) but this is the kind of animation that makes Flash seem a little less ... "necessary".
In a non-scientific test, running Morphing Power Cubes, the browser used 5% of the CPU. Flash usually starts at around 30% just to be activated. These examples also run incredibly smooth on the iPhone and iPod touch.
Other interesting examples (Make sure you are using a recent Webkit build or Safari in Snow Leopard): Poster Circle, Perspective, Transform Style...and our favorite: Morphing Power Cubes
Here's another fun one. ChromeExperiments hosts many more (thanks commenter).
Delicious
Digg
StumbleUpon
Reddit
Facebook
Google
Yahoo
Comments
Seeing this on the iPhone is
Seeing this on the iPhone is most impressive... it runs much smoother than you think.
Die flash!
Die flash!
Between Silverlight and this...
Flash is toast.
Too late Adobe, you had a good run.
Oh, and PS - SL will be next. Better be quick.
hmm, I am using Safari 4.0.2
hmm, I am using Safari 4.0.2 on a mac, but all I see is some shapes in 2D. For example, morphing cube layers are stacked on top of each, and just rotating. Here are some screenshots: http://img193.imageshack.us/gal.php?g=picture4daa.png
also cpu on my mbp dual core 1.83 goes up to 98%. Do I have to switch smth. on or off for it to work, or there is some problem with my safari?
I believe you have to be
I believe you have to be running Safari 4 in Snow Leopard, using one of the latest Webkit nightlies (in Leopard or Snow Leopard), or running it on Safari in iPhone 3.0 to see the HTML 5 stuff.
I can confirm that Safari 4.0.2 on 10.5.7 does not work.
I believe you have to be
I believe you have to be running Safari 4 in Snow Leopard, using one of the latest Webkit nightlies (in Leopard or Snow Leopard), or running it on Safari in iPhone 3.0 to see the HTML 5 stuff.
I can confirm that Safari 4.0.2 on 10.5.7 does not work.
works fine for me
works fine for me
Thanks, problem solved. I was
Thanks, problem solved. I was running 4.0.2 on 10.5.7. I somehow missed the part that I need latest webkit build, and not the latest safari.
*~Magic Of The Mage~*
look like a magic
I know... Windoze... but
I know... Windoze... but Safari on Windoze still uses around 50% of the CPU for these animations...
Looks great on the iPod touch!!!
Cool...but
These are cool, but Google Chrome can do them too (most of them, anyway) and has its own dedicated site to these types of 'non flash' animations etc: http://www.chromeexperiments.com/
Check it out - its pretty amazing considering no flash was used.
Maybe that has something to
Maybe that has something to do that Google Chrome is also using webkit as HTML engine? ;-)
These are cool, but Google
These are cool, but Google Chrome can do them too (most of them, anyway) and has its own dedicated site to these types of 'non flash' animations etc: http://www.chromeexperiments.com/
Its pretty amazing considering no flash was used. Flash can go die in a hole.
Does the answer the question?
What question? Well the question as to why there has been no Adobe Flash support in the iPhone browser?
Works Differently on iPhone
Some of these examples show differences (problems) when running on the iphone. Some I've noticed:
-- slider control doesn't display on iPhone
-- activate mike control doesn't display on iPhone
-- drawing doesn't work on iPhone, it pans the screen instead
The browser running on the computer uses the kb & mouse for input and the display for output. On the iPhone the mouse and display are one.
For this to be truly device-independent that standard controls will need to be developed that work with a browser on a computer and a browser on a touch screen.