約1年振りくらいでA-frameを触りました。1年前は頓挫したところが今回はなんとなく分かるようになったのと、1年前の0.8.0と現在の1.0.4で変わったところについて個人的なメモを残しておきます。※0.9.0に関しては過去に触った際の記録がありました。願わくば、これがまた後で触るときができたときに少しでも勘を取り戻す縁になれば......。)を登録できる最初からすべてを登録しておく必要はない、らしい(後からどのように追加するのか未検証)a-skyは背景を指定する画面ロード時の初期背景画像としてIDを指定したa-assetsの資源を利用可能a-skyにsrc属性を付与し、値に#付きでa-assets内の資源のIDを指定すれば良いa-sphereはa-textとセットで使うa-sphereでポータルの球体を生成。a-textでその球体に対する説明を付記しておくa-sphereにsrc属性を付与し、値に#付きでa-assets内の資源のIDを指定した上でJSを記述すると背景切り替え(場所移動)ができるようになるradiusは名前の通りa-sphereやa-skyといった半径が存在するオブジェクト(円柱や球体)に使用する。値を大きくすれば当然大きくなるa-entityコンポーネントにcursor="fuse:true;"を付与するとフォーカスを当て続けるとクリックするようになるa-animationは0.9.0以降廃止になった模様。アニメーションはa-entity等にアニメーション用の属性を記述する(値の中に各プロパティを文字列としてまとめて記述する)JavaScript側の記述方法はAFRAMEにregisterComponentでコンポーネント名を定義し、コンポーネントを記述していくinitメソッドとしてイベントリスナーや各属性の値の変更などを書いていく。VRこの記事を書いた人アルム=バンドフロントエンド・バックエンド・サーバエンジニア。LAMPやNodeからWP、Gulpを使ってejs,Scss,JSのコーディングまで一通り。RasPiで遊んだり、趣味で開発したり。SC関連の記事その2です。WebVRの記事の続き。