Building an Immersive Game with A-Frame and Low Poly Models – Mozilla Hacks – the Web developer blog
Note: This is Part 1 of a two-part tutorial. There is a big difference between immersion and realism. A high-end computer game with detailed models and a powerful GPU can feel realistic, but still not feel immersive. There’s more to creating a feeling of being there than polygon count. A low poly experience can feel very immersive through careful set design and lighting choices, without being real
A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる - VOYAGE GROUP VR室ブログ
こんばんは。古くて重いMacBook Proを背負って腰が崩壊した@daybysay です。 腰に課題を感じるエンジニアの皆様におかれましてはぜひ軽めのMacBookを背負ってご活動をお勧めいたします。 さて、今回はは複数人で同期しながら遊べるタイプのVRコンテンツ開発を試してみました。 内容としては、A-FrameとWebSocketを使ったリアルタイムマルバツゲームの実装です！ 出来上がりはこんな感じです。 リポジトリはこちら github.com そして今回出来上がったマルバツゲームへのリンクがこちらです。 目次 目次 アプリの構想 環境構築 アプリケーション実装 クライアントサイドの実装 マス目を置く プレイヤー（カメラ）を用意 クリックできるようにする プレイヤー名表示 サーバサイドの実装 Socket.IOを使う準備をする 別々のプレイヤーとして接続できるようにする マス目のク
TOKYO A-Framer Meetup (2016/11/29 19:00〜)
イベント概要 本イベントは、A-Frameを使ってWeb VR開発をしたい方向けの勉強会です。 キーノートスピーチ / LT / 懇親会という3部構成になっています。 A-Frame開発者によるキーノートスピーチ 米国Mozillaから来日するA-Frameの開発者 Kevin Ngo（ @andgokevin ）によるA-Frameを用いたVR構築の可能性とその未来についてのスピーチ LT（ライトニングトーク） A-FrameでVR構築をしてみたユーザーや体験者によるライトニングトーク（1人5分 × 8名） ☆LT発表者を募集中です！ 発表希望者の方は「LT発表者枠」からご応募ください。 発表はA-Frameに関連する内容に限ります。 懇親会 WebVR構築に挑戦する方、A-Frameを共に触ってみようとする仲間と出会う場。 ドリンクやスナックを食べながらネットワーキングします。*有料で
A-Painter: Paint in VR in Your Browser
Want to start painting now? Head to https://aframe.io/a-painter! Make sure you have a WebVR-enabled browser. In Chromium, enable the flags for chrome://flags/#enable-webvr and chrome://flags/#enable-gamepad-extensions. Firefox support is coming soon. (Don’t have a headset? No problem – you can still view paintings from any device!) We on the Mozilla VR team are hardcore fans of Tilt Brush. It’s a
Introducing WebVR API 1.0 & A-Frame Updates // Speaker Deck
All slide content and descriptions are owned by their creators.
A-Frame v0.3.0 - Walk in a Web Page
A-Frame v0.3.0 has dropped! With support for the new WebVR 1.0 API, we aim higher towards state-of-the-art VR. With room-scale tracking, we can walk in a web page, and with tracked controller support, we can reach out into the world. Grab the latest build at https://aframe.io/releases/0.3.0/aframe.min.js or npm install aframe. What’s New?WebVR 1.0 support is the highlight of this release. This inc
A-Frame 0.2.0 – The Extensible VR Web – Mozilla Hacks - the Web developer blog
A-Frame is a framework that makes it easy to build virtual reality (VR) content for the Web. It provides: The ability to build 3D scenes with declarative HTML. Responsive WebVR scenes that work out of the box on multiple platforms. An entity-component-system pattern which promotes composability and extensibility. After three fun and busy months of development, we are proud to announce the release
Build the Virtual Reality Web with A-Frame – Mozilla Hacks - the Web developer blog
The WebVR team at Mozilla (MozVR) set out over a year ago asking, “what would virtual reality (VR) on the Web look like?” Today we click on links to jump from page to page, one day we will walk through portals to jump from world to world. Unfortunately, there are only a handful of WebGL developers in the world who know how to create highly interactive 3D experiences. But there are potentially mill
HTML数行でVRできるA-Frame
Oculus Rift Advent Calendar 2015の23日目の記事です。違うネタを予定していたのですが、急にA-Frameが来たので、これは！ ということで紹介です。 A-Frameって何？ A-Frameは、MozVR（Mozilla VRチーム）がリリースしたバーチャルリアリティのフレームワークです。まず、難しい話を抜きにして、下のHTMLをファイルに保存してIE以外のブラウザで開いてみてください。 <!DOCTYPE html> <head> <script src="https://aframe.io/releases/latest/aframe.min.js"></script> </head> <body> <a-scene> <a-cube position="-2 1 0" color="#C00"></a-cube> <a-sphere position="
新しいWebVRフレームワークA-Frame入門 - Qiita
とりあえずサンプル！ A-Frameを用いたWebVRサンプルとして，うさぎ(stanford bunny)がぴょんぴょんするサンプルを作りました＞＜ このサンプルは1行もjavascriptを記述していません！ すごい！ 混沌としたWebVR界隈に突如現れたWebVRフレームワーク A-Frame． さっそく試してみたので，本記事ではその使い方を解説してみるよ！ この記事には， 1. ステップバイステップで一通りの機能を使いながらWebVRシーンを作成する方法と， 2. 各機能や要素の詳細な説明 が書かれています． 公式サイト: https://aframe.io/ ドキュメント: https://aframe.io/docs/guide/ はじめに A-Frameってどういうもの？ HTMLのタグとしてシーンを記述できるWebVR用のフレームワークです． Three.jsをベースとして
Introducing A-Frame 0.1.0 — A-Frame
Today, the MozVR team has released the first version of A-Frame: an open source framework for creating WebVR experiences with markup. A-Frame makes it easy for web developers to create virtual reality experiences that work across desktop, iPhone, Android, and the Oculus Rift. We created A-Frame to make it easier to create VR web experiences. WebVR has shipped in builds of Firefox and Chromium sinc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A-Frame – Building Blocks for the VR Web
GitHub - networked-aframe/networked-aframe: A web framework for building multi-user virtual reality experiences.
Having fun with physics and A-Frame ★ Mozilla Hacks – the Web developer blog
A-Frame Editor
Building Cardboard Dungeon With A-Frame – Mozilla Hacks - the Web developer blog
GadgetPlus WebVR UFO Virtual Reality Ecommerce Online Store
Wheel Ride WebVR Virtual Reality Experience A-Frame
GitHub - ngokevin/aframe-physics-components: Physics components for A-Frame VR.
aframevr