Fork: 0
C1201227 / C1201227-SATO
Transfer to URL with SHA Find file
Newer
Older
C1201227-SATO / s4-world-2021au.html
@sato sei sato sei on 26 Oct 2021 3 KB AR html
Raw Blame History 
<!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>&lt;!DOCTYPE html&gt;
<span></span>&lt;html&gt;
<span></span>&lt;head&gt;
<span></span>&lt;script src=&quot;https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js&quot;&gt;&lt;/script&gt;
<span></span>&lt;script src=&quot;https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js&quot;&gt;&lt;/script&gt;
<span></span>&lt;style&gt;
<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&#040;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>&lt;/style&gt;
<span></span>&lt;/head&gt;
<span></span>&lt;body style=&quot;margin : 0px; overflow: hidden;&quot;&gt;
<span></span>&lt;!-- minimal loader shown until image descriptors are loaded --&gt;
<span></span>&lt;div class=&quot;arjs-loader&quot;&gt;
<span></span>  &lt;div&gt;Loading, please wait...&lt;/div&gt;
<span></span>&lt;/div&gt;
<span></span>&lt;a-scene
<span></span>  vr-mode-ui=&quot;enabled: false;&quot;
<span></span>  renderer=&quot;logarithmicDepthBuffer: true;&quot;
<span></span>  embedded
<span></span>  arjs=&quot;trackingMethod: best; sourceType: webcam;debugUIEnabled: false;&quot;
<span></span>&gt;
<span></span>&lt;!-- we use cors proxy to avoid cross-origin problems --&gt;
<span></span>&lt;a-nft
<span></span>  type=&quot;nft&quot;
<span></span>  url=&quot;https://www.yatex.org/gitbucket/Fumiya238/AR-project/raw/master/material/nyanko1&quot;
<span></span>  smooth=&quot;truei&quot;
<span></span>  smoothCount=&quot;10&quot;
<span></span>  smoothTolerance=&quot;.01&quot;
<span></span>  smoothThreshold=&quot;5&quot;
<span></span>&gt;
<span></span>&lt;a-entity
<span></span>  gltf-model=&quot;https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf&quot;
<span></span>  scale=&quot;5 5 5&quot;
<span></span>  position=&quot;100 0 -100&quot;
<span></span>  rotation=&quot;0 100 -100&quot;
<span></span>&gt;
<span></span>&lt;/a-entity&gt;
<span></span>&lt;/a-nft&gt;
<span></span>&lt;a-entity camera&gt;&lt;/a-entity&gt;
<span></span>&lt;/a-scene&gt;
<span></span>&lt;/body&gt;
<span></span>&lt;/html&gt;
</pre>
</body>
</html>