COZIKEEいつまでも使えるTech情報発信ブログ
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもAR/VRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
AR / VRが普及する状況で、3DCGの需要は高まっている印象を受けますが、ゼロからモデリングして3DCGを制作するのはとてもコストがかかる方法です。
今回は、「Luma AI」という新しいサービスを使って、お手持ちのiPhone一つで現実の物をスキャンして、簡単に3DCGを生成する方法をご紹介します。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
今私は、ある実装で、Open Streat Mapから生成した大阪駅付近の3DマップをThree.jsに読み込み、一人称視点で3Dマップの中をうろうろする、という楽しいことをしています。
3Dマップ（objファイル）の容量がなかなか大きく、Three.jsの凝ったコントローラと掛け合わせるとかなり動作がもっさりしてしまいます。
今回は、負荷が大きくなりがちな実装をする際に、どうやって負荷軽減をして安定した動作を実現するかというお話しです。
具体的な実装例をまとめました。今後も新しい知見があればこちらに足していきます。
ご参考になれば幸いです。
こんにちは！
デザイナーの伊東です。
今回もblenderを使った、3Dオブジェクトにアニメーションをつける方法をご紹介します。
前回の記事では、blenderへ3Dオブジェクトの読み込み、ボーンを設定、オブジェクトを動かすところまでご説明しました。
blender2.8を使って3Dオブジェクトにアニメーションをつける方法〜part.1〜
今日は、前回までの内容を活かして、複数のポーズの間を自動で補間して動かしていきます。
最後までお付き合いよろしくお願いいたします！
こんにちは！
デザイナーの伊東です。
ここのところずっとXR系の記事をお送りしてきましたが、
今回は3Dデータにアニメーションを加える方法についてご紹介しようと思います。
ちょっと内容が長くなりそうなので、2回に分けてお送りします。
2回分の記事の内容を通して、
このようなアニメーションが完成します。
第一回目は、アニメーションする前の準備段階として、
blenderのインストールから、ボーンの追加、ポーズの設定まで解説します。
最後までよろしくお願いします！
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
今週もWebVR 開発の記事をお届けいたします。
これまでのWebVR 開発の記事は下記からご確認いただけます。
今までは、A-FrameでどのようにVRコンテンツを作成するかを中心にご紹介してきました。
今回は、VRデバイスからどのように情報を受け取るのかというところにスポットライトを当てたいと思います。
前半はヘッドセットから、後半は手に持つコントローラーの情報を取得します。
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
前回に引き続き、WebVRの記事です。
これまで4つの記事をお送りしてきました。
前回は、WebVRのフレームワークである”A-Frame”の基本的な使い方をご紹介しました。
今回も同じくA-Frameについてですが、さらに深掘りして「テキストの扱い方」を解説していきます。
少し癖がありますが、最終的に日本語をWebVR上で表示するところまでご説明します。
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
今日は久しぶりにWebVRについてのお話です。
今までのWebVRの記事は下記からご確認ください。
第四回となる今回は、WebVRのフレームワークとして知られる”A-Frame”をご紹介します。
まずは、A-FrameでのWebVR開発に必須な「シーンの設定」、立方体や平面などの「図形の描画」、複数の図形をまとめて処理する「グルーピング」についてお話ししようと思います。
初心者の方にもわかりやすいように解説していきますので、最後までよろしくお願いします。
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
前回の記事では、WebVRを開発するためにWeb上で3Dコンテンツを扱うためのthree.jsをご紹介しました。どうやって3Dコンテンツをブラウザで表示するか、ざっくり理解していただけたと思います。
今回は3Dコンテンツを作成する方法として、”blender”というソフトをご紹介します。
blenderは機能が多く操作が独特なため、慣れるまでになかなか時間がかかります。
基本の動作から、jsonファイルにエクスポートするところまでじっくりご紹介いたします！
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
前回はWebVRとはどんなものなのか、触りの部分をご紹介しました。
今回は第二回ということで、WebVR開発には欠かせないthree.jsについてのお話です。
three.jsを使いこなせるようになれば、 WebVR開発のハードルはグッと低くなります。
最後までお付き合いよろしくお願いします。
こんにちは！
デザイナーの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebARの事を中心に情報発信中！
よかったらフォローお願いしますm(_ _)m
Follow @ALAKIWebVRAR1
Web界隈のテクノロジーの進歩は凄まじく、日々新しいサービスや技術が生まれています。
“VR”という言葉もここ数年でよく耳にするようになりましたが、今回はWebVRという技術にスポットライトを当てたいと思います。
実は、ALAKIでは、数カ月前からWebVR案件の問い合わせを頂いており、WebVRの開発に着手しています。
なかなか深い内容なので、数回に分けてお届けします。
第一回目は”WebVR”のさわりの部分をご紹介できればと思いますので、最後までお付き合いよろしくお願いいたします。
