Hatena Blog Tags
はてなブログ トップ
A-frame
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

A-frame

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
日々是好日～every day is a good day～•3ヶ月前

バージョンアップした『アクアリウム的な感じ』のコード

前回の『アクアリウム的な感じ』のコードです Gemini先生がかなり手直ししてくれてます しかもコメント入りで親切（嬉） 同じフォルダー内に魚のglbファイルを準備する必要はありますが HTMLのエディタでコピペすると再現できるはず（？） 興味のある方はどうぞ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>Aquarium</title> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <script s…

#コーディング

関連ブログ

日々是好日～every day is a good day～•3ヶ月前

『WebARでアクアリウム的な感じ』をバージョンアップ

前回のARっぽいHTMLのひな型を使って 大分前に作った『WebARでアクアリウム的な感じ』をバージョンアップしました 以前はこんな感じでした HTMLもA-Frameも勉強し始めた頃で 「とりあえずうまくいった事を記録しとこう」というレベル ここから2年 それなりに経験を積んで Gemini先生の助けも借りつつバージョンアップしたのがこちら 魚の数は格段に増やしました こだわりは水面を上昇させるところ 一番手前にCanvasレイヤーを置いてスクリプトで描画しています スクリプトはGemini先生にずいぶん手直ししてもらいました（笑） おかげでイメージ通りの動作をするようになりました 興味があ…

#WebAR#アクアリウム
日々是好日～every day is a good day～•10ヶ月前

WebVRおみくじ

今年も残り少なくなってきましたね 年賀状にちょっとした趣向を凝らしたくてVRおみくじを作ってみました すこーし重たいファイルがあって 環境によってはロードに時間がかかるかもしれません 気に入って頂けたら ご自由に貼り付けてお使いください それでは 良いお年を！

#WebVR#おみくじ
日々是好日～every day is a good day～•1年前

Glitchでデバッグ用のログを表示する

前回投稿のVRゴーグル用シューティングゲーム A-Frameを使ったHTMLをGlitchで編集しました しばらく時間をおいて使うと いろいろと忘れてしまっています（涙） 以前やっていた時はコンソールにログを表示させてデバッグしていたのですが コンソールの表示方法をなかなか思い出せず いろんなキーを押してはヘンな事になってしまいました 今回は完全に自分用の備忘録です ブラウザはEdgeです F12キーを押します そうこの『F12キー』が思い出せなかったのです（笑） ブラウザによって対応しているキーが違いますのでご注意を DevToolsを開くをクリックすると コンソール画面が表示されます スク…

#ログを表示する
日々是好日～every day is a good day～•1年前

スマホ用VRゴーグルを手に入れた

万博でのVR体験が想像以上に楽しく… VRゴーグル買っちゃった！ さすがに私の場合 お楽しみレベルなのでMeta Questには手が届きませんが スマホ用のVRゴーグルなら範疇でしょう（笑） Amazonで2638円 Bluetooth対応のリモコンが付いてるのがいいですね これなら視点操作だけでなくクリック操作もできそうです 以前A-Frameで作ったシューティングゲーム everydayisagoodday.hatenadiary.com これをVRゴーグルとリモコンで操作できるように手直し Bluetoothでリモコンとスマホを接続したら準備完了 ゲームを表示して 右下のVRをタップすれ…

#WebVR#シューティングゲーム#VRゴーグル
日々是好日～every day is a good day～•2年前

MerryChristmas

１２月ということで 季節感あふれるVRを作ってみました （プラットフォームを変更したため2025.8.26に差し替えました） 私のスマホではたまに３Dモデルがうまく表示されないことがありました その場合は一度閉じて再読み込みすると正しく表示されます 音源もロードするのに少し時間がかかるようです ３Dモデルを表示してちょっとしたアニメーションをつけただけなのですが なかなか思い通りにいかず時間を要してしまいました おそらく今年最後の制作物になるでしょう よろしければクリスマスカード代わりに見てみてください

#WebVR#MerryChristmas
日々是好日～every day is a good day～•2年前

WebVRプラネット

以前A-Frameで作ったジョイスティックボールと everydayisagoodday.hatenadiary.com くじらがグルグルするの everydayisagoodday.hatenadiary.com この２つを応用してVRプラネットを作ってみました ジョイスティックボールで空間を移動でき 「公転スタート」をタップすると太陽の周りを惑星がグルグルし始めます 惑星の事をいろいろと調べて作りましたが 自転の時間単位と公転の時間単位は同じではありません 地球の場合 自転は約23秒 公転は約36秒です これをそれぞれ自転 公転の単位としているので惑星同士の自転 公転の相対比較は可能です …

#WebVR#プラネット
日々是好日～every day is a good day～•2年前

ポータルホール的なもの

ARでやってみたかったことの一つにポータルホールがあります ネットには「どこでもドア」のような完成度の高いポータルホールのサンプル動画が上がっていますが これはなかなかの難易度 もっと簡単にできないものかとアレコレ試してみたら こんなポータルホール的なものができました 「Tap here!!」をタップするとポータルホールが現れます 「GO」をタップするとカーソル（白いリング）の方向へ進んでいきます ポータルホールをくぐると仮想空間へ 逆方向を見るとホールからは現実空間が見えています もう一度ポータルホールをくぐると現実空間へ戻ります 仮想空間はこちらのものをお借りしました ありがとうございます…

#ポータルホール
日々是好日～every day is a good day～•2年前

「WebARラジコンヘリコプター」のコード

前回の「WebARラジコンヘリコプター」のコードです まだまだ未熟で最善なやり方ではないと思いますが やり方は１つではありません いろんなやり方があっていいんだよっていう意味でつたないコードをアップしておきます <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>radio-control helicopter for web AR</title> <meta name="viewport" /> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></…

#ARラジコンヘリコプター#コーディング
日々是好日～every day is a good day～•2年前

WebARラジコンヘリコプター

ネットでたまたま見つけたARのラジコンカー これをどうしても再現したくて 試行錯誤してみました ただ平面認識はできる気がしなかったので車ではなくヘリコプターに 着陸はただ下に下がるだけです もしかしたら空中で止まることになるかもしれませんが そこはご愛嬌（笑） こんなのができました 赤いボールにタッチするとボールは黄色になりヘリコプターが上昇します ボールを動かすと緑になり動かした方向に移動します 指を離すとボールは赤に戻りヘリコプターは降下します 降下が終わるとプロペラが停止します 私のスマホでは問題なく動いたのですが ipadではボールの表示がうまくいきませんでした 端末によっては操作でき…

#WebAR#ラジコンヘリコプター