My OperaThis topic has been closed. No new entries allowed.
Reason: You can now post comments on articles on Dev Opera
You need to be logged in to post in the forums. If you do not have an account, please sign up first.
HTML 5 canvas - the basics
HTML5 canvas is a powerful, flexible way to create two dimensional graphics on web pages using scripting, and a number of previous dev.opera.com articles have demonstrated usage of it already. This article goes back to basics, giving beginners a starting point to work from and explaining the basics. Get drawing!( Read the article )
<a href="http://www.robodesign.ro">ROBO Design - We bring you the future</a>
Nice article!
One error found: The "Newton polynomial" link is wrong, it currently goes to the Spirograph widget.
One error found: The "Newton polynomial" link is wrong, it currently goes to the Spirograph widget.
<a href="http://a.deveria.com/">Fyrdility</a>.
Originally posted by Fyrd:
One error found: The "Newton polynomial" link is wrong, it currently goes to the Spirograph widget.
Fixed! Sorry about that.
Chris Mills
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Great tutorial. I appreciate it that you publish also materials for beginners who often need some starting point for their work. Yesterday I wanted to interest some of my inexperienced colleagues with HTML 5 canvas and that piece of material seems to have cought their attention. Thanks!
Brighthub also has a tutorial for creating a simple platformer game using the canvas element.
http://www.brighthub.com/internet/web-development/articles/38364.aspx
http://www.brighthub.com/internet/web-development/articles/38364.aspx
Hello,
Thanks for the interesting article.
Opera does not correctly render <canvas> animations in the following pages:
http://www.petegoodman.com/labs/canvas-pie-timer/
http://www.blobsallad.se/
The animations work fine on Firefox, Chrome and Safari. I use Opera 10 on Win XP.
Would anyone be able to advise what is going wrong? I would be grateful for responses.
Thank you and regards,
Grant Bailey
Thanks for the interesting article.
Opera does not correctly render <canvas> animations in the following pages:
http://www.petegoodman.com/labs/canvas-pie-timer/
http://www.blobsallad.se/
The animations work fine on Firefox, Chrome and Safari. I use Opera 10 on Win XP.
Would anyone be able to advise what is going wrong? I would be grateful for responses.
Thank you and regards,
Grant Bailey
By way of update, the Blob Sallad script has been fixed by the author and now works well. Any comments as to why the other site will not work in Opera would be appreciated.
Regards,
Grant Bailey
Regards,
Grant Bailey
Hello again,
I finally worked out the problem: Opera supports window.attachEvent, an Internet Explorer proprietary method. The script was using this method to filter out Internet Explorer. Opera was being inadvertently filtered out as well.
Suggestion to programmers: avoid using the window.attachEvent method to exclude IE if you want your scripts to appear in Opera!
Suggestion to Opera development team: please remove this non-standard method from the Opera JavaScript engine!
Regards,
Grant Bailey
I finally worked out the problem: Opera supports window.attachEvent, an Internet Explorer proprietary method. The script was using this method to filter out Internet Explorer. Opera was being inadvertently filtered out as well.
Suggestion to programmers: avoid using the window.attachEvent method to exclude IE if you want your scripts to appear in Opera!
Suggestion to Opera development team: please remove this non-standard method from the Opera JavaScript engine!
Regards,
Grant Bailey