React VR | A framework for building VR apps using React
React VR lets you build VR apps using only JavaScript. It uses the same design as React, letting you compose a rich VR world and UI from declarative components. import React from 'react'; import {AppRegistry, Pano, Text, View} from 'react-vr'; class WelcomeToVR extends React.Component { render() { // Displays "hello" text on top of a loaded 360 panorama image. // Text is 0.8 meters in size and is
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
Web VR Experiments - Experiments with Google
Web VR brought virtual reality to the web, making it easier for anyone to create, enjoy, and share VR experiences. The next phase of this evolution is WebXR, which will combine Web VR and AR into a single API. While the transition is happening our live Web VR experiments will not be accessible, however you can still demo some of the projects in 360.
WebVRを触ってみる - Qiita
この記事はRecruit Engineers Advent Calendarの9日目の記事です。 また、この記事は2016年に書かれた古い記事です。当時は今とは状況がかなり異なっています。参考にする場合注意してください。 はじめに 2016年ももうすぐ終わりです。 今年はVR元年とも呼ばれる年でした。秋にはPlayStationVRが発売されたりと各所で盛り上がりを見せているVRですが、webにもその波が押し寄せています。 Mozilla VRチームが中心となって開発を進めてきたWebVR APIを利用することで、PCとVRデバイスを接続すればブラウザ上でVR体験が可能になります。 OculusRiftやDaydreamなど、VRコンテンツはそれぞれのプラットフォームに閉じてしまっていますが、webのオープン性を持ち込むことでより多くのメディアの架け橋となり、VRが浸透していく上で一翼を担
ウェブのUIは3Dへ VR用ブラウザ「Chrome VR」が準備中
ウェブのUIは3Dへ VR用ブラウザ「Chrome VR」が準備中 ウェブサイトを閲覧する際に使用するブラウザ。Google Chrome、Firefoxなどさまざまなブラウザがありますが、いずれも平面にウェブサイトの情報を表示するものです。 グーグルは、VR空間でウェブサイトを見るVR用ブラウザを開発中です。この情報は、11月1日からサンフランシスコで開催されたVirtual Reality Strategy Conferenceで同社のエンジニアが明らかにしました。 WebVRに関する講演の中で、GoogleのWebVR担当UXデザイナー、ジョシュ・カーペンター氏は、近い将来VRでウェブサイトを見ることができるようになると言及。グーグルが11月10日からスタートさせるVRプラットフォームDaydream向けに、VR用ブラウザを準備中とのことを明らかにしました。 ウェブ上で3Dお絵描きを
「VR ZONE Project i Can」を仕掛けたコヤ所長・タミヤ室長の狙いとは何か？ - VR Inside
ALVRアプリが公開！SteamVRゲームがVision Proでプレイ可能に MRVRAppleVision ProAR 17時間前 名酒センター「酒マルシェ」を6/25に開始！そらのうえショッピングモール ベネリックデジタルエンターテインメント株式会社名酒センター酒マルシェVRスマホVRイベントメタバースそらのうえショッピングモール 2024/06/21 18:00 VRChatに「VRC-JP 初心者プラザ」公開！Discordコミュニティ「VRC-JP」 VRVRchatイベントメタバース株式会社VVRC-JPVRC-JP 初心者プラザ 2024/06/20 18:00 「xambr」がアップデート！アバター対応や出展ブース入稿システムなど実装 xambrVRイベントアプリambr株式会社ambrメタバース 2024/06/20 18:00 「ホロアース」Ver.0.8.0アップデ
Encode Ring - 声で作る、世界に一つのオーダーメイドメッセージリング
Encode Ring(エンコードリング)は、あなたの声の波形がそのまま形になる、世界に一つのオーダーメイドメッセージリングです。3秒間のメッセージリングに、大切な人への想いを乗せて届けてみませんか。
VR ZONE Portal | バンダイナムコアミューズメント
■ご利用制限 次のお客様はご利用いただけません。 13歳未満の方（一部アクティビティを除く）、体調の優れない方、酒気を帯びた方、心臓の弱い方、乗物に酔いやすい方、妊娠中の方 ※自立歩行が出来ない方は一部体験できないVRアクティビティがございます。 ※その他ご利用により悪化する恐れのある症状をお持ちの方はご利用をご遠慮ください。 （心臓疾患、めまい、閉所恐怖症、呼吸器系疾患、けいれん発作、妊娠中、騒音過敏症、暗所恐怖症、首・背中・腰の疾患、肌の弱い方、光過敏症発作） 詳しくはこちらをご確認ください。 ■混雑時に関する注意 混雑時は、店頭にて整理券を配布する場合がございます。 整理券順にお客様の呼び出ししますが、見えられない場合は、順番が前後する場合があります。 体験人数の上限に達した場合、VRアクティビティの故障などにより、体験できない場合があります。 ■ご利用上の注意 安全の為、スタッフの
Three.jsのRaycasterを使って、画面内のオブジェクトを得る - Qiita
Three.jsのRaycasterクラスを使って、画面内のオブジェクトを取得するサンプル。 ざっくり手順を書くと、 マウス位置を取得 マウス位置をWebGL内の座標系に変換 マウス位置からまっすぐに伸びる光線ベクトルを生成 その光線とぶつかったオブジェクトを得る という手順。色々めんどくさいこともThree.jsがやってくれるので、以下のようにするだけで該当オブジェクトをさくっと得ることができる。 [2015.01.18 upate] unprojectメソッドは、Vectorクラスに移動したようです。 function onmousemove(e) { var rect = e.target.getBoundingClientRect(); // スクリーン上のマウス位置を取得する var mouseX = e.clientX - rect.left; var mouseY = e.c
[連載] WebVR入門 vol.1 - Qiita
この記事はWebVR Advent Calendar14日目の記事です。 さて、今週一週間記事を書き続けようと埋めまくったんですが、まったくノープランでしたｗ なのでうまく着地できるか分かりませんが、WebVR入門と銘打って連載をしたいと思います。 この連載の目的は「WebVRってむずかしいんでしょ？ どうせ」って思っている人に向けて、「えっ、そんな簡単なら私もやってみようかしら？」って思わせるのが目的の入門記事連載です。 Firefoxの安定版ですでにWebVRの実装が取り込まれたのは前回の記事で書いた通りです。 つまりそれだけ期待している、ということでしょう。（だってまだOculus Rift、発売日さえ細かく決まってないのに） 個人的にもWebVRからVRが広まってくれると思っています。 ということで、今回は「WebVR Hello World」として、Three.jsを用いてWeb
![[連載] WebVR入門 vol.1 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ba6de30eecb0d684366736a0af787c8e328fc0f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU5JTgwJUEzJUU4JUJDJTg5JTVEJTIwV2ViVlIlRTUlODUlQTUlRTklOTYlODAlMjB2b2wuMSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZWMxZjMxODRiN2U4MTE0ZmVlOGIzZDdmMjQ3NmQ3Mzc%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBlZG9fbTE4JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01YzRmMTg2NjU4YjExNWZjZWYwMzYwOTQ2OTg3Mjk1Yw%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D5ccc3ccfec86d4f6fac45f2d57475b26)
Oculus Rift Development Kitの基礎知識
UnityとUnreal Engine 4で、ゴーグル型のヘッドマウントディスプレイ「Oculus Rift」（Development Kit 2）用アプリを開発する方法を解説する連載がスタート。 連載 INDEX 次回 → Oculus Riftとは 2014年3月にFacebookに買収されたことで一躍話題を集めたOculus Riftは、米国Oculus VR社が開発を進めているゴーグル型のヘッドマウントディスプレイデバイスだ。2012年8月にKickstarterで1万人弱からの支援を受け、2013年3月から米国をはじめとして第1弾Development Kit（以下、DK1）が出荷された。Oculus Riftの特徴は、広視野角のディスプレイ表示と、頭の向きに高速に追従するヘッドトラッキングによって生まれる非常に高い没入感だ。 DK1の出荷が始まって以降、世界各地でゲームに限らず
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VR知らない人に、VRの世界で起こっているヤバイことまとめた｜Dai
Experience Virtual Reality on the web with Chrome
DeNA Engineering - DeNAエンジニアのポータルサイト
Microsoft、EdgeでWebVRを試験的にサポート 
ガンナーオブドラグーンの作り方＆酔わせずに興奮させるVR体験デザイン
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
全天球映像作家 渡邊課
ネコぱらいぶ☆｜NEKO WORKs
GitHub - borismus/webvr-boilerplate: A starting point for web-based VR experiences that work on all VR headsets.
