読者です 読者をやめる 読者になる 読者になる

roman-tech

テクノロジーはロマンだ。

a-frame

超お手軽VR開発フレームワーク A-FRAME入門:番外編第2回 開発環境設定 ローカルサーバを立てよう

これまで数回に渡ってA-FRAMEを使ったVR開発を行ってきました。しかし、リソース(画像ファイル、音楽ファイルなど)読み込む必要があるプログラムはローカル環境では動作させることができません。基本的にはなんらかのレンタルサーバを借りてそこにアップロ…

超お手軽VR開発フレームワーク A-FRAME入門:第6回 コスモ(小宇宙)を感じようpart2

前回は星の画像のテクスチャを自分を中心とした球面上に貼り付ける作業を行いました。本日は続きの作業を行います。 目的 いよいよコスモを感じる 本記事で学べること A-FRAMEのLook-At機能を使って画像のローテーションを制御する 開発編 早速開発にはいり…

超お手軽VR開発フレームワーク A-FRAME入門:第5回 コスモ(小宇宙)を感じようpart1

こんにちは。先日7/7は七夕でしたが、みなさんゆっくり夜空を眺めることができたでしょうか?僕は七夕のことはすっかり忘れていて見逃してしましました。七夕を見逃した人たちのために、本日はVRでコスモ(小宇宙)を感じることができるプロトタイプを作成した…

超お手軽VR開発フレームワーク A-FRAME入門:番外編第1回 iPhoneアドレスバー問題

本日は開発には直接関係無いですが個人的にかなりハマってしまった問題について取り上げます。はじめはA-FRAMEのバグかと思ってライブラリをイジイジしていたのですが、結局iPhoneの設定の問題でした。。。 問題 iPhone6でA-FRAMEを使ったサイトを横向きモー…

超お手軽VR開発フレームワーク A-FRAME入門:第4回 簡単なゲームを作ってみよう

前回はVR空間上に配置したジュウシマツの3Dモデルにアニメーションをつけてマサイの踊りをさせてみました。今回はそれを応用して、VRならではの視点を使った簡単なゲームを作ってみたいと思います。 目的 視点を使った簡単なゲームを作成する。 本記事で学べ…

超お手軽VR開発フレームワーク A-FRAME入門:第3回 モデルに動きをつけてみよう

前回は、簡単なVR空間を作成しジュウシマツの3Dモデルを静的に配置しました。今回は配置した3Dモデルに動きを与えてみようと思います。 目的 3Dモデルにアニメーションをつける 本記事で学べること アニメーションのつけ方 開発編 さっそく開発に入りましょ…

超お手軽VR開発フレームワーク A-FRAME入門:第2回 簡単なVR空間を作ってみよう

前回はA-FRAMEで一体どんなことができるのか、概要について述べ簡単なサンプルを作成しました。今回は簡単なVR空間を構成するための基本的な知識について学びたいと思います。 目的 テクスチャとオブジェクトを表示し簡単なVR空間を構成する 本記事で学べる…

超お手軽VR開発フレームワーク A-FRAME入門:第1回

本シリーズでは最近話題のバーチャルリアリティ開発フレームワークであるA-FRAMEの使い方について記載します。筆者も特に詳しいわけではなくこれから勉強しながら執筆していくので一緒に学んでいきましょう。参考URLは以下の本家サイトです。 aframe.io 本記…

© 2016 Tsukasa Horinouchi