日常に起こった面白い出来事や記録しておきたい事などをゆる～く綴っていきます
招待された結婚式の写真をフォトブックにしてプレゼントしたくて… 大量の写真を編集し終え注文しました 注文後10日程で届くようです 楽しみ フォトブックはそれとして データもすべてプレゼントした方がいいのかなと思いUSBにコピーしたのですが JPGデータの羅列はやっぱり見にくい なのでフォトブックが届くまでの時間でスライドショーが作れないかと思い やり方を検索 自分好みに編集するには動画編集ソフトをインストールするのがいいようです 初心者にも操作が簡単なソフトを探して こちらをインストール まずは体験版を使ってみました filmora.wondershare.co.jp とりあえず新しいプロジェ…
先週末は結婚式に招待されまして 神戸に行ってきました 大正期に建てられた古いお屋敷を今はウエディングやレストランとして活用しているらしく 豪華な造りだけどレトロで落ち着いた雰囲気の会場でした チャペルは別棟にあるのですが こちらはガラス張りで 明るく透明な感じできれいでした お式・披露宴と写真をたくさん撮ったのですが これをフォトブックにしてプレゼントしようと考えてまして 今こちらのサイトを使って編集中です f-photobook.jp なかなか時間のかかる作業ですが こういう事はスピード感をもってやらないとね 機を逸すると喜びも半減するので さぁ頑張って仕上げよ
3Dモデリングの練習続けています カラトリーやグラス お皿 ナプキン等のテーブルセットができたので橋広屋 - BOOTHに置いておきます 本当はお皿をこんな感じにしたかったのですが FBXにエクスポートしてUnityで表示させるとき マテリアルの変換がうまくいかなくて 単色のお皿にしてしまいました Blenderでは白と模様の色（紺色）の2つのマテリアルを作成しました それぞれのノードは以下の通り これをテクスチャとして書き出すには ベイクを使うとネットで見たので やってみたのですが結果はこちら 分かりやすく不透過にしていますが 実際は透過なので真っ黒 これをUnityに持って行っても何もおこ…
先日 パペット風のキャラクター名付けて『キリンくん』が何とかできました 気づいたのですが これをコピーしてちょちょっと調整すれば 仲間の動物ができるんじゃない！！ ということで作りました 向かって左から『ウシくん』『ウマくん』『キリンくん』『シカくん』『シマウマくん』です すべてに同じスクリプトをアタッチしているので同一の動きですが それが可愛くないですか？ 自分で創り出したからでしょうか（笑） この子たちは橋広屋 - BOOTHに置いておきます 必要な方はご自由にお持ち帰りください
Blenderと格闘している間に3月になっていました（汗） 思うようには進んでいないかな Blenderの万能さに驚いてはいるものの きっとすべてを理解して使いこなすことはできないでしょう いや 私にはできません。 でも 当初の目的はFireAlpacaで描いたキャラクターを動かすこと これくらいなら今ある知識でもできそう ということでやってみました まずFireAlpacaで描いたキャラクターがこちら 落書きレベルですが パペット風のキリンです これをBlenderで3D化 いい感じです アニメーションはBlenderでもUnityでも どちらでも設定できますが 今回は手順を覚えるためBle…
「ブログリーダー」を活用して、橋広コウさんをフォローしませんか？
前回 Google Cardboardのサンプルシーンをスマホにビルドするところまでやりました ビルドできたのは良いのですが 制作途中に毎回スマホにビルドするのは大変です できれば完成までエディター上で動きを確認したい ということでサンプルシーンの実行ボタンを押してみると あら～ エラーで停止してしまいました（汗） でもエラーの箇所がでてますね Assets/Samples/Google Cardboard XR Plugin for Unity/1.29.0/Hello Cardboard/Scripts のCardboardStartup.csを開きます エラー箇所の70行目をコメントアウ…
前回 Hello Cardboardというサンプルをインポートするところまでやりました その続きです 3.Hello Cardboardシーンを構成する Assets/Samples/Google Cardboard XR Plugin for Unity/1.29.0/Hello Cardboard/Scenes のHelloCardboard.unityをダブルクリックしてシーンを開きます レイヤーの▼をクリック 『レイヤー編集』を選択 空いている所（私はレイヤー7にしました）に『Interactive』と定義 ゲームオブジェクトTreasureを選択してレイヤーを『Interactive…
最近スマホ用のVRゴーグルを手に入れまして… 前にA-Frameで作ったシューティングゲームを投稿しました everydayisagoodday.hatenadiary.com A-Frameを使えば比較的簡単にVRコンテンツを作れるのですが 私はHTMLがどうも苦手で…できればUnityでできないかと… 『Unity スマホ用VR』と検索するとこんな記事を見つけました 【Unity】スマホXR開発の現在について #iOS - Qiita この中で紹介されているプラグイン Google Cardboard XR Plugin for Unityをインストールしてみます なぜこれを選んだか それ…
前回投稿のVRゴーグル用シューティングゲーム A-Frameを使ったHTMLをGlitchで編集しました しばらく時間をおいて使うと いろいろと忘れてしまっています（涙） 以前やっていた時はコンソールにログを表示させてデバッグしていたのですが コンソールの表示方法をなかなか思い出せず いろんなキーを押してはヘンな事になってしまいました 今回は完全に自分用の備忘録です ブラウザはEdgeです F12キーを押します そうこの『F12キー』が思い出せなかったのです（笑） ブラウザによって対応しているキーが違いますのでご注意を DevToolsを開くをクリックすると コンソール画面が表示されます スク…
万博でのVR体験が想像以上に楽しく… VRゴーグル買っちゃった！ さすがに私の場合 お楽しみレベルなのでMeta Questには手が届きませんが スマホ用のVRゴーグルなら範疇でしょう（笑） Amazonで2638円 Bluetooth対応のリモコンが付いてるのがいいですね これなら視点操作だけでなくクリック操作もできそうです 以前A-Frameで作ったシューティングゲーム everydayisagoodday.hatenadiary.com これをVRゴーグルとリモコンで操作できるように手直し Bluetoothでリモコンとスマホを接続したら準備完了 ゲームを表示して 右下のVRをタップすれ…
庭にある木 ずっと桃（ハナモモ）だと思っていたのですが 今年何だか立派な実をつけまして… ん？これは桃なのか？ 家族に聞いてみたところアンズのようです 確かにGoogleレンズで検索してみてもアンズ率が高い 正直 梅も桃も杏も見分け方がよく分かりません（笑） 毎年3月頃 ピンクの花を咲かせるので桃だと思い込んでいました こんなに大きくてきれいな実をつけたのは初めて見ます ある程度量があれば ジャムやシロップにして食べる事ができそうですが 今年は眺めるだけにしておきます ちなみに これは柿 まだ青くて小さいですが もう実をつけてるんですね
めずらしい物をいただきました 『揖保乃糸 手延べうどん』 揖保乃糸と言えばそうめんですが あえてのうどん？ 今までスーパーや百貨店でも見かけたことはありません それもそのはず この手延べうどん 揖保乃糸資料館「そうめんの里」にしか売っていないそうです www.ibonoito.or.jp 早速開けてみます 平打ち麺です 袋の裏面に書いてある通りに 10分茹でて火を消した後 蓋をして2分蒸らします ゆで上がったら流水でよく洗って 水切りして皿に盛ります この量で1束100gですが なかなかのボリュームです 真っ白でツヤツヤ 美味しそう お好みの具材をトッピングして めんつゆをかければ ぶっかけう…
Blenderでのモデリング 今回は大好きなハシビロコウを作ってみました 初めはモデリングだけのつもりだったのですが 出来上がると動かしてみたくなるんですねぇ ということでボーンとアニメーションをつけてFBXにエクスポート Unityに持っていくと…ナニコレ！ 歪んでるしインスペクターの回転とスケールの値がヘンです（汗） 今回は面の向きはすべて合っていたので別の要因がありそうですが だからといって対策を思いつくわけもなく…困ったときのGoogle先生 「Blender FBX エクスポート オブジェクトが歪む」とそのままの言葉で検索すると トランスフォームを適用すればよいとの事 なるほどー 分…
5月30日 先週の金曜日に大阪・関西万博に行ってきました パビリオンの抽選はすべて落選 先着予約もできなかったため 何の予約も無い状態で行くことになりました 唯一予約できているのは9時の入場だけ Osaka Metroの夢洲に7時半頃到着 もうすでにかなりの人が並んでいました そこで1時間ほど待機 その間に朝食のおにぎりを食べてお茶を飲んで 開門の20分くらい前に手荷物検査前に移動 開門と同時に手荷物検査が始まるのですが 飛行機の搭乗検査と同じですね 荷物はトレイに置いてX線の検査 体はゲートを通ってチェック 私より前の人も私自身も問題なく スムーズに（10分くらいで）通過できました あらかじ…
モデリングの練習でソフトクリームを作りました 向かって左からメタリックソフト ノーマルソフト スケルトンソフト FBXにエクスポートしてUnityで表示させると コーンの中のクリームがみえてますねぇ そこは見えてほしくないのですが… もう一度Blenderに戻って面の向きを確認 やっぱり面の向きが反対でした 編集モードで面の向きを反転させて もう一度FBXにエクスポート 今度は思っていた通りに表示できました Blender上では気づかなくてもFBXに変換してみると不備がよくみつかります 面の向きって初心者には難しいです 形がいびつになったり表示がおかしかったり… 初めはどうしてなのか分からなか…
ガンガンに踊るキューピーちゃんの続きです 今度は浴衣を着せてみました 浴衣や着物を着せると気になるのが袖です 袖の動きが自然に見えるようにするには技？ひと手間？が必要なようですが これが初心者には結構難しい（涙） が BlenderでもUnityでも優秀な方々が袖の揺らし方を公開されています 今回はUnityで揺らすこの動画を参考にさせていただきました www.youtube.com とても分かりやすく丁寧に説明されています まだまだ不十分ではありますが一応浴衣で踊るキューピーちゃん完成です モデリングがすこーしできるようになるとボーンを入れて動かしてみたくなるのですが もっと基本のモデリング…
窓を開けて掃除をしていると ウグイスの鳴き声が聞こえてきました しかも近い そーっと窓から外を見上げると いるではありませんか 幸いこちらには気づいていない？気づいてても気にしていないようだったので急いでスマホで撮影開始 ちょっと鳴き声は個性的ですが ウグイスです 身体を震わせて鳴く姿が何とも可愛いですね 近くで鳴いていてもその姿を目視することはなかなか無いのですが 今回はラッキーでした
ガンガンに踊るキューピーちゃん 前とは違うバージョンを作りました 動きは前回同様Mixamoからダウンロードしたのですが 手が服を貫通してますねぇ これはどうしたものかと… Unityで腕や服にリジットボディやコライダーをつけてみたのですが改善できず 悩むこと数日 簡単に修正できる方法がありました mixamoのUPLOAD CHARACTERをクリック キューピーちゃんのfbxファイルをドラッグ＆ドロップ NEXTをクリックして しばらくすると キャラクターの設定ができました 顔 体 髪のマテリアルをアップロードしてないので見た目は十分ではありませんが 動きを確認するだけなのでメッシュが再現…
以前テーブルセットの3Dモデルを作った時に 模様のお皿をFBXにエクスポートできなかった件 everydayisagoodday.hatenadiary.com 保留にしていた件ですが 何となくできるようになったので やり方をメモ これが正解か自信はありませんが 結果としてできているのでやり方の一つではあるのかなと思います 以前やっていたことは お皿のマテリアルを2つ作成 1つはお皿の下側用 もう1つはお皿の上側（模様をつける面）用 お皿上側の頂点グループをマテリアルに割り当ててUV展開 ここまでは同じ この後のシェーディングから 画像テクスチャDish.pngはお皿の模様の画像(実際は透過モ…
今年は急に暑くなって 春はあったのか？という感じですが しっかり春はやってきています 我が家のチューリップまつり 庭のチューリップがきれいです 人は歳をとるとどうして花が好きになったり土をいじりたくなったりするのか という疑問に対して 回答の中のひとつに 将来の極楽浄土での生活のために『自然に還る』練習をしているのかもしれない というのがあって「なるほどー！」 納得です 土いじり＜＜パソコン作業 な私は練習が十分でないかもしれません（笑）
前回の続きです キューピーちゃんに服を着せてfbxファイルをUnityにドラッグ＆ドロップしたら なぜか右の靴が暗い（汗） 右の靴は 左の靴を複製後ミラーにして作りました なのでここに原因がありそうな感じはするのですが どこをどうしたら良いのか全く分からず… 困ったときのGoogle先生 ヒントがありました 頂点グループがコピー元のままになっているのではないかと なってました 右の靴なのに頂点グループはfoot.L これをfoot.Rに直してもう一度Unityへ 明るくはなりましたが 白い部分が表示されてませんね これは思い当たる事があるのでBlenderに戻って確認します ビューポートオーバ…
前回の続きです キューピーちゃんが踊るようになったので 当初の目標は達成なのですが 一つの平面からキューピーちゃんを作り上げ 動くようになってくれると 段々と情が湧いてくるといものです そこで服を着せてあげることにしました 再びBlenderに戻ってトップス パンツ 靴 キャップを作りました でもこれは服がその位置にあるだけ 例えば左脚を動かしても靴は同じ位置に残ったままです なので靴のオブジェクトに体のウェイトのデータを伝送してあげます モディファイアーを追加からデータ転送を選択 頂点データにチェックを入れて 頂点グループを選択して ソースを選択します キューピーちゃんの場合 頭と体にオブジ…
前回の続きです Blenderでキューピーちゃんが完成したので fbxファイルとマテリアル画像のpngファイルをUnityにドラッグ＆ドロップします キューピーちゃんのプレファブをクリックしてRigをヒューマノイドに変更します 動きはこちらの無料のサイトからダウンロードしました www.mixamo.com ダウンロードするにはアカウントを作らないといけませんが 結構使えます 優秀です ここから6個ほど動きをダウンロードしてUnityにドラッグ＆ドロップ これをアニメーターで編集して キューピーちゃんにアタッチしたアニメーションコントローラーにセットすれば できあがり！ 指にはボーンが入ってい…
花粉のせいか(?)あまり制作意欲がわかず しばらく何も作っていなかったのですが 何だか突然ガンガンに踊るキューピーちゃんを見たくなって（笑） 作るしかないでしょう！ まずはBlenderでモデリング これまではモノや単純な形のキャラクターでモデリングの練習をしてきました 今回初めて人型に挑戦です とは言えまーるい体型なので簡単にできるだろうと思っていたのですが あまかった（汗） 手足の指が思うよな形にならず何度も作り直しました できあがりも若干いびつな箇所がありますが 初人型ということで妥協 色を付けるとそれなりに見えてきますねぇ 後は動けるようにボーンを入れないといけないのですが これはRi…
久しぶりにAndroidStudioをさわる機会がありまして… せっかくなので最新バージョンにアップデートしました 日本語パックもインストールしたかったのですが 現時点で2024.3.1に対応する日本語パックはまだ無いようです 仕方がないので英語のまま使います いやー すっかり忘れてますね（汗）記憶力の低下にガッカリします ここに残しておいたマニュアルやコードを見直して復習 やっぱり些細な事でもメモして残しておくことが大事ですね 今回はプロジェクト名の変更方法をメモっときます 最初に名前を決めた時点でフォルダーやファイルが作られるので 安易に変更しない方がいいのですが 必要に迫られる場合もあり…
以前アップした「WebARラジコンヘリコプター」のジョイスティックボールに関するスクリプト部分にバグが見つかったので 「WebVRプラネット」ではその部分を修正しています なのでジョイスティックボールのスクリプトとあと自転・公転のスクリプトを残しておきますジョイスティックボール var ballCenterX; //ballの中心座標X var ballCenterY; //ballの中心座標Y var ballRad; //ballの中央からの角度 var shiftX; //ballが移動した時の中心の補正X var shiftY; //ballが移動した時の中心の補正Y var move…
以前A-Frameで作ったジョイスティックボールと everydayisagoodday.hatenadiary.com くじらがグルグルするの everydayisagoodday.hatenadiary.com この2つを応用してVRプラネットを作ってみました ジョイスティックボールで空間を移動でき 「公転スタート」をタップすると太陽の周りを惑星がグルグルし始めます 惑星の事をいろいろと調べて作りましたが 自転の時間単位と公転の時間単位は同じではありません 地球の場合 自転は約23秒 公転は約36秒です これをそれぞれ自転 公転の単位としているので惑星同士の自転 公転の相対比較は可能です …
今日はキッチン周りを整理 使用頻度の少ない物や期限の切れてる物等を処分して 残ったものを収納 シンク下の深い引き出しにラップ類を立てて収納したくて 以前ネットで見かけた収納方法を検索 39mag.benesse.ne.jp ありました これこれ！ 早速ダイソーへ買い物に行って仕入れてきました 仕切りを適度な幅にセットしてラップ ホイル フリーザーバックを立てて入れると おー！いい感じ このまま引き出しの中へ ほんの少しのことで使いやすくなりました それにしても こういう事を思いつくのがスゴイですね いつまでも柔軟な思考でありたい（願）
家の前で ツバメが地面に降りて砂遊び(?)らしき事をしていて それがあまりに可愛かったので1枚パシャッっと 絵本とかに出てくるツバメって 真っ白なシャツに燕尾服というイメージですが 実際は結構汚れてるんですよね 野鳥なので当然ですが なので遊んでる訳ではなくかゆかったのかも（汗）
このところの湿気のせいでしょうか？ 朝 外に出ると 家の前の砂利道にキノコ 以前 芝生にキノコが生えたときはこんな感じでしたが everydayisagoodday.hatenadiary.com これよりもっと大きくてまさにキノコです（汗） しかも赤い（怖） 人ってありえない物を目にすると二度見するんですね 絵に描いたような まさにアニメのような二度見をした自分がおかしくて 一人朝から爆笑です 今回もGoogleレンズ先生で検索 似たようなものがたくさん出てきたのですが おそらくベニイグチかと 食毒は不明とも毒性ありとも まぁ食べるなんてもってのほかですが 昨日は無かったのに いったいどこか…
ARでやってみたかったことの一つにポータルホールがあります ネットには「どこでもドア」のような完成度の高いポータルホールのサンプル動画が上がっていますが これはなかなかの難易度 もっと簡単にできないものかとアレコレ試してみたら こんなポータルホール的なものができました 「Tap here!!」をタップするとポータルホールが現れます 「GO」をタップするとカーソル（白いリング）の方向へ進んでいきます ポータルホールをくぐると仮想空間へ 逆方向を見るとホールからは現実空間が見えています もう一度ポータルホールをくぐると現実空間へ戻ります 仮想空間はこちらのものをお借りしました ありがとうございます…
昨日は確か咲いてなかったと思うのですが… プタンターのひまわりが咲いていました 最近ずっと天気が悪くて気分が上がらない感じでしたが ちょっと嬉しくなりました 夏がやってきますね
大腸ポリープ切除術前日 さすがに3日目になるとマンネリ感は否めませんが 「食べてもよい食材を軟らかく煮て食べる」という指導に忠実に従うとこんな感じ 白菜とタラの白だし煮 豆腐と卵のとろみ汁 里芋煮 蒸しピーマン とごはんです ピーマンはカット後レンジで3分程チンしてポン酢をひとまわし 煮物や蒸し料理はレンジを使うと ほったらかしにできるのでラクです 食事制限はこれで終了ですが術後も数日は腸に負担のかからない食事がいいそうで もう少し煮物中心のあっさりメニューが続きそうです
大腸ポリープ切除術2日前 今日も食べてもよいものから食材を選んで調理しました 鯛と豆腐の煮つけ 蒸しなす ふろふき大根 そうめん とごはんです 蒸しなすは3分 ふろふき大根は20分 レンジでチン 時間をかけずに軟らかくできました
家族が大腸ポリープ切除術を受けることになりまして また食事制限です と言っても大腸内視鏡検査の時と同じです 2日前から消化の良い食べ物だけにしましょうということで検査の時と同様の説明を受けました 内視鏡の時の記録があるので 幾分かは気が楽です 今回も3日前の夕飯から消化の良いメニューにしました さわらの煮つけ 玉ねぎ豆腐の卵とじ ほうれん草のおひたし かぼちゃサラダ とごはんです 資料の食べて良いものから選んでみました 魚も野菜も煮た方がいいとの事だったので同じような味付けになってしまいますが そこは少し我慢かな
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 …
先週末家族が日本海方面へ釣りに行ってきました 成果はこちら 立派なサイズのイカが2匹 家族で食べるには十分です 新鮮なイカは刺身が一番！ ゲソとエンペラは軽く炒めてにんにく しょうが 醤油で味付け 最後に肝焼き 肝焼きの作り方はこちら everydayisagoodday.hatenadiary.com なかなかの珍味ですよ 余すことなく頂きました 満足！！
前回の「WebARラジコンヘリコプター」のコードです まだまだ未熟で最善なやり方ではないと思いますが やり方は1つではありません いろんなやり方があっていいんだよっていう意味でつたないコードをアップしておきます <!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"></…
先日 家族の付き添いで病院に行ったら いたるところにチラシが 「12月2日以降紙の保険証は発行されません」 ナニ！！ 病院にはめったに行くことがないので 無頓着でした そう言えばニュースでそんなこと言ってたっけ 12月2日の時点で保険証が有効期限内ならば最長1年間は紙の保険証も使えるようですが 近いうちに何らかの対応をしなければ…と マイナカード自体は2年ほど前に取得したのですが その時は一切の情報を紐づけしませんでした 保険証が使えるようにするにはどうしたらいいか検索すると方法は3つ ①医療機関・薬局で申込み←そもそも病院にはかかっていない ②アプリで手続き←不要なアプリはインストールしたく…
ネットでたまたま見つけたARのラジコンカー これをどうしても再現したくて 試行錯誤してみました ただ平面認識はできる気がしなかったので車ではなくヘリコプターに 着陸はただ下に下がるだけです もしかしたら空中で止まることになるかもしれませんが そこはご愛嬌（笑） こんなのができました 赤いボールにタッチするとボールは黄色になりヘリコプターが上昇します ボールを動かすと緑になり動かした方向に移動します 指を離すとボールは赤に戻りヘリコプターは降下します 降下が終わるとプロペラが停止します 私のスマホでは問題なく動いたのですが ipadではボールの表示がうまくいきませんでした 端末によっては操作でき…
最近 冷蔵庫の下から水漏れしているのを発見しまして… 2005年製造なので古い冷蔵庫です 今年で20年目 よく頑張ってくれました 当然買い替えを検討しているのですが 今月は衣類乾燥機が故障して買い替えたばかり どうして電気製品って同じような時期に連鎖で故障するんだか（汗） ちょっと痛い出費です（泣） せめて セールで安く買えるまで持ち堪えてくれないかと 原因を探ることに 一番下にある冷凍室のケースの横側に氷がついて 開け閉めがしにくくなっていたので おそらくここに原因があるのだろうと ケースを取り除くと うわー－！！ 一面氷 そりゃあ 水漏れもするし 開け閉めもしにくいはずだぁ（汗） 早速ドラ…
昨夜 私の住んでいる所では国際宇宙ステーションが上空を通過するのが見えました 20時9分から20時14分まで5分間 だいたいですが北西から北東方向へ移動していきました フラフラして見えるのは私の手振れのせいです 見にくくてごめんなさい（汗） 実際はスーッと一直線に結構なスピードで通過していきました 日の出前や日の入り後の約2時間ぐらいの間に 住んでる付近の上空を通過した時しか見れないようです やっぱり肉眼で見るのがおススメ キラキラして綺麗です
先週末家族が釣り堀に行ってきました 鯛とはまちをほど良い量 釣ってきてくれました ほとんどを刺身にして 一部は塩焼きに あらは煮つけに 刺身はそのまま食べたり しゃぶしゃぶにしたり 漬けにしたり 鯛の漬けの出汁茶漬けが一番おいしかったかな👍 魚三昧の週末でした
今回も『WebARでシューティングゲーム』で使っているやり方ですが 自分用覚書きです ARに必要不可欠 背面カメラの映像を取得する方法です <html> <head> <style> .v-case { left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; width: 100%; } .v-cover { position: relative; overflow: hidden; width: 100%; height: 100vh; background: url(img/video.jpg) no-repeat center cent…
前回 『WebARでシューティングゲーム』で行った球と球の当たり判定をアップしましたが 他にも数学の力を借りて計算している部分がありまして それは 弾をカメラの向いていた方向に移動させるところです Unityなら transformCamera.forwardで表される方向に時間をかければ良いのですが そんな便利なものは見つかられなかったので自力で計算 弾を発射した時のカメラの角度は取得することができるので 水平方向の角度をx 垂直方向の角度をyとすると const camera = document.querySelector("#camera"); let cameraRotation =…
