Slashdot Mirror
HTML 5 Canvas Experiment Hints At Things To Come
An anonymous reader writes with an interesting and impressive demonstration of modern browsers' HTML 5 capabilities. "From the 9elements blog: 'HTML5 is getting a lot of love lately. With the arrival of Firefox 3.5, Safari 4 and the new 3.0 beta of Google Chrome, browsers support some great new features including canvas and the new audio/video tags. [...] We've created a little experiment which loads 100 tweets related to HTML 5 and displays them using a javascript-based particle engine.' The site warns "(beware: sophisticated browser needed)"; Firefox 3.5 seems to work fine.
...And I see a lot of floating dots.
"HTML 5 Canvas Experiment Hints At Things To Come"
Seizures?
I like big butts and I cannot lie.
Regardless of what the answer is to this question, I am wondering if HTML 5 can provide most of the functionality of Javascript without posing as much of a security risk.
It was so awesome it pegged a whole core on my E8400. I expect to web to fuel larger hard drives, but faster CPUs? That's gettinga little out of hand.
This is great, but it really needs a way to mute the audio. Or better yet, make the audio optional [opt-in] from the start.
And no, I don't want to just turn off my speakers. Maybe I'm listening to some music, now all of a sudden I've got some cheezy web-site music blaring in my headphones or out my speakers. Not cool...
Nothing to see here
This demo reminds me of fancy flash sites with horrible usability.
How about some actual cool examples like this instead?
I don't need to test my programs.. I have an error correcting modem.
"Is compiling a bunch of "tweets" really the best use of all the great new HTML5 capabilities?"/em>
It's the only use for it.
Sig this!
Each particle represents a tweet - click on one of them and it'll appear on the screen.
Is it just me or does it seem to pick a random one regardless of where you click?
I stared at this thing much longer than any sane person should have.
Programming is complete. Return to your normal activities. You will receive instructions when required.
http://michaelsmith.id.au
..what are the advantages of doing this in HTML? If HTML 5 can obviate a bunch of complex, unrelated web technologies that make programming for the Web today such a mess, then great... but if it just adds to the pile, and doesn't build on expertise in "classical" HTML, then it's just adding to the problem.
KDE4's Konqueror handled the page for me much better than did Firefox. I have Firefox 3.5.1 and Konqueror 4.2.98. While Konqueror gave me no sound and Firefox did, when I tried it with Firefox, it ate up so many resources that I couldn't even get my key combo for xkill to work. Fortunately, I was able to get to a virtual terminal and kill it, but it wound up crashing my window manager. Konqueror did much better. I need to try it with Opera (which I understand is supposed to be very good).
Anyway, it's pretty neat. I think I'll start making some pages for the heck of it and put it on my local network.
Omnes tuae crepidines sunt nobis sunt. Ascendo tuum!
Runs quite well on my old Toshiba Satellite Pro M10 (Pentium M 1.5, 512MB RAM, FF3.5.2, Windws XP)
That's why I think it's awesome that HTML5 includes sound. You can't block the sound from a plugin that's executable code that does whatever it wants, however browser makers (and extension writers) can put settings options to let you opt-out for the sounds. Or prevent things from playing until you switch to the tab that wants to play them.
Slashdot anagrams to "Sad Sloth"
In fact, it looks just like an Amiga demo from 20+ years ago!
Yeah, it's not even that hard. As mentioned in TFA, they use Processing.js, which is a javascript port of Processing
Unexpect the expected!
Come now, that's merely a toy!
Explore the raw power of the canvas on an Apple II emulated in Javascript!
http://scripple-2.appspot.com/
Paste this in and press enter:
10 TEXT : HGR
20 HCOLOR=3
30 FOR I = 0 to 279 step 4
40 HPLOT I,0 TO 279-I,191
50 NEXT I
RUN
(Only hires is on the canvas.)
SLM
main() {1;}
What the GP said is that Javascript doesn't expose enough of the client's resources to the server to be a problem in and of itself. As in, the server doesn't get to know stuff about the client that the client wouldn't want.
Alas, I somewhat disagree. The point is very much that Javascript makes it easy to find yourself typing personal information somewhere you shouldn't.
IE6 is dead. You might as well ask if it runs under Firefox 1.0. It'll probably run under IE8 which is being pushed out as a critical update right now..
It seems that a lot of people are viewing this as a way to get rid of flash. I don't think that will work. The only way it will dispense with flash, is if can be made to do all the annoying things that people hate flash for. 99% of the use for this will be annoying web apps that shouldn't be using all these features, advertisements, the occasional game, some streaming video...
Flash isn't that bad, it's just used very often for irritating purposes. Just as anything that could replace it will be.
They do on Vista and Windows 7. In fact, every application has its own volume control.
See this link on MSDN
The video tag is not halted at all. They just decided not to mandate a specific codec, because they couldn't come to a consensus on which codec it should be.
Pretty good is actually pretty bad.
Lots of key sites (eg. youtube) are dropping IE6 support. Use rates on most top sites have dropped below 10%. The web is not useable with IE6. Most sites in development now are not supporting it, except by accident. IE6 is dead. Hooray!!
The only problem with game development is that javascript doesn't support sound. You can use background music with , but the only way games have been using sound in canvas so far is by using an additional flash applet controlled by javascript =\
'For we walk by faith, not by sight.' II Corinthians 5:7
I've got ff 3.0.13 on windows XP. Worked for me.
Runs fine here on my pentium 3 with windows ME and netscape 4.
YouTube are going to be dropping support for IE6 soon. Bet you see the numbers drop off rapidly then.
The entire point of canvas is programmatic drawing.
If you don't like javascript, that's fine, but I'm not sure how you expect an interactive drawing canvas to work without some sort of 'instructions' written in some sort of 'language'.
The advantages are supposed to be that it is standards based, and faster than DOM/CSS tricks, not that it doesn't involve javascript.
Nerd rage is the funniest rage.
You can load a sound and have it buffer without playing it, but there's a limited media cache so it may require some juggling to have all the right sounds available at the right time. Probably enough to run a decent game :)
Source: https://developer.mozilla.org/En/HTML/Element/Audio