xxxxxxxxxx30
<html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.1/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.1/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> </head> <body> <a-scene embedded arjs="debugUIEnabled:false;"> <a-entity camera></a-entity> <!-- Markerを表示した際の処理を以下に記述する --> <!-- ARマーカーのファイル名をここで指定する --> <a-marker type="pattern" url="img/pattern_simple_qrcode.patt"> <!-- 表示したい画像を src= ～ で指定する --> <!-- 画像の大きさは width と height で設定可能 --> <!-- 画像を表示させる位置は position で設定可能 --> <!-- 画像を水平に表示させる場合は下記の rotation でOK --> <a-image width="5" height="5" position="0.2 0.4 0.4" rotation="-90 0 0" src="img/icon.png"> </a-image> </a-marker> </a-scene> </body></html>