{"id":2363,"date":"2017-11-28T13:59:53","date_gmt":"2017-11-28T05:59:53","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=2363"},"modified":"2017-11-28T13:59:53","modified_gmt":"2017-11-28T05:59:53","slug":"ar-js-%e6%95%99%e7%a8%8b","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=2363","title":{"rendered":"AR.js \u6559\u7a0b"},"content":{"rendered":"<p>\n\t<a href=\"https:\/\/github.com\/jeromeetienne\/AR.js\" name=\"AR.js\" target=\"_blank\" title=\"AR.js\">AR.js<\/a> \u662f\u4e00\u4e2a\u53ef\u4ee5\u5b9e\u73b0\u79fb\u52a8\u7aef&nbsp;60fps \u7684Web\u9ad8\u6548\u589e\u5f3a\u73b0\u5b9e\u3002\n<\/p>\n<p>\n\t\u589e\u5f3a\u73b0\u5b9e\u7684\u53ef\u80fd\u6027\u662f\u65e0\u6570\u7684\u3002\u4f5c\u8005\u4e00\u76f4\u70ed\u8877\u4e8e\u5f00\u53d1\u57fa\u4e8eWeb\u7684AR\u5f88\u957f\u65f6\u95f4\u3002\u5e0c\u671bAR\u5bf9\u4e16\u754c\u6709\u7528\u3002\u8fd9\u4e2a\u9879\u76ee\u662f\u5b9e\u9645\u53d1\u751f\u7684\u5f3a\u70c8\u613f\u671b\u7684\u7ed3\u679c\u3002\u5b83\u88ab\u79f0\u4e3aAR.js\u3002\n<\/p>\n<p>\n\t<a href=\"https:\/\/github.com\/jeromeetienne\/AR.js\" name=\"AR.js\" target=\"_blank\" title=\"AR.js\">AR.js<\/a>&nbsp;\u5f00\u6e90\u5728 github \u4e0a\uff0c\u76ee\u524d\u6709 9k \u7684star\u3002\n<\/p>\n<p>\n\t<a href=\"https:\/\/github.com\/jeromeetienne\/AR.js\" name=\"AR.js\" target=\"_blank\" title=\"AR.js\">AR.js<\/a>\u662f\u4e00\u4e2a\u89e3\u51b3\u65b9\u6848\uff0c\u6709\u6548\u5730\u5728web\u4e0a\u63d0\u4f9b\u589e\u5f3a\u73b0\u5b9e\u3002\n<\/p>\n<h2>\n\tAR.js \u7684\u7279\u70b9<br \/>\n<\/h2>\n<ul>\n<li>\n\t\t\u975e\u5e38\u5feb\u901f\uff1a\u5373\u4f7f\u5728\u624b\u673a\u4e0a\u4e5f\u80fd\u9ad8\u6548\u8fd0\u884c\u30022\u5e74\u524d\u7684\u65e7\u624b\u673a\u8fd8\u53ef\u4ee5\u8fbe\u523060\u5e27\/\u79d2\uff01\n\t<\/li>\n<li>\n\t\t\u57fa\u4e8e\u7f51\u7edc\uff1a\u8fd9\u662f\u4e00\u4e2a\u7eaf\u7cb9\u7684\u7f51\u7edc\u89e3\u51b3\u65b9\u6848\uff0c\u6240\u4ee5\u4e0d\u9700\u8981\u5b89\u88c5\u3002\u57fa\u4e8ethree.js + jsartoolkit5\u7684\u5b8c\u6574\u7684JavaScript\u3002\n\t<\/li>\n<li>\n\t\t\u5f00\u6e90\uff1a\u5b8c\u5168\u5f00\u6e90\uff0c\u514d\u8d39\uff01\n\t<\/li>\n<li>\n\t\t\u6807\u51c6\uff1a\u53ef\u4ee5\u5728\u4efb\u4f55\u5e26\u6709webgl\u548cwebrtc\u7684\u624b\u673a\u4e0a\u8fd0\u884c\u3002\n\t<\/li>\n<\/ul>\n<p>\n\t\u5b83\u9002\u7528\u4e8e\u6240\u6709\u5e73\u53f0\u3002Android\uff0cIOS\u548c\u7a97\u53e3\u7535\u8bdd\u3002\u5b83\u4f7f\u7528WebGL\u548cWebRTC\u8fd0\u884c\u4efb\u4f55\u6d4f\u89c8\u5668\u3002\uff08\u5bf9\u4e8eIOS\uff0c\u4f60\u9700\u8981\u66f4\u65b0\u5230ios11\uff09\n<\/p>\n<p>\n\t\u4ee5\u4e0b\u4e24\u4e2a\u7b80\u5355\u7684\u6b65\u9aa4\uff0c\u53ef\u4ee5\u68c0\u67e5\u51fa\u4f60\u7684\u624b\u673a\u662f\u5426\u652f\u6301 AR.js\n<\/p>\n<ol>\n<li>\n\t\t\u5728\u624b\u673a\u6d4f\u89c8\u5668\u91cc\u6253\u5f00\u8fd9\u4e2a<a href=\"https:\/\/jeromeetienne.github.io\/AR.js\/data\/images\/HIRO.jpg\" name=\"hiro\u6807\u8bb0\u56fe\u50cf\" target=\"_blank\" title=\"hiro\u6807\u8bb0\u56fe\u50cf\">\u56fe\u50cf<\/a>\u3002\n\t<\/li>\n<li>\n\t\t<font><font>\u5728\u60a8\u7684\u624b\u673a\u6d4f\u89c8\u5668\u4e2d<\/font><font>\u6253\u5f00\u8fd9\u4e2a<\/font><\/font><a href=\"https:\/\/jeromeetienne.github.io\/AR.js\/three.js\/examples\/mobile-performance.html\"><font><font>\u589e\u5f3a\u73b0\u5b9eweb\u5e94\u7528<\/font><\/font><\/a><font><font>\u7a0b\u5e8f<\/font><\/font>\n\t<\/li>\n<\/ol>\n<p>\n\t<font><font><img decoding=\"async\" alt=\"hiro\u6807\u8bb0\u56fe\u50cf\" src=\"https:\/\/cloud.githubusercontent.com\/assets\/252962\/23072106\/73a0656c-f528-11e6-9fcd-3c900d1d47d3.jpg\" style=\"width: 4160px;height: 3120px\" \/><\/font><\/font>\n<\/p>\n<p>\n\tAR.js&nbsp;<font>\u4e3aartoolkit\u5e26\u6765\u66f4\u591a\u7684\u6027\u80fd\u3002<\/font><font>artoolkit\u662f\u4e00\u4e2a\u591a\u5e74\u7684\u7ecf\u9a8c\u505a\u589e\u5f3a\u73b0\u5b9e\u7684\u8f6f\u4ef6\u3002<\/font>\n<\/p>\n<h2>\n\t<font>AR.js \u5b9e\u73b0\u7684\u7f51\u9875\u589e\u5f3a\u73b0\u5b9e\u5c0f\u5e94\u7528<\/font><br \/>\n<\/h2>\n<pre class=\"brush:xml;\">\r\n&lt;!doctype HTML&gt;\r\n&lt;html&gt;\r\n&lt;script src=&quot;https:\/\/aframe.io\/releases\/0.6.1\/aframe.min.js&quot;&gt;&lt;\/script&gt;\r\n&lt;script src=&quot;https:\/\/cdn.rawgit.com\/jeromeetienne\/AR.js\/1.5.0\/aframe\/build\/aframe-ar.js&quot;&gt; &lt;\/script&gt;\r\n  &lt;body style=&#039;margin : 0px; overflow: hidden;&#039;&gt;\r\n    &lt;a-scene embedded arjs&gt;\r\n  \t&lt;a-marker preset=&quot;hiro&quot;&gt;\r\n            &lt;a-box position=&#039;0 0.5 0&#039; material=&#039;color: black;&#039;&gt;&lt;\/a-box&gt;\r\n  \t&lt;\/a-marker&gt;\r\n  \t&lt;a-entity camera&gt;&lt;\/a-entity&gt;\r\n    &lt;\/a-scene&gt;\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>\n\t\u66f4\u591a\u5b66\u4e60\u8d44\u6599\uff0c\u8bf7\u79fb\u6b65\u5230github\uff1a<a href=\"https:\/\/github.com\/jeromeetienne\/AR.js\" name=\"AR.js\" target=\"_blank\" title=\"AR.js\">https:\/\/github.com\/jeromeetienne\/AR.js<\/a>\u4e0a\u8fdb\u884c\u5b66\u4e60\u3002<\/p>\n<!-- <audio autoplay=\"autoplay\" height=\"100\" width=\"100\" hidden=\"true\"><source src=\"https:\/\/c.coka.la\/orAvPR.mp3\" type=\"audio\/mp3\"\/><\/audio><img decoding=\"async\" src=\"https:\/\/images.weserv.nl\/?url=https:\/\/ws3.sinaimg.cn\/large\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/> --><p><!-- <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xmt1139057136\/xttblog\/master\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/>--><img decoding=\"async\" src=\"https:\/\/saas.51autoparts.cn\/api\/admin\/sys-file\/oss\/file?fileName=84db51f8561e448f9a4fda2eff0811f9.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/><\/p><p>\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01<b>\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1a<font color=\"red\">xttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p><p>\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a<a href=\"https:\/\/www.xttblog.com\">\u4e1a\u4f59\u8349<\/a>\uff1a &raquo; <a href=\"https:\/\/www.xttblog.com\/?p=2363\">AR.js \u6559\u7a0b<\/a><\/p><!-- <div class=\"bd-reward-stl\"><button id=\"bdRewardBtn\"><span><\/span><\/button><\/div> -->","protected":false},"excerpt":{"rendered":"<p>AR.js \u662f\u4e00\u4e2a\u53ef\u4ee5\u5b9e\u73b0\u79fb\u52a8\u7aef&nbsp;60fps \u7684Web\u9ad8\u6548\u589e\u5f3a\u73b0\u5b9e\u3002 \u589e\u5f3a\u73b0\u5b9e\u7684\u53ef\u80fd\u6027\u662f\u65e0\u6570\u7684\u3002\u4f5c\u8005 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[1586,1475,1585],"class_list":["post-2363","post","type-post","status-publish","format-standard","hentry","category-html5","tag-a-frame","tag-three-js","tag-webar"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2363"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2363\/revisions"}],"predecessor-version":[{"id":2364,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2363\/revisions\/2364"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}