前提・実現したいこと
Node-RedにてDTH11という温湿度データを取得するセンサでセンサデータを取得してそれをA-Frameを使ってAR表示をしたいと思ってます.
センサデータの値である数値をそのままARコンテンツとして表示したいと考えています.(例26.00のような)
DHT11のセンサがついたRaspberry piからAR表示をする機器へのデータ送信はできて,そのデータを変数として定義してAR作成フローに送っています.score or temp
A-Frameの中のコードです↓
センサデータをそのまま表示できるような方法を知っていたら教えてほしいです.
またそのデータをAR表示する際に色なども変えたいと思っています.
発生している問題・エラーメッセージ
AR表示をする際にjavaで定義したものをA-Frameの中で呼び出してAR表示してもマーカ上にそのままscoreやtempと出てしまいます. そもそもA-Frameの中身のコードでa-text value="temp"というところでARで表示する文字を決めているのですが,ここはテキスト以外表示できないのでしょうか. データをそのまま表示する方法など知っていたら教えてほしいです。
該当のソースコード
java,HTML
1定義しているfanctionノードの中身 2var score =flow.get("temp"); 3msg.payload = score; 4node.log(score); 5return msg; 6 7A-Frameの中身 8<html> 9 <head> 10 <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> 11 <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script> 12 <script> 13 const timer = 60000 // reload interval time: millisecond(ms) , 1minuts = 60000ms 14 window.addEventListener('load',function(){ 15 setInterval('location.reload()',timer); 16 }); 17 </script> 18 </head> 19 <body> 20 <a-scene embedded arjs> 21 <a-marker preset="hiro"> 22 <a-text value="temp" position="0 0.4 0" color="{{payload.level1}}" tabsize="10"></a-text> 23 </a-marker> 24 <a-entity camera></a-entity> 25 </a-scene> 26 </body> 27</html>
試したこと
センサデータを定義しているであろうtemp,scoreを呼び出してみた
補足情報(FW/ツールのバージョンなど)
Node-RED v2.1.3
あなたの回答
tips
プレビュー