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

A-frame

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

「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～•3ヶ月前

WebARラジコンヘリコプター

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

#WebAR#ラジコンヘリコプター
日々是好日～every day is a good day～•4ヶ月前

WebARでシューティングゲーム

以前 ARのシューティングゲームを誰でも簡単にWeb上でできないかということを模索しておりまして everydayisagoodday.hatenadiary.com そこでたどり着いたのがA-Frame コツコツと勉強を続けようやくUnityで作ったものと同様のARシューティングゲームが完成しました👏 QRコードを読み込んで カメラの設定を許可またはONにしてください 60秒以内に20体のモンスターを射撃する単純なゲームです サンプル映像はVRです VRの方がよかったらこちらのQRコードからどうぞ どちらも同じ仕様で 背景が画像か実際の映像かの違いだけです はなはだ未熟なコードですが 現時点…

#WebAR#シューティングゲーム
日々是好日～every day is a good day～•4ヶ月前

「1から25まで順番にタップする」のコード

前にアップした『WebVRで「1から25まで順番にタップする」ゲーム』のコードです そんなに難しいことはしていません もっと効率的なやり方があるかもしれませんがちょっとずつ勉強した成果です <html> <head> <meta charset="utf-8" /> <title>Tach the number for web VR</title> <meta name="description" content="Tach the number for web VR" /> <script src="https://aframe.io/releases/1.5.0/aframe.min.js…

#1から25までタップ#コーディング
日々是好日～every day is a good day～•5ヶ月前

『アクアリウム的な感じ』のコード

昨日の投稿した『WebARでアクアリウム的な感じ』のコードを残しておきます 今のところ これだけが私のA-Frameの経験値なので <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <script src="https:…

#アクアリウム#コーディング
日々是好日～every day is a good day～•5ヶ月前

WebARでアクアリウム的な感じ

最近『A-Frame』にハマっておりまして 日々勉強中です これまで勉強したAndroid StudioやUnityは 簡単なサンプルをコピーして実際に動かしてみて そのうちサンプル１とサンプル２を組み合わせたらこんなことができるかもと だんだんできることが増えていった感じで割とスーッと受け入れることができました ところがA-Frame コピペしても動かないんです（汗） 何が悪いかなんてわかりません だって無事に動いたらこれは正解なんだって経験値を今から積み上げていく段階なのに マニュアル見ても英語だし Google先生に聞いてもレベルが高くて求めている答えじゃないし（涙） だいたいいつも壁に…

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

WebARをやってみました

ARの勉強をサボっている間もたまに情報収集はしておりまして 「WebAR」というものが良さそうな感じです WebARはA-FrameとAR.jsというライブラリを使うことで簡単にできるらしく まずはこちらの動画を参考にしながらWebARに初挑戦 www.youtube.com aframe.io ar-js-org.github.io glitch.com これをすこーしだけ変更して３Dモデルを表示するようにしました <html> <head> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <scr…

#WebAR#AR.js
関西 東海日帰りドライブ日記•11日前

サマーキャプ

[ニューエラ] メッシュキャップ 9FORTY A-Frame NEWERA キャップ トラッカー 帽子 MLB メジャーリーグ 春 夏 スナップバック ニューヨーク・ヤンキース ブラック ブラックロゴ [並行輸入品] NEW ERA(ニューエラ) Amazon

qyresearch•2ヶ月前

Aフレーム看板の世界市場レポート：成長、市場規模、競合状況、予測2024-2030

2024年7月29日に、QYResearchは「Aフレーム看板―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、Aフレーム看板の世界市場を分析し、主要企業の総売上高、収益、価格、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019年から2030年までのAフレーム看板の市場規模を販売量と売上高に基づいて推計と予測しています。企業が事業成長戦略を策定し、競合状況を評価し、市場ポジションを分析し、Aフレーム看板に関連する情報に基づいてビジネス上の意思決定を行うのに役立つ定…

捨てる勇気-シンプルな生活を求めて-•2ヶ月前

がんばれファイターズ

今日のファイターズはライオンズ相手に快勝でした。得点は１回と２回のみでしたが、打線が繋がり大量得点に成功しました。この調子で、勝ち星を積み上げていって欲しいです。 [ニューエラ] 帽子 9FORTY A-Frame トラッカー 北海道日本ハムファイターズ 60575686 ホワイト ブルー ブルーバイザー (56.8-60.6cm) NEW ERA(ニューエラ) Amazon エスコンフィールドで応援するのが楽しみです。そのために、捨てる勇気を持って、無駄な出費を抑えていく生活を手に入れます。

かもメモ•2ヶ月前

React requestAnimationFrameでカウントダウンタイマーを作った

LP とかでよく出てくるやつ。個人的にはあまり好きじゃないけど、作るケースが割とあるので。 Window.requestAnimationFrame The frequency of calls to the callback function will generally match the display refresh rate. The most common refresh rate is 60hz, (60 cycles/frames per second), though 75hz, 120hz, and 144hz are also widely used. requestAn…

映画雑感•2ヶ月前

【イコライザー ザ・ファイナル】なぜマッコールはコリンズを指名したのか

１．はじめに ２．【イコライザー ザ・ファイナル】なぜマッコールはコリンズを指名したのか ３．あらすじ ４．監督・脚本・登場人物 ５．最後に １．はじめに 映画「イコライザー THE FINAL」は、デンゼル・ワシントン主演のアクションシリーズの最終章です。 この記事では、なぜ主人公のロバート・マッコールがCIA捜査官のコリンズを指名したのかについて詳しく探ります。 (adsbygoogle = window.adsbygoogle || []).push({}); ２．【イコライザー ザ・ファイナル】なぜマッコールはコリンズを指名したのか 「イコライザー THE FINAL」で、ロバート・マ…

FLINTERS Engineer's Blog•3ヶ月前

HammerspoonとKarabiner-Elementsを使って、キーボードでカーソルとウィンドウを操作する

FLINTERSブログ祭りの記事です。テーマはキーボードです。 概要 FLINTERSでエンジニアをしている吉田です。 自分は趣味で、キーボード配列を変更したり、キーボードショートカットを最適化したりを日々行っています。 今回は自分が使用しているHaummerspoonとKarabiner-Elementsを使ったキーボードショートカットについて解説したいと思います。 自分はなるべくキーボードの操作のみでPC操作を完結させたいと考えており、テキストエディターやアプリケーションの操作は極力キーボードで行うようにしています。 そうしたとき、複数ウィンドウにおけるアクティブウィンドウの切り替えについ…

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

【Unity】3DオブジェクトをglTF形式に変換する

A-Frameを使ってWebARで3Dモデルを表示するとき 3Dモデルのファイル形式としては主にglTF形式を使用します 今回はUnityのお気に入りのフリーアセット3DモデルをglTF形式に変換する方法です 1.以下のリンク先へ github.com 2.UniGLTF-1.27.unitypackageをクリックしダウンロード 3.Unityエディタメニューの アセット/パッケージインポート/カスタムパッケージを選択 4.ダウンロードしたUniGLTF-1.27を選択し開くをクリック 5.インポートをクリック 6.UnityエディタメニューにUniGLTF-1.27が表示されれば準備OK …

qyresearchのニュース•4ヶ月前

Aフレームディスペンサーの世界市場レポート：成長、市場規模、競合状況、予測2024-2030

2024年5月22日に、QYResearchは「Aフレームディスペンサー―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発表しました。本レポートは、Aフレームディスペンサーの世界市場について分析し、主な総販売量、売上、価格、主要企業の市場シェアとランキングに焦点を当てています。また、地域別、国別、製品タイプ別、用途別の分析も行っています。Aフレームディスペンサーの市場規模を2019年から2030年までの販売量と売上高に基づいて推計と予測しています。定量分析と定性分析の両方を提供することで、企業がビジネス成長戦略を策定し、競争環境を評価し、市場位置を分析…

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

【JavaScript】球と球の当たり判定

前回の『WebARでシューティングゲーム』のコードをいつものようにアップしようと思ったのですが 未熟なため全体がダラダラと長く やり方が分からなくて古典的な方法を使ったりしている箇所があって これは良くないぞと… 具体例としては当たり判定です Unityなら Colliderコンポーネントを追加してスクリプトでOnCollitionEnterを呼べばすぐにできますが A-FrameもしくはJavaScriptにそんな便利なものがあるのか？ チラッと調べた範囲ではそういうものはなさそうで 仕方がないのでオブジェクトの位置と大きさから計算することにしました 逆に言うとColliderやOnColl…

気楽に語ろう☆ 創価学会非活のブログ☆•4ヶ月前

『立正安国論』で予言された災難は「爾前経」由来である。

いつもみなさん、ありがとうございます。 さて今回は日蓮の『立正安国論』における予言が『法華経』由来ではないということについて、少し書いてみます。 以前からとても気になっていたことなのですが、日蓮が『立正安国論』で「神天上の法門」を述べる際、その論拠として示されるのは実は『法華経』ではなく、法華涅槃時に当たらないいわゆる「爾前経」ばかりなのです。 「神天上の法門」とは『立正安国論』で述べられるのですが、正法が行われていない時、善神は法味に飢えて守るべき国土を捨て去り、そのため悪鬼がやってくるので、国に災難がやってくることを言います。この根本原因を説明するのに『立正安国論』で説明のために引用される…

Web開発における知見共有系ページ•4ヶ月前

wordpressで360度画像を使用

wordpressで360度画像を使用する WP VR Viewの使用方法 カスタムコーディングで実装する方法 wordpressで360度画像を使用する WordPressで360度画像を使用するには、いくつかの方法があります。 以下はそのいくつかです：1. 360度画像プラグインを使用する: WordPressのプラグインディレクトリから360度画像用のプラグインを見つけてインストールすることができます。 これにより、管理画面から簡単に360度画像をアップロードして表示することができます。 例えば、「WP VR View」というプラグインがあります。2. Embedコードを直接貼り付ける:…