みかづきブログ・カスタム読者になるみかづきブログ・カスタム基本的にはちょちょいのほいです。Blenderこちらの記事のA-Frameバージョンです。🎥A-FrameアニメーションするARオブジェクトに対してシークバーを付けてみました。aframe-animation-mixerをほんのり改造して、ARで表示したオブジェクトのアニメーションをシークできるようにしてみました。👀A-FrameA-Frameは内部でThree.jsを使っているので、Three.Material.colorWriteをfalseにすることで、実現できます。いう感じで、普通に読み込むだけでOK。🎬A-Frame傷口から痛いのが飛んでいくAR絆創膏を作りました。💬A-Frame直近のツイートを頭の上に表示する帽子を作りました。🎥A-Frame以前、Three.jsでCanvasをテクスチャーに設定した場合、material.map.needsUpdateをtrueに設定すれば動的に更新できることを調べました。blog.kimizuka.org今回は、それのA-Frame版です。🔁A-FrameARマーカーの回転検知。以前は、マーカーのpositionを取得する方法を使ったデモを作りましたが、今回はマーカーの回転を検知してみます。片付けが捗るように、3秒以上物を置きっぱなしにすると爆発音がする机を作りました。名付けて「かたづくえ」です。🐄A-Frame己との戦いAR。これまではglbファイルを読み込んでいたので、Blenderを使ってファイルを変換していました。A-Frameのドキュメントを読んでいると、objファイルが読み込めそうな気配が。🔦A-Frame以前、こんなものをつくりました。本人よりも先に踊り出す影。📦A-Frame昨日つくったボクセルをA-Frameを使ってARで表示してみました。blog.kimizuka.orgA-Frameも内部はThree.jsを使っているので、もっと色々できそうな気がします。Blenderblog.kimizuka.orgの記事の続編です。前回は、実寸代のARで分身の術を作ってみた次第ですが、分身(3Dモデル)はピクリとも動いていませんでした。💻A-Frame分身の術。A-Frameを使ってWebARを作ってみました。ソースはこんな感じです。🕳A-Frame隣の部屋からの音漏れをポジティブにするWebARをつくりました。壁に穴を開け、隣人がUnityちゃんだと思い込むことで、音漏れに対するイライラを和らげます。ダンスを練習してるなら仕方ないな、と。20:04フリーランスのフロントエンドエンジニアです。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。