{"id":131,"date":"2011-12-26T06:49:04","date_gmt":"2011-12-26T06:49:04","guid":{"rendered":"http:\/\/1.zens.sinaapp.com\/?p=62"},"modified":"2011-12-26T06:49:04","modified_gmt":"2011-12-26T06:49:04","slug":"10%e4%b8%aa%e5%a5%87%e7%89%b9%e7%9a%84html5","status":"publish","type":"post","link":"https:\/\/blog.xiunian.wang\/?p=131","title":{"rendered":"10\u4e2a\u5947\u7279\u7684html5"},"content":{"rendered":"<p>\u5982\u4eca\uff0cHTML5\u53ef\u8c13\u5982\u4f17\u661f\u6367\u6708\u4e00\u822c\uff0c\u53d7\u5230\u8bb8\u591a\u4e1a\u5185\u5de8\u5934\u7684\u9752\u7750\u3002\u5f88\u591aWeb\u5f00\u53d1\u8005\u4e5f\u5c1d\u8bd5\u7740\u7528<a href=\"http:\/\/www.cnblogs.com\/lhb25\/category\/146076.html\">HTML5<\/a>\u5236\u4f5c\u5404\u79cd\u5404\u6837\u7684Web\u5e94\u7528\u3002HTML5\u89c4\u8303\u5f15\u8fdb\u4e86\u5f88\u591a\u65b0\u7279\u6027\uff0c\u5176\u4e2d\u6700\u4ee4\u4eba\u671f\u5f85\u7684\u4e4b\u4e00\u5c31\u662fCanvas\u5143\u7d20\uff0cHTML5 Canvas\u63d0\u4f9b\u4e86\u901a\u8fc7<a href=\"http:\/\/www.cnblogs.com\/lhb25\/category\/146074.html\" target=\"_blank\">JavaScript<\/a>\u7ed8\u5236\u56fe\u5f62\u7684\u65b9\u6cd5\uff0c\u975e\u5e38\u5f3a\u5927\u3002\u4eca\u5929\u8fd9\u7bc7\u6587\u7ae0\u6536\u96c6\u4e8610\u4e2a\u5947\u7279\u7684HTML5 Canvas\u5e94\u7528\u8bd5\u9a8c\u63a8\u8350\u7ed9\u5927\u5bb6\u3002<\/p>\n<p><a href=\"http:\/\/ie.microsoft.com\/testdrive\/Performance\/FishBowl\/Default.html\" target=\"_blank\"><strong>1. FishBowl<\/strong><\/a><\/p>\n<p>\u7f8e\u4e3d\u7684\u6c34\u65cf\u9986<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H44551-0.jpg\" alt=\"\" \/><\/p>\n<p><a href=\"http:\/\/muro.deviantart.com\/\" target=\"_blank\"><strong>2. DeviantART muro<\/strong><\/a><\/p>\n<p>\u5728\u7ebf\u7167\u7247\u7f16\u8f91\u5668<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H4O62-1.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/peterned.home.xs4all.nl\/demooo\/\" target=\"_blank\"><strong>3. 3D Earth<\/strong><\/a><\/p>\n<p>\u65cb\u8f6c\u7684\u4e09\u7ef4\u5730\u7403<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H44152-2.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/ie.microsoft.com\/testdrive\/Performance\/AsteroidBelt\/\" target=\"_blank\"><strong>4. Asteroid Belt<\/strong><\/a><\/p>\n<p>\u592a\u7a7a\u4e2d\u7684\u5c0f\u884c\u661f\u5e26<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H4O09-3.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/www.addyosmani.com\/resources\/canvasphoto\/\" target=\"_blank\"><strong>5. Interactive Polaroids<\/strong><\/a><\/p>\n<p>\u5b9d\u4e3d\u6765\u6548\u679c\u76f8\u518c<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H46125-4.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/www.effectgames.com\/demos\/canvascycle\/\" target=\"_blank\"><strong>6. Canvas Cycle: True 8-bit Color Cycling with HTML5<\/strong><\/a><\/p>\n<p>\u8fd9\u4e2a\u662f\u6700\u5f3a\u5927\u7684\u4e00\u4e2a\uff0c\u76f8\u4fe1\u4f60\u7684\u773c\u775b\uff0c\u8fd9\u7684\u786e\u662fHTML5\u5236\u4f5c\u51fa\u6765\u7684\u3002<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H42244-5.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/gyu.que.jp\/jscloth\/\" target=\"_blank\"><strong>7. js cloth<\/strong><\/a><\/p>\n<p>\u4e09\u7ef4\u7a7a\u7a7a\u95f4\u4e2d\u7684\u4e8c\u7ef4\u56fe\u50cf<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H43100-6.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/alteredqualia.com\/canvasmol\/\" target=\"_blank\"><strong>8. CanvasMol<\/strong><\/a><\/p>\n<p>\u5404\u79cd\u5143\u7d20\u7684\u4e09\u7ef4\u5206\u5b50\u7ed3\u6784<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H41364-7.png\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/xplsv.com\/prods\/demos\/xplsv_orsotheysay\/\" target=\"_blank\"><strong>9. Or so they say\u2026\u201d by xplsv<\/strong><\/a><\/p>\n<p>\u7279\u522b\u7684\u6548\u679c<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/095H42V5-8.jpg\" alt=\"10\u4e2a\u7279\u522b\u7684HTML5 Canvas \u5e94\u7528\u8bd5\u9a8c\" \/><\/p>\n<p><a href=\"http:\/\/www.giuseppesicari.it\/progetti\/javascript-3d-model-viewer\/\" target=\"_blank\"><strong>10. 3D Model Viewer<\/strong><\/a><\/p>\n<p>\u4e09\u7ef4\u6a21\u578b\u67e5\u770b\u5668<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/articles.csdn.net\/uploads\/allimg\/110914\/94_110914095520_1.jpg\" alt=\"\" width=\"585\" height=\"314\" border=\"0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u4eca\uff0cHTML5\u53ef\u8c13\u5982\u4f17\u661f\u6367\u6708\u4e00\u822c\uff0c\u53d7\u5230\u8bb8\u591a\u4e1a\u5185\u5de8\u5934\u7684\u9752\u7750\u3002\u5f88\u591aWeb\u5f00\u53d1\u8005\u4e5f\u5c1d\u8bd5\u7740\u7528HTML5\u5236\u4f5c\u5404\u79cd\u5404\u6837\u7684Web\u5e94\u7528\u3002HTML5\u89c4\u8303\u5f15\u8fdb\u4e86\u5f88\u591a\u65b0\u7279\u6027\uff0c\u5176\u4e2d\u6700\u4ee4\u4eba\u671f\u5f85\u7684\u4e4b\u4e00\u5c31\u662fCanvas\u5143\u7d20\uff0cHTML5 Canvas\u63d0\u4f9b\u4e86\u901a\u8fc7JavaScript\u7ed8\u5236\u56fe\u5f62\u7684\u65b9\u6cd5\uff0c\u975e\u5e38\u5f3a\u5927\u3002\u4eca\u5929\u8fd9\u7bc7\u6587\u7ae0\u6536\u96c6\u4e8610\u4e2a\u5947\u7279\u7684HTML5 Canvas\u5e94\u7528\u8bd5\u9a8c\u63a8\u8350\u7ed9\u5927\u5bb6\u3002 1. FishBowl \u7f8e\u4e3d\u7684\u6c34\u65cf\u9986 2. DeviantART muro \u5728\u7ebf\u7167\u7247\u7f16\u8f91\u5668 3. 3D Earth \u65cb\u8f6c\u7684\u4e09\u7ef4\u5730\u7403 4. Asteroid Belt \u592a\u7a7a\u4e2d\u7684\u5c0f\u884c\u661f\u5e26 5. Interactive Polaroids \u5b9d\u4e3d\u6765\u6548\u679c\u76f8\u518c 6. Canvas Cycle: True 8-bit Color Cycling with HTML5 \u8fd9\u4e2a\u662f\u6700\u5f3a\u5927\u7684\u4e00\u4e2a\uff0c\u76f8\u4fe1\u4f60\u7684\u773c\u775b\uff0c\u8fd9\u7684\u786e\u662fHTML5\u5236\u4f5c\u51fa\u6765\u7684\u3002 7. js cloth \u4e09\u7ef4\u7a7a\u7a7a\u95f4\u4e2d\u7684\u4e8c\u7ef4\u56fe\u50cf 8. CanvasMol \u5404\u79cd\u5143\u7d20\u7684\u4e09\u7ef4\u5206\u5b50\u7ed3\u6784 9. Or so they say\u2026\u201d by xplsv \u7279\u522b\u7684\u6548\u679c 10. 3D Model Viewer \u4e09\u7ef4\u6a21\u578b\u67e5\u770b\u5668<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=\/wp\/v2\/posts\/131"}],"collection":[{"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=131"}],"version-history":[{"count":0,"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=\/wp\/v2\/posts\/131\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.xiunian.wang\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}