Shulou(Shulou.com)06/03 Report--

HTML 5 special effects page and js test page summary example analysis, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can gain something.

Here are some special effects pages made with HTML5 and some js test pages, most of which give scores after the test. If your browser does not support the following web pages, consider changing to a new version or a new browser. (see "detailed list of CSS3 and HTML5 compatibility of mainstream browsers")

1. Fish running test

Continue to increase the number of fish, look at your FPS score, this is also known to many friends, Microsoft used this score to promote when it released IE9 beta:

Http://ie.microsoft.com/testdrive/Performance/FishIETank/( old address)

Http://www.ieliulanqi.com/( new address, currently fish test has been integrated with IE9 experience station, the content is more rich)

2. Rotate the browser icon to increase the highlight of the icon and see the FPS score

Http://ie.microsoft.com/testdrive/Performance/FlyingImages/

3, dazzling color test: note that this page has background music, if you can't hear it, then …...

Http://ie.microsoft.com/testdrive/Performance/PsychedelicBrowsing/Default.html

4. IE9 experience station (a lot of content, such as rolling dice, billiards, kites, etc., etc.):

Http://www.ieliulanqi.com/#/experience

5. BMW experience (it takes 3 minutes for HTML5 to load, please wait patiently) isn't it exciting to look at such a beautiful car? It's really a little bit after watching Fast and Furious 5.

Http://joydefinesthefuture.com/

6. Liquid particles (click or on it with the mouse to see what effect it has):

Http://spielzeugz.de/html5/liquid-particles.html

7. Video explosion (click on the video to see what happens):

Http://www.craftymind.com/factory/html5video/CanvasVideo.html

8. Google of the falling effect (lift them with the mouse and then throw them down):

Http://mrdoob.com/projects/chromeexperiments/google_gravity/

9. Plasma tree (one more branch for each mouse click):

Http://openrise.com/lab/PlasmaTree/

10. Line drawing. Draw in three dimensions.

Http://www.the389.com/7/3/

11. Ink ball (online mapping? Haha, my own experience) I wonder if there are any folk experts who have made fine works of Chinese ink painting?

Http://bomomo.com/

12. Future photo album (this is not successful under IE9, run with chrome***, Google + 1)

Http://www.xs4all.nl/~peterned/3d/

13. Test the HTML interpretation performance of IE on the Blizzard test page of HTML5:

Http://ie.microsoft.com/testdrive/HTML5/Blizzard/Default.html

14. Third-party HTML5 test page: http://html5test.com/

15. JS test, test the SVG and JavaScript rendering performance of IE9.

Http://ie.microsoft.com/testdrive/performance/SantasWorkshop/Default.xhtml

16. Tudou 3D Cinema, a HTML5 experience station in cooperation between Tudou and Microsoft, is very smooth.

Http://2010.tudou.com/3d-tudou/cinema.html

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.