【A-Frame】jQueryでオブジェクトを追加する

A-Frameはタグを書くだけで簡単に表示できるけど、沢山ランダムで設置したいとかってときにはやっぱり少しプログラムを書く必要がある気がする。

どうするのが正しいかちょっとまだわからなけど、A-FrameのDOCSにはcreateElemntで作って、setAttributeで色々加えろとも書いてある。

プログラムで↓のような形を作ってappendchildすればいいとのこと。

<a-entity geometry="primitive: box; width: 3" material="color: red"></a-entity>

要はタグを生成してa-sceneに埋め込めばあとはやってくれる。
って感じなのかな。

javascript全然わからないので、少しだけわかってるjQueryでやってみたのがこちら。

See the Pen qmYpmq by ziyudom (@ziyudom) on CodePen.

おなじようなのをgithubにも。

  • このエントリーをはてなブックマークに追加