質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Node-RED

Node-REDは、ビジュアルプログラミング向けのフローベース開発ツールです。ブラウザベースのUIになっており、さまざまなノード(Node)を結びつけることでフローを作成でき、処理を実現します。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

1180閲覧

Node-RedとA-Frameを使ってセンサデータをAR表示

harua0

総合スコア0

Node-RED

Node-REDは、ビジュアルプログラミング向けのフローベース開発ツールです。ブラウザベースのUIになっており、さまざまなノード(Node)を結びつけることでフローを作成でき、処理を実現します。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/12/14 06:37

編集2021/12/17 14:54

前提・実現したいこと

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問