<!DOCTYPE html> <html> <!-- Default style for pretty-print of text files --> <head><title>AR-Image_tracking.html</title> <style type="text/css"> pre {margin-left: 6ex;} pre span {counter-increment: linenum; text-align: right; position: relative;} pre span:before { position: absolute; right: 0px; background: #ddd; text-align: right; padding: 0 0.2ex; width: 5.5ex; margin-right: 0.5ex; content: counter(linenum) ":"; } </style> </head> <body> <p>[[ <a href="?showattc+article_m+838+raw">RAW TEXT</a>(DOWNLOAD here) ]]</p> <pre lang="en"> <span></span><!DOCTYPE html> <span></span><html> <span></span><head> <span></span><script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script> <span></span><script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script> <span></span><style> <span></span>.arjs-loader { <span></span> height: 100%; <span></span> width: 100%; <span></span> position: absolute; <span></span> top: 0; <span></span> left: 0; <span></span> background-color: rgba(0, 0, 0, 0.8); <span></span> z-index: 9999; <span></span> display: flex; <span></span> justify-content: center; <span></span> align-items: center; <span></span>} <span></span> <span></span>.arjs-loader div{ <span></span> text-align: center; <span></span> font-size: 1.25em; <span></span> color: white; <span></span>} <span></span></style> <span></span></head> <span></span><body style="margin : 0px; overflow: hidden;"> <span></span><!-- minimal loader shown until image descriptors are loaded --> <span></span><div class="arjs-loader"> <span></span> <div>Loading, please wait...</div> <span></span></div> <span></span><a-scene <span></span> vr-mode-ui="enabled: false;" <span></span> renderer="logarithmicDepthBuffer: true;" <span></span> embedded <span></span> arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;" <span></span>> <span></span><!-- we use cors proxy to avoid cross-origin problems --> <span></span><a-nft <span></span> type="nft" <span></span> url="https://www.yatex.org/gitbucket/Fumiya238/AR-project/raw/master/material/nyanko1" <span></span> smooth="truei" <span></span> smoothCount="10" <span></span> smoothTolerance=".01" <span></span> smoothThreshold="5" <span></span>> <span></span><a-entity <span></span> gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf" <span></span> scale="5 5 5" <span></span> position="100 0 -100" <span></span> rotation="0 100 -100" <span></span>> <span></span></a-entity> <span></span></a-nft> <span></span><a-entity camera></a-entity> <span></span></a-scene> <span></span></body> <span></span></html> </pre> </body> </html>