Aurasmaを使ってARをサービスする・コンテンツ登録 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Aurasamaを使ってARをサービスするの２回目は、画像や動画などのコンテンツの登録です。 Aurasma studioへのログイン まず、Aurasma Studioをひらきます。 ユーザーIDとパスワードを入力してログインします。 ヘルプページがオーバーレイされているのでクローズします。 「Trigger Images」「Overlays」「Channels」の３つがコンテンツの構成です。 Trigger Imagesがキーとなる写真です。 Overlaysが呼び出される動画です。 チャネルはそれらの組み合わせをグルーピングするものです。 画像のアップロード 「Trigger Images」をクリックします。 Trigger Imageのページが表示されたら、「Add」をクリックして、ダイアログを表示させます。 Nameに適当な名前を付けます。 Training Imageの「Br
Aurasmaを使ってARをサービスする・ユーザー登録 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Aurasmaは画像認識技術を使い、マーカーを使わないでARを実現できるサービスです。 印刷物をはじめ、GPSによる場所情報とともに、建物などのオブジェクトを使って、動画やWebサイトへのリンクなど、スマートフォンやタブレットを使って連動することができるフリーサービスです。 はじめに Aurasmaは、フリーのARクラウドサービスになっています。 一番簡単なのは、Aurasma liteというスマートフォン用のアプリを使ってARコンテンツをアップロードし、共有や公開ができます。 さらに、Aurasma Proを使えば、クラウドサービスであるAurasma Studioというコンテンツ登録及び管理用のサービスを使って、ARコンテンツを作成することができます。 また、Aurasma Studioでは、オリジナルなアイコンとスプラッシュ画像を使ったSkined Appと呼ばれるオリジナルなス
Monacaでスマートフォンアプリ開発（４）ファイルを使う | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
スマートフォンには限りませんが、ローカルのファイル環境を扱う機会は多いものと思います。スマートフォンのローカルファイル環境にアクセスするライブラリを作ってみたいと思います。 Monacaの概要、使い方、登録の仕方などはこちらです。 スマートフォンでのローカルファイル環境の取り扱いは、パソコンのそれよりも少しややこしいことになっていて、そう簡単に取り扱うことはできません。 HTML+JavaScriptという環境だからというところが大いに関係しています。 今回もPhoneGapのプラグインを使ってゆきます。 phoneGapでは、すべてと言っていいほど非同期処理になっています。 時間のかかる処理でもないのに使いづらいところがあるので、StratifiedJSを使って同期処理に逐次化をしています。 StratifiedJSの説明はこちらです。 ファイルシステムの準備 まずはgetやput
初心者のjQuery・次のステップの前に補講 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
jQueryの使い方は少しは慣れてきたでしょうか。 これからもう少し複雑なことに取り組んでゆきたいと思いますが、前回の中間のまとめに引き続き、少し違った角度からjqueryの実践的な使い方のおさらいをしてみたいと思います。 jQueryでお客さまの動きに追随する jQueryと言えばやはり、HTMLやCSSと違ってダイナミックな操作やインタラクティブ(対話型)要するに、お客さま(ユーザー)の動きに反応するということが１番特徴的なことではないでしょうか。 そうです、それがイベントです。 もう何度も出てきました。 マウスオーバーする。クリックする。ドロップダウンする。など色々あります。時にはキーボードの動きをとらえることもできます。 click(function(){ ... ... }); mouseover(function(){ ... ... }); 単に動きをとらえると言っても、
サイト制作者ならMonacaで簡単にスマホアプリ開発できます。 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 Category Amazon Web Service (13) Aurasma (0) ExtJS (5) Facebook Aplication (0) Google API (5) JavaScript (1) jQuery (7) Monaca (3) Sencha Touch2 (10) Smartphone (0) ThreeJS (7) Tag EC2 firefox JavaScript Monaca
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Monacaでスマートフォンアプリ開発（１）デバイス情報など | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Monacaでスマートフォンアプリ開発（2）センサーを使う | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Monacaでスマートフォンアプリ開発（１）デバイス情報など | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
サイト制作者ならMonacaで簡単にスマホアプリが | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.