VOYAGE GROUP VR室ブログ

VOYAGE GROUP VR室のブログです。コンテンツの紹介や制作方法、イベントレポートなどについて書きます。原則毎週水曜日更新。

A-Frame

【Web VR】IndexedDBを使って、大きい動画や3Dモデルをローカルに保存する!

IndexedDBを利用して、動画や3Dデータなど大きいデータを非同期読み込みすることで、WebVRにおける体験を改善する方法についてまとめました。

ブラウザで3Dコンテンツを作るなら?Unity WebGLとA-Frameのパフォーマンスを比較してみた

UnityとA-Frameで作ったWebGLによるブラウザ向け3Dコンテンツについて、簡単な性能比較を行いました。

月間I/O 5月号・6月号にA-Frameの紹介記事を寄稿いたしました

お久しぶりです!自分で髪を切るスキルを身につけてから、美容院に行くペースが半年に一回くらいになったjujunjun110です。 ちょっと忙しくてあまり更新ができていませんでしたが、だいぶ落ち着いてきたので今週からまた毎週更新していこうと思います。 月間…

恐れるに足らず!A-Frame × GLSL でWeb 3Dコンテンツ用のシェーダーを書く。

A-Frameでシェーダーを書く方法についてまとめました。どちらかというとGLSL の説明という感じなので、React-VRなどThree.jsのラッパーであるWeb VRフレームワーク全般で使える内容です。

VR系の技術イベントでWebVRについて2日連続で登壇してきた内容のまとめ

VR系の技術イベントで「Web VRで何ができるか」、「A-Frameコンポーネントを公開しよう」というプレゼンを公開してきた内容のまとめです。イベントの感想も。

リアルタイム通信が出来るWebVRアプリにWebRTCを利用した音声通話機能を追加してみる

あけましておめでとうございます。(今更) @daybysay です。 だいぶ間があいちゃいましたが、今回は前回作成したマルバツゲームに、WebRTCを利用して音声通話機能を追加してみようと思います。 WebRTC周りの実装や使い方についてはHTML5 Expert.jpのがねこ…

【何が出るかな】aframe-physics-systemを使いWeb VRで物理演算をやってみる

aframe-physics-systemを使って、Web VRで物理演算を行う方法について書いてみました。ブラウザで動くデモもあるよ。

A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる

こんばんは。古くて重いMacBook Proを背負って腰が崩壊した@daybysay です。 腰に課題を感じるエンジニアの皆様におかれましてはぜひ軽めのMacBookを背負ってご活動をお勧めいたします。 さて、今回はは複数人で同期しながら遊べるタイプのVRコンテンツ開発…

自作A-Frameコンポーネントをnpmモジュールとして公開するための神ってるツール A-Frame component boilerplate

自作のA-Frameコンポーネントをnpmモジュールとして公開する方法をまとめました!

実写コンテンツ×3Dモデルで立体感を感じるA-Frameアプリケーション

こんにちは。カイロプラクティックに行ったら顔の歪みと猫背とランナー膝が治って人生変わったjujunjun110です。これはみんなまじで行ったほうがいい。 LT登壇してきました 昨日、ドリコムさんで開催された、A-Framer MeetupにてLT登壇してきました。 こんな…

A-FrameとHTML Shaderで美しい日本語テキストを表示する方法

こんにちは。家のMacのOSをうっかりSierraに上げた結果、アホほどカスタマイズしてたKarabinerが機能しなくなって生産性が半分くらいになったjujunjun110です。 開発者のみなさんがSierra用に作り直しているようなので、ただただ早期復活を祈るばかり...!頑…

A-Frameで壁に沿って移動する視線カーソルを実装する

こんにちは。買って2週間で壊れたBluetoothイヤホンがメーカー交換となり、新品を送ってもらったもののそれも1週間で壊れた jujunjun110 です。 きっと耳から怪電波が出てるんだと思います。 最近はA-Frameの勉強をしながら、3D空間・VR空間ではどういった表…

Blenderで出力したUVメッシュ付きobjファイルをA-Frameで読み込む方法

こんにちは。買ったBluetoothイヤホンがわずか2週間で壊れた、VGの破壊王ことjujunjun110です。 今回はA-Frameについてのニッチ情報について更新します!