1. 座標の中心に「Box」を呈示する

四角形を呈示するには,<a-box>要素で指定します。

<a-box position="0 0 0" rotation="0 45 0" color="#4CC3D9"></a-box>

position: x座標(右側が+),y座標(上側が+),z座標(手前側が+)

rotation: x軸の回転,y軸の回転,z軸の回転

color: 色の指定です。rgb(XXX,XXX,XXX)でRGB値で指定が可能です。

以下のように立方体が表示されます。

Untitled

その他のパラメータは以下をご確認ください。

- A-Frame

ここまでのプログラムのファイルです。

a-frame-box-2021-09-23--12 49.study.json

2. 大きさを変える

<a-box>要素の大きさを変えるにはwidth,height,depthのパラメータを変えます。

<a-box position="0 0 0" rotation="0 45 0" color="#4CC3D9" width="0.5" height="4" depth="2"></a-box>