このブログで時々紹介しているBabylon.jsについてネットや公式フォーラムで調べると、2D画面上での表現、あるいはVRモードの使用例がほとんどです。一方、あまり知られていませんが、WebXRにも対応していてARも使えます。 そこで、今回はBabylon.jsのWebXR対…

Babylon.jsにParticle Editorという仕組みができたので、いろいろと試してみました。 以下の環境で確認しています。 Babylon.js 4.2.0-alpha.17 1. Particle Editorとは？ 2. Particle Editorを使うための準備 2.1 PlaygroundからInspectorを起動して使う 2.…

ここ最近、オンラインでのイベント参加や、リモートでのコミュニケーションの機会が増えているので、それに合わせて色々なサービスの使い方を解説しました。 www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com …

前回、Babylon.jsをES6以降の仕様で書く方法をまとめました。 www.crossroad-tech.com 引き続きES6に慣れるため、Babylon.jsと似ているthree.jsについても書き方を調べてみました。ただ、three.jsを初めて使ったためか、うまく動かず情報を探すことができな…

先週、Mozilla Hubs（VR空間でイベント体験ができる仕組み）を使ったオンライン勉強会で発表をしました。 www.crossroad-tech.com Hubsの体験はほぼ初めてで、発表をしたのは初めてでした。最近参加したclusterとも異なる点が多かったです。 そこで、Hubsで…

xR Tech Nagoyaが主催するオンラインイベント「Hubs Scrum」に参加、登壇してきましたので内容をまとめました。 1. Hubs Scrumとは？ 2. ライトニングトーク (LT) 2.1 Mozilla Hubsが拓く新世代WebVRのススメ 2.2 AWSを使わずにVR空間共有ができるnetworked-…

オンライン勉強会が増えたことによって、VR空間を使ったイベントの需要が増えています。そのため、Mozillaの「Mozilla Hubs」にも注目が集まっています。 今回は、Mozilla Hubsを調べるうちに見つけた「networked-aframe」の概要について説明いたします。 以…

JavaScriptは、ECMAという言語仕様のバージョンによって書き方が変わります。いろいろ調べたところ、2015年に策定されたES2015 (ES6) で大きく変化し、Mozilla Hubsなど、JavaScriptのOSSの多くはES6以降の仕様で書かれている印象です。 一方、Babylon.js公…

先週、cluster（VR空間でイベント体験ができる仕組み）を使ったオンライン勉強会で発表をしました。 【2020/5/5追記】WebXR Tech Tokyo #0 の全講演をまとめてみました - CrossRoad clusterでの発表はかなり久しぶりで、だいぶ変化も多く少し準備に手間取っ…

最近、打ち合わせや飲み会をオンラインで行うことが増えている方が多いと思います。ネットで探すと、それらのやり方も多数見つかります。 テレワークに必須！有料・無料のWEB会議アプリおすすめ8選（Zoom以外で） | ライフハッカー［日本版］ 今、話題の「オ…

先週に引き続き、clusterでの勉強会に参加しました。今回は聴講者だけでなく発表も行いました。 いつも通り、全講演の内容を紹介していきます。 1. WebXR Tech Tokyoとは？ 2. 講演 2.1 Aframeで日本語フォントを自在にする 2.2 [8thWall x three.js] お家で…

HoloLensに関するイベントとしては、おそらくHoloLensミートアップが日本最大級だと思います。これまではオフラインで開催されていましたが、昨今の事情により今回はVR空間で開催されることになりました。 今回のイベントは、VR空間で300人近くの人が参加す…

npmで提供されているexpressを使うと、簡単なコードでWebサーバを作ることができます。 expressでWebサーバを作るためのサンプルコードを使うと、大抵はhttp://localhost:8080のURLで実行できるサーバになります。しかし、検証したいサービスによっては、htt…

先日、以下のツイートを見かけました。 blenderが先月openXRに対応してViewportをHMD内で見られるようになったらしいので、誰か日本語で解説のQiita書いたら良いのではないだろうか（他力本願） https://t.co/VYH1gsumdJ— にしかわ (@MiyuWestriver) 2020年4…

Githubにリポジトリを公開していると、"A new security advisory on minimist affects"というタイトルの警告メールが来ることがあります。 私の場合、npmとyarnを使っているリポジトリでセキュリティの脆弱性があるライブラリが入っていることが原因でした。…

昨今の事情でTeamsやSlackのユーザ数が急増しているようです。 cloud.watch.impress.co.jp japan.zdnet.com これだけ急に増えると、これらのチャットツールに慣れてないが急遽使うことになった方もいるかもしれません。 そこで、今回はTeamsを取り上げて、使…

(2021/1/1追記 Visual Studio CodeでApp Service Extensionのアイコンが表示されていないときの対処方法を追記しました) はてなブログでアドセンスを使っていると、ルートドメインにads.txtを入れてくださいという警告が出ることがあります。 「はてなブログ…

3-28 (1) : Added Ep3 youtube link (Chp1) 3-29 (2) : Added additional information about official site (Chp3) 4-1 (3) : Added canceling crowd funding (Chp3) VR180 is expected to be a new standard VR photo/movie format. The "GEIMU" is one of …

以前、Noodlというプロトタイピングツールについて紹介しました。 www.crossroad-tech.com NoodlはHTML5をベースとしていることもあり、Babylon.js、a-frameなどのWebGLラッパーも使うことができます。 www.crossroad-tech.com www.crossroad-tech.com これ…

先日、Japan VR Fest主催の開発者会がありました。7時間近くで約40人が発表、参加者も100人以上というかなり大規模なものでした。 様々な方面で真面目に取り組んでおられる方々の発表なので、どれも大変勉強になりました。 ついでに私も少し発表してますので…